240 lines
17 KiB
TypeScript
240 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { TrendingDown, BarChart3, Lightbulb, AlertTriangle, Zap, Calendar, HelpCircle, Globe, BookOpen, Users, Clock, Home } from "lucide-react";
|
|
|
|
const navItems = [
|
|
{ name: "Overview", id: "overview" },
|
|
{ name: "Causes", id: "causes" },
|
|
{ name: "Impacts", id: "impacts" },
|
|
{ name: "Policies", id: "policies" },
|
|
{ name: "Future", id: "future" },
|
|
];
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Japan Demographics"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Japan's Demographic Crisis"
|
|
description="Explore the causes, impacts, and potential solutions to Japan's declining birthrate and rapidly aging population. Comprehensive data and analysis on one of the 21st century's most critical societal challenges."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Data & Research"
|
|
tagIcon={TrendingDown}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cars-city-traffic-daylight_23-2149092083.jpg"
|
|
imageAlt="Japan's demographic landscape"
|
|
buttons={[
|
|
{ text: "Explore Data", href: "#overview" },
|
|
{ text: "Read Analysis", href: "#causes" },
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="overview" data-section="overview">
|
|
<MetricCardEleven
|
|
title="Key Demographics at a Glance"
|
|
description="Critical statistics revealing Japan's demographic transformation and the scale of the crisis."
|
|
tag="2025 Data"
|
|
tagIcon={BarChart3}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "123.16M", title: "Population Size", description: "Down 0.5% annually from 128M peak in 2010", imageSrc: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg", imageAlt: "Population trend"
|
|
},
|
|
{
|
|
id: "2", value: "1.15", title: "Total Fertility Rate", description: "Far below 2.1 replacement level needed for sustainability", imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-their-small-son-enjoying-family-time-their-home_637285-1756.jpg?_wi=1", imageAlt: "Family dynamics"
|
|
},
|
|
{
|
|
id: "3", value: "29.4%", title: "Elderly Population", description: "65+ age group - nearly 1 in 3 residents are seniors", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee-together_23-2149447179.jpg?_wi=1", imageAlt: "Aging society"
|
|
},
|
|
{
|
|
id: "4", value: "899,845", title: "Natural Decline", description: "More deaths than births in 2025 - 18th consecutive year", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pathway-near-big-house-with-tree-front-it-building-distance_181624-2240.jpg?_wi=1", imageAlt: "Population decrease"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="causes" data-section="causes">
|
|
<FeatureBento
|
|
title="Root Causes of Declining Birthrate"
|
|
description="Understanding the complex economic, social, and cultural factors driving Japan's fertility crisis."
|
|
tag="Analysis"
|
|
tagIcon={Lightbulb}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "Economic Pressures", description: "Stagnant wages and high living costs make child-rearing prohibitively expensive. Education and housing costs deter young couples.", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "Career & Labor Market", description: "Female labor participation rises (positive socially) but increases opportunity cost of childbearing. Rigid work culture limits family balance.", bentoComponent: "icon-info-cards", items: [
|
|
{ icon: Users, label: "Women in Workforce", value: "Highest participation rate" },
|
|
{ icon: Clock, label: "Work Hours", value: "Among world's longest" },
|
|
{ icon: TrendingDown, label: "Marriage Rate", value: "Declining steadily" },
|
|
],
|
|
},
|
|
{
|
|
title: "Delayed Marriage", description: "Japan has world's highest average first marriage age. Since nearly all births occur within marriage, declining marriages directly reduce births.", bentoComponent: "line-chart"
|
|
},
|
|
{
|
|
title: "Cultural Factors", description: "Traditional gender roles, education emphasis, and urban lifestyles (small apartments, high costs) discourage large families.", bentoComponent: "3d-stack-cards", items: [
|
|
{ icon: Home, title: "Urban Living", subtitle: "Expensive & Limited Space", detail: "Small apartments in cities make families impractical" },
|
|
{ icon: BookOpen, title: "Education Focus", subtitle: "Career Priority", detail: "Young adults prioritize achievement over parenthood" },
|
|
{ icon: Users, title: "Gender Roles", subtitle: "Unequal Burden", detail: "Childcare falls largely on women, limiting their careers" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="impacts" data-section="impacts">
|
|
<MediaAbout
|
|
title="Societal & Economic Consequences"
|
|
description="Japan's demographic shift threatens economic growth, fiscal sustainability, and social cohesion. Rural depopulation and labor shortages loom."
|
|
tag="Impacts"
|
|
tagIcon={AlertTriangle}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-pathway-near-big-house-with-tree-front-it-building-distance_181624-2240.jpg?_wi=2"
|
|
imageAlt="Rural depopulation and empty homes"
|
|
buttons={[{ text: "Learn More", href: "#policies" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="policies" data-section="policies">
|
|
<PricingCardFive
|
|
title="Government Policy Responses"
|
|
description="Multi-faceted initiatives to support families, boost employment, and address labor shortages across sectors."
|
|
tag="Solutions"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "family-support", tag: "Family & Childcare", price: "¥500,000", period: "per birth", description: "Expanded allowances and subsidies for young families across income levels.", button: { text: "Details", href: "#" },
|
|
featuresTitle: "Included:", features: [
|
|
"Childbirth lump-sum grant raised to ¥500,000", "Monthly child allowances: ¥15,000 per child (age 0-3)", "Tuition waivers & scholarships for multi-child families", "Subsidized IVF and postpartum care", "Expanded preschool & daycare access"
|
|
],
|
|
},
|
|
{
|
|
id: "work-life", tag: "Work-Life & Gender Reforms", price: "Company", period: "incentives", description: "Structural changes to support dual-income families and work-life balance.", button: { text: "Details", href: "#" },
|
|
featuresTitle: "Reforms Include:", features: [
|
|
"Extended parental leave and \"ikumen\" (father) campaigns", "Work style reforms capping overtime", "Income penalty removal for secondary earners (>¥1.06M)", "Flexible work and telework options", "Extended retirement options (age 65-70)"
|
|
],
|
|
},
|
|
{
|
|
id: "senior-workforce", tag: "Elder Workforce & Immigration", price: "¥1 Trillion", period: "5 years", description: "Labor market expansion through senior reemployment and selective immigration.", button: { text: "Details", href: "#" },
|
|
featuresTitle: "Initiatives:", features: [
|
|
"Secure employment through age 65-70", "MHLW subsidies for senior permanent positions", "300 Lifetime Employment Support Offices nationwide", "Expanded Specified Skilled Worker visa (11 industries)", "Family accompaniment for foreign workers allowed"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="future" data-section="future">
|
|
<BlogCardOne
|
|
title="Future Projections & Scenarios"
|
|
description="Official forecasts reveal Japan's demographic trajectory through 2070 under various policy scenarios."
|
|
tag="2025-2070"
|
|
tagIcon={Calendar}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Population", title: "Population Could Fall to 87 Million by 2070", excerpt: "Medium IPSS scenario projects 30% decline from 126M (2020). Even optimistic scenarios see significant contraction.", imageSrc: "http://img.b2bpic.net/free-vector/covid-19-infographic-design-flatten-curve-2019-ncov-coronavirus_1314-2707.jpg", imageAlt: "Population projection", authorName: "IPSS Research", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg", date: "Forecast 2070"
|
|
},
|
|
{
|
|
id: "2", category: "Aging", title: "Nearly 40% Could Be Over 65 by 2050", excerpt: "Elderly dependency ratio soars from 49% to 79 per 100 working-age adults. Unprecedented social support demands.", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee-together_23-2149447179.jpg?_wi=2", imageAlt: "Aging demographics", authorName: "Demographic Study", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg", date: "2050 Estimate"
|
|
},
|
|
{
|
|
id: "3", category: "Labor", title: "Potential 11 Million Worker Deficit by 2040", excerpt: "Unless offset by automation or immigration, severe labor shortages will constrain economic growth and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/working-board-presentation-business-office_1262-2226.jpg", imageAlt: "Workforce challenges", authorName: "Economic Analysis", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg", date: "2040 Projection"
|
|
},
|
|
{
|
|
id: "4", category: "Optimism", title: "Successful Policies Could Stabilize Population", excerpt: "If TFR rises to 1.8-2.0 (like some OECD countries), Japan could stabilize near 100M by 2100.", imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-their-small-son-enjoying-family-time-their-home_637285-1756.jpg?_wi=2", imageAlt: "Positive outlook", authorName: "Policy Scenarios", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-latest-financial-results-desk_1098-1983.jpg", date: "Long-term Hope"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Common questions about Japan's demographic crisis, its causes, and potential solutions."
|
|
tag="Help"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Why is Japan's birthrate so low compared to other developed nations?", content: "Japan faces a unique combination of factors: extremely high living costs (education, housing), rigid work culture with long hours, limited childcare infrastructure, and strong cultural emphasis on marriage before children. Unlike Western countries, over 97% of Japanese births occur within marriage, so declining marriages directly reduce fertility."
|
|
},
|
|
{
|
|
id: "2", title: "How does the aging population affect Japan's economy?", content: "An aging society creates multiple economic pressures: shrinking labor force reduces productivity and tax base, pension and healthcare costs soar, consumer demand shifts toward age-related products, and public debt climbs (currently >250% of GDP). Fewer young people support more retirees, straining fiscal sustainability."
|
|
},
|
|
{
|
|
id: "3", title: "What are rural areas experiencing right now?", content: "Rural Japan faces the worst impacts: villages are emptying as young people migrate to cities, approximately 9 million homes nationwide are now vacant (akiya), and some communities risk extinction by 2050. Infrastructure (schools, hospitals) is consolidating or closing, leaving seniors isolated."
|
|
},
|
|
{
|
|
id: "4", title: "Are government policies working to reverse the trend?", content: "Policies have expanded significantly (childcare subsidies, parental leave, work reforms, immigration expansion), but fertility remains low. Experts caution that financial incentives alone are unlikely to reverse declining births without major societal changes: true gender equality in caregiving, workplace flexibility, and cultural shift prioritizing family over career."
|
|
},
|
|
{
|
|
id: "5", title: "Could immigration solve Japan's labor shortage?", content: "Immigration could ease labor shortages, but Japan's foreign-born population (~3.75M, or 3% total) remains far below other developed nations. The government has gradually expanded visas, but cultural and policy barriers limit adoption. Most experts see immigration as one tool among many, not a complete solution."
|
|
},
|
|
{
|
|
id: "6", title: "What year will Japan's population stop declining?", content: "Official projections suggest Japan's population will continue declining through at least 2070 under current scenarios. The baby-boom generation (now in their 70s) will begin passing away around 2060, which may eventually stabilize the age ratio—but by then Japan will have far fewer people overall and a fundamentally older society."
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Japan Demographics"
|
|
copyrightText="© 2025 | Japan Demographic Research. Data sources: Ministry of Health, Labour & Welfare, Statistics Bureau, IPSS, OECD, UN."
|
|
socialLinks={[
|
|
{ icon: Globe, href: "https://www.mhlw.go.jp", ariaLabel: "MHLW Official Site" },
|
|
{ icon: BookOpen, href: "https://www.ipss.go.jp", ariaLabel: "IPSS Research Institute" },
|
|
{ icon: TrendingDown, href: "https://www.stat.go.jp", ariaLabel: "Statistics Bureau" },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|