bender/95485f41-abb5-4570-a42e-cf0b1b6be140
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 10:22:52 +00:00
parent 701223afb4
commit de1bfe6dab
1 changed files with 38 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/app/page.tsx
View File

@@ -29,60 +29,26 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "About",
id: "/about",
},
{
name: "Municipalities",
id: "/municipalities",
},
{
name: "Gallery",
id: "/gallery",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Municipalities", id: "/municipalities" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" },
]}
brandName="Jhapa District"
button={{ text: "Get Started", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Welcome to Jhapa District"
description="Discover the lush landscapes, vibrant culture, and growing economy of Nepal's eastern gateway."
tag="Eastern Nepal Gateway"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-high-mountains-reflected-lake_181624-7823.jpg?_wi=1",
imageAlt: "Jhapa district landscape Nepal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-colored-embroidered-dress-poses-near-house_8353-9555.jpg?_wi=1",
imageAlt: "Jhapa district culture tradition",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-green-tall-trees-with-chinese-building-distance-forested-mountain_181624-2370.jpg",
imageAlt: "Beautiful shot of green tall trees with Chinese building in the distance and a forested mountain",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-215.jpg",
imageAlt: "Natural landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/rafting-sunrise-travel-mist-tourism-peak_1417-1228.jpg",
imageAlt: "rafting sunrise travel mist tourism peak",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-high-mountains-reflected-lake_181624-7823.jpg", imageAlt: "Jhapa district landscape Nepal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-young-girl-colored-embroidered-dress-poses-near-house_8353-9555.jpg", imageAlt: "Jhapa district culture tradition" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -99,20 +65,8 @@ export default function LandingPage() {
title="District at a Glance"
description="Key development milestones and statistics for Jhapa."
metrics={[
{
id: "m1",
value: "700K+",
title: "Population",
description: "Residing in the heart of East Nepal.",
icon: Users,
},
{
id: "m2",
value: "15",
title: "Municipalities",
description: "Diverse administrative regions.",
icon: Map,
},
{ id: "m1", value: "700K+", title: "Population", description: "Residing in the heart of East Nepal.", icon: Users },
{ id: "m2", value: "15", title: "Municipalities", description: "Diverse administrative regions.", icon: Map },
]}
/>
</div>
@@ -124,16 +78,8 @@ export default function LandingPage() {
sideDescription="Get quick answers about our district and services."
faqsAnimation="slide-up"
faqs={[
{
id: "f1",
title: "How do I visit Jhapa?",
content: "Jhapa is accessible via Bhadrapur Airport or by road through the East-West Highway.",
},
{
id: "f2",
title: "What is the best time to visit?",
content: "October through March offers the most pleasant weather for exploration.",
},
{ id: "f1", title: "How do I visit Jhapa?", content: "Jhapa is accessible via Bhadrapur Airport or by road through the East-West Highway." },
{ id: "f2", title: "What is the best time to visit?", content: "October through March offers the most pleasant weather for exploration." },
]}
/>
</div>
@@ -146,26 +92,8 @@ export default function LandingPage() {
title="Local Insights"
description="Latest updates and stories from Jhapa."
blogs={[
{
id: "b1",
category: "News",
title: "Tea Festival 2024",
excerpt: "Celebrating our golden leaf traditions.",
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-bud-leaves-green-tea-plantations-morning-nature-background_335224-954.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711135.jpg",
date: "Oct 15",
},
{
id: "b2",
category: "Culture",
title: "Rivers of Jhapa",
excerpt: "Understanding the Kankai waterway.",
imageSrc: "http://img.b2bpic.net/free-photo/pitfour-lake_181624-2407.jpg",
authorName: "Admin",
authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-boy-scouts-woods_52683-94218.jpg",
date: "Nov 02",
},
{ id: "b1", category: "News", title: "Tea Festival 2024", excerpt: "Celebrating our golden leaf traditions.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-bud-leaves-green-tea-plantations-morning-nature-background_335224-954.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711135.jpg", date: "Oct 15" },
{ id: "b2", category: "Culture", title: "Rivers of Jhapa", excerpt: "Understanding the Kankai waterway.", imageSrc: "http://img.b2bpic.net/free-photo/pitfour-lake_181624-2407.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/lifestyle-boy-scouts-woods_52683-94218.jpg", date: "Nov 02" },
]}
/>
</div>
@@ -176,13 +104,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Proud Partners"
description="Supporting organizations and local stakeholders."
names={[
"Nepal Tourism Board",
"Eastern Regional Chamber",
"Tea Producers Association",
"Local Municipality Alliance",
"Agricultural Heritage Group",
]}
names={["Nepal Tourism Board", "Eastern Regional Chamber", "Tea Producers Association", "Local Municipality Alliance", "Agricultural Heritage Group"]}
/>
</div>
@@ -190,32 +112,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Jhapa District"
columns={[
{
title: "Explore",
items: [
{
label: "About",
href: "/about",
},
{
label: "Municipalities",
href: "/municipalities",
},
],
},
{
title: "Information",
items: [
{
label: "Gallery",
href: "/gallery",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Explore", items: [{ label: "About", href: "/about" }, { label: "Municipalities", href: "/municipalities" }] },
{ title: "Information", items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
]}
copyrightText="© 2024 Jhapa District Portal. All rights reserved."
/>
@@ -224,3 +122,23 @@ export default function LandingPage() {
</ThemeProvider>
);
}
"
},
{
"path": "src/app/about/page.tsx",
"content": "\"use client\";\n\nimport { ThemeProvider } from \"@/providers/themeProvider/ThemeProvider\";\nimport ReactLenis from \"lenis/react\";\nimport FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';\nimport MediaAbout from '@/components/sections/about/MediaAbout';\nimport NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';\n\nexport default function AboutPage() {\n return (\n <ThemeProvider\n defaultButtonVariant=\"elastic-effect\"\n defaultTextAnimation=\"entrance-slide\"\n borderRadius=\"rounded\"\n contentWidth=\"compact\"\n sizing=\"mediumSizeLargeTitles\"\n background=\"blurBottom\"\n cardStyle=\"gradient-radial\"\n primaryButtonStyle=\"radial-glow\"\n secondaryButtonStyle=\"solid\"\n headingFontWeight=\"normal\"\n >\n <ReactLenis root>\n <div id=\"nav\" data-section=\"nav\">\n <NavbarLayoutFloatingInline\n navItems={[ { name: \"Home\", id: \"/\" }, { name: \"About\", id: \"/about\" }, { name: \"Municipalities\", id: \"/municipalities\" }, { name: \"Gallery\", id: \"/gallery\" }, { name: \"Contact\", id: \"/contact\" } ]}\n brandName=\"Jhapa District\"\n button={{ text: \"Contact Us\", href: \"/contact\" }}\n />\n </div>\n\n <div id=\"about\" data-section=\"about\">\n <MediaAbout\n useInvertedBackground={false}\n title=\"About Our District\"\n description=\"Jhapa is the easternmost district of Nepal, known for its extensive tea plantations, religious diversity, and strategic trade route location.\"\n imageSrc=\"http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552629.jpg\"\n imageAlt=\"Jhapa district culture tradition\"\n />\n </div>\n\n <div id=\"footer\" data-section=\"footer\">\n <FooterBaseReveal\n logoText=\"Jhapa District\"\n columns={[ { title: \"Explore\", items: [{ label: \"About\", href: \"/about\" }, { label: \"Municipalities\", href: \"/municipalities\" }] }, { title: \"Information\", items: [{ label: \"Gallery\", href: \"/gallery\" }, { label: \"Contact\", href: \\"/contact\" }] } ]}\n copyrightText=\"© 2024 Jhapa District Portal. All rights reserved.\"\n />\n </div>\n </ReactLenis>\n </ThemeProvider>\n );\n}"
},
{
"path": "src/app/municipalities/page.tsx",
"content": "\"use client\";\n\nimport { ThemeProvider } from \"@/providers/themeProvider/ThemeProvider\";\nimport ReactLenis from \"lenis/react\";\nimport FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';\nimport FeatureCardSix from '@/components/sections/feature/FeatureCardSix';\nimport FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';\nimport NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';\n\nexport default function MunicipalitiesPage() {\n return (\n <ThemeProvider\n defaultButtonVariant=\"elastic-effect\"\n defaultTextAnimation=\"entrance-slide\"\n borderRadius=\"rounded\"\n contentWidth=\"compact\"\n sizing=\"mediumSizeLargeTitles\"\n background=\"blurBottom\"\n cardStyle=\"gradient-radial\"\n primaryButtonStyle=\"radial-glow\"\n secondaryButtonStyle=\"solid\"\n headingFontWeight=\"normal\"\n >\n <ReactLenis root>\n <div id=\"nav\" data-section=\"nav\">\n <NavbarLayoutFloatingInline\n navItems={[ { name: \"Home\", id: \"/\" }, { name: \"About\", id: \"/about\" }, { name: \"Municipalities\", id: \"/municipalities\" }, { name: \"Gallery\", id: \"/gallery\" }, { name: \"Contact\", id: \"/contact\" } ]}\n brandName=\"Jhapa District\"\n button={{ text: \"Contact Us\", href: \"/contact\" }}\n />\n </div>\n\n <div id=\"features\" data-section=\"features\">\n <FeatureCardNineteen\n textboxLayout=\"default\"\n useInvertedBackground={false}\n features={[ { tag: \"City\", title: \"Birtamod\", subtitle: \"Commercial Hub\", description: \"The center of trade and commerce in Jhapa.\", imageSrc: \"http://img.b2bpic.net/free-photo/lake-mountain-thailand_1150-12912.jpg\", imageAlt: \"lake mountain thailand\" }, { tag: \"City\", title: \"Damak\", subtitle: \"Developing Metropolis\", description: \"Known for modern infrastructure and rapid growth.\", imageSrc: \"http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-high-mountains-reflected-lake_181624-7823.jpg\", imageAlt: \"lake mountain thailand\" }, { tag: \"City\", title: \"Mechinagar\", subtitle: \"Border Gate\", description: \"The eastern gateway to Nepal via Kakarvitta.\", imageSrc: \"http://img.b2bpic.net/free-photo/charming-young-girl-colored-embroidered-dress-poses-near-house_8353-9555.jpg\", imageAlt: \"lake mountain thailand\" } ]}\n title=\"Our Municipalities\"\n description=\"Jhapa is home to several major cities and municipalities driving our economic development.\"\n />\n </div>\n\n <div id=\"feature\" data-section=\"feature\">\n <FeatureCardSix\n textboxLayout=\"default\"\n useInvertedBackground={false}\n title=\"Urban Development\"\n description=\"Growth focused infrastructure.\"\n features={[ { title: \"Education\", description: \"High-quality academic centers.\", imageSrc: \"http://img.b2bpic.net/free-photo/lifestyle-boy-scouts-woods_52683-94218.jpg\" }, { title: \"Healthcare\", description: \"Modern health facilities.\", imageSrc: \"http://img.b2bpic.net/free-photo/traditional-house-architecture_23-2151050967.jpg\" } ]}\n />\n </div>\n\n <div id=\"footer\" data-section=\"footer\">\n <FooterBaseReveal\n logoText=\"Jhapa District\"\n columns={[ { title: \"Explore\", items: [{ label: \"About\", href: \"/about\" }, { label: \"Municipalities\", href: \"/municipalities\" }] }, { title: \"Information\", items: [{ label: \"Gallery\", href: \"/gallery\" }, { label: \"Contact\", href: \\"/contact\" }] } ]}\n copyrightText=\"© 2024 Jhapa District Portal. All rights reserved.\"\n />\n </div>\n </ReactLenis>\n </ThemeProvider>\n );\n}"
},
{
"path": "src/app/gallery/page.tsx",
"content": "\"use client\";\n\nimport { ThemeProvider } from \"@/providers/themeProvider/ThemeProvider\";\nimport ReactLenis from \"lenis/react\";\nimport FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';\nimport NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';\nimport ProductCardFour from '@/components/sections/product/ProductCardFour';\nimport ProductCardTwo from '@/components/sections/product/ProductCardTwo';\n\nexport default function GalleryPage() {\n return (\n <ThemeProvider\n defaultButtonVariant=\"elastic-effect\"\n defaultTextAnimation=\"entrance-slide\"\n borderRadius=\"rounded\"\n contentWidth=\"compact\"\n sizing=\"mediumSizeLargeTitles\"\n background=\"blurBottom\"\n cardStyle=\"gradient-radial\"\n primaryButtonStyle=\"radial-glow\"\n secondaryButtonStyle=\"solid\"\n headingFontWeight=\"normal\"\n >\n <ReactLenis root>\n <div id=\"nav\" data-section=\"nav\">\n <NavbarLayoutFloatingInline\n navItems={[ { name: \"Home\", id: \"/\" }, { name: \"About\", id: \"/about\" }, { name: \"Municipalities\", id: \"/municipalities\" }, { name: \"Gallery\", id: \"/gallery\" }, { name: \"Contact\", id: \"/contact\" } ]}\n brandName=\"Jhapa District\"\n button={{ text: \"Contact Us\", href: \"/contact\" }}\n />\n </div>\n\n <div id=\"gallery\" data-section=\"gallery\">\n <ProductCardFour\n animationType=\"slide-up\"\n textboxLayout=\"default\"\n gridVariant=\"three-columns-all-equal-width\"\n useInvertedBackground={false}\n products={[ { id: \"g1\", name: \"Tea Gardens\", price: \"Nature\", variant: \"Landscape\", imageSrc: \"http://img.b2bpic.net/free-photo/tea-plantation-asia_1147-563.jpg\" }, { id: \"g2\", name: \"Kankai River\", price: \"Landmark\", variant: \"Riverside\", imageSrc: \"http://img.b2bpic.net/free-photo/tourists-walks-through-woods_72229-7.jpg\" }, { id: \"g3\", name: \"Local Temples\", price: \"Spiritual\", variant: \"Heritage\", imageSrc: \"http://img.b2bpic.net/free-photo/indian-hindu-temple-singapore_1203-7102.jpg\" } ]}\n title=\"District Gallery\"\n description=\"Capturing the essence of Jhapa through its natural and cultural beauty.\"\n />\n </div>\n\n <div id=\"product\" data-section=\"product\">\n <ProductCardTwo\n animationType=\"slide-up\"\n textboxLayout=\"default\"\n gridVariant=\"uniform-all-items-equal\"\n useInvertedBackground={false}\n title=\"Community Moments\"\n description=\"Daily life in the eastern gateway.\"\n products={[ { id: \"p1\", brand: \"Life\", name: \"Community Market\", price: \"Free\", rating: 5, reviewCount: \"120\", imageSrc: \"http://img.b2bpic.net/free-photo/indigenous-person-doing-daily-chores-showcasing-lifestyle_23-2149711135.jpg\" }, { id: \"p2\", brand: \"Nature\", name: \"Tea Harvest\", price: \"Free\", rating: 4, reviewCount: \"85\", imageSrc: \"http://img.b2bpic.net/free-photo/beautiful-tea-plantation-south-east-asia_1147-562.jpg\" }, { id: \"p3\", brand: \"Nature\", name: \"Tea Harvest 2\", price: \"Free\", rating: 4, reviewCount: \"85\", imageSrc: \"http://img.b2bpic.net/free-photo/beautiful-tea-plantation-south-east-asia_1147-562.jpg\" } ]}\n />\n </div>\n\n <div id=\"footer\" data-section=\"footer\">\n <FooterBaseReveal\n logoText=\"Jhapa District\"\n columns={[ { title: \"Explore\", items: [{ label: \"About\", href: \"/about\" }, { label: \"Municipalities\", href: \"/municipalities\" }] }, { title: \"Information\", items: [{ label: \"Gallery\", href: \"/gallery\" }, { label: \"Contact\", href: \\"/contact\" }] } ]}\n copyrightText=\"© 2024 Jhapa District Portal. All rights reserved.\"\n />\n </div>\n </ReactLenis>\n </ThemeProvider>\n );\n}"
},
{
"path": "src/app/contact/page.tsx",
"content": "\"use client\";\n\nimport { ThemeProvider } from \"@/providers/themeProvider/ThemeProvider\";\nimport ReactLenis from \"lenis/react\";\nimport ContactText from '@/components/sections/contact/ContactText';\nimport FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';\nimport NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';\n\nexport default function ContactPage() {\n return (\n <ThemeProvider\n defaultButtonVariant=\"elastic-effect\"\n defaultTextAnimation=\"entrance-slide\"\n borderRadius=\"rounded\"\n contentWidth=\"compact\"\n sizing=\"mediumSizeLargeTitles\"\n background=\"blurBottom\"\n cardStyle=\"gradient-radial\"\n primaryButtonStyle=\"radial-glow\"\n secondaryButtonStyle=\"solid\"\n headingFontWeight=\"normal\"\n >\n <ReactLenis root>\n <div id=\"nav\" data-section=\"nav\">\n <NavbarLayoutFloatingInline\n navItems={[ { name: \"Home\", id: \"/\" }, { name: \"About\", id: \"/about\" }, { name: \"Municipalities\", id: \"/municipalities\" }, { name: \"Gallery\", id: \"/gallery\" }, { name: \"Contact\", id: \"/contact\" } ]}\n brandName=\"Jhapa District\"\n button={{ text: \"Contact Us\", href: \"/contact\" }}\n />\n </div>\n\n <div id=\"contact\" data-section=\"contact\">\n <ContactText\n useInvertedBackground={false}\n background={{ variant: \"gradient-bars\" }}\n text=\"Have questions or need information about Jhapa District? Reach out to our local office.\"\n />\n </div>\n\n <div id=\"footer\" data-section=\"footer\">\n <FooterBaseReveal\n logoText=\"Jhapa District\"\n columns={[ { title: \"Explore\", items: [{ label: \"About\", href: \"/about\" }, { label: \"Municipalities\", href: \"/municipalities\" }] }, { title: \"Information\", items: [{ label: \"Gallery\", href: \"/gallery\" }, { label: \"Contact\", href: \\"/contact\" }] } ]}\n copyrightText=\"© 2024 Jhapa District Portal. All rights reserved.\"\n />\n </div>\n </ReactLenis>\n </ThemeProvider>\n );\n}"
}
]
}