Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,105 +25,105 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Municipalities", id: "/municipalities" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Jhapa District"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Municipalities", id: "/municipalities" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Jhapa District"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to Jhapa District"
|
||||
description="Discover the vibrant culture, landscapes, and development of Eastern Nepal."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-daylight-perfect-wallpaper_181624-38394.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-fields-hills-shore-lake-cloudy-day_181624-24292.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pyrenees-mountains-landscape_1398-3208.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-small-village-forest-carpathian-mountains_627829-12353.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151839254.jpg", imageAlt: "Jhapa landscape" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lonely-male-lying-down-sunbathing-meadow-with-mountains_181624-30235.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rural-catalan-landscape-near-cardona_1398-3557.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-green-fields-with-magnificent-foggy-mountains_181624-8152.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-milford-sound-new-zealand_181624-29158.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-mountain-city-nature_23-2150892985.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-panoramic-view-nature-church-valley-with-river-hills_1268-18133.jpg", imageAlt: "Jhapa landscape" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fisherman_181624-44289.jpg", alt: "Local resident 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/yak-nepal_658691-289.jpg", alt: "Local resident 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-hill-covered-greenery-surrounded-by-grazing-cows-daytime_181624-16486.jpg", alt: "Local resident 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/white-thai-temple-tree_1150-10825.jpg", alt: "Local resident 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chinese-ancient-city-wall-gate-tower_1127-3001.jpg", alt: "Local resident 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Trade" },
|
||||
{ type: "text", text: "Tourism" },
|
||||
{ type: "text", text: "Education" },
|
||||
{ type: "text", text: "Agriculture" },
|
||||
{ type: "text", text: "Healthcare" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to Jhapa District"
|
||||
description="Discover the vibrant culture, landscapes, and development of Eastern Nepal."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-river-flowing-autumn-forest_181624-36993.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-daylight-perfect-wallpaper_181624-38394.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-fields-hills-shore-lake-cloudy-day_181624-24292.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pyrenees-mountains-landscape_1398-3208.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/landscape-small-village-forest-carpathian-mountains_627829-12353.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-landscape_23-2151839254.jpg", imageAlt: "Jhapa landscape" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lonely-male-lying-down-sunbathing-meadow-with-mountains_181624-30235.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rural-catalan-landscape-near-cardona_1398-3557.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-green-fields-with-magnificent-foggy-mountains_181624-8152.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-milford-sound-new-zealand_181624-29158.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-mountain-city-nature_23-2150892985.jpg", imageAlt: "Jhapa landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-drone-panoramic-view-nature-church-valley-with-river-hills_1268-18133.jpg", imageAlt: "Jhapa landscape" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "/about" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fisherman_181624-44289.jpg", alt: "Local resident 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/yak-nepal_658691-289.jpg", alt: "Local resident 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-hill-covered-greenery-surrounded-by-grazing-cows-daytime_181624-16486.jpg", alt: "Local resident 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/white-thai-temple-tree_1150-10825.jpg", alt: "Local resident 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/chinese-ancient-city-wall-gate-tower_1127-3001.jpg", alt: "Local resident 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Trade" },
|
||||
{ type: "text", text: "Tourism" },
|
||||
{ type: "text", text: "Education" },
|
||||
{ type: "text", text: "Agriculture" },
|
||||
{ type: "text", text: "Healthcare" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection title="Legal Information" />
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection layout="default" sections={[]} title="Legal Information" />
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
blogs={[]}
|
||||
title="Latest News"
|
||||
description="Recent updates from Jhapa District."
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
blogs={[]}
|
||||
title="Latest News"
|
||||
description="Recent updates from Jhapa District."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[]}
|
||||
title="Our Team"
|
||||
description="Meet the people behind the district's growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[]}
|
||||
title="Our Team"
|
||||
description="Meet the people behind the district's growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Contact Us"
|
||||
description="Get in touch with us."
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Contact Us"
|
||||
description="Get in touch with us."
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Info", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Jhapa District"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Info", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Jhapa District"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user