Update src/app/page.tsx

This commit is contained in:
2026-05-11 14:46:33 +00:00
parent 22136f5d3f
commit acc6d522a0

View File

@@ -12,7 +12,9 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import TeamCardOne from '@/components/sections/team/TeamCardOne'; import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Globe } from "lucide-react"; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import { Globe, Lightbulb, MapPin } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -33,25 +35,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Overview", name: "Overview", id: "about"},
id: "about",
},
{ {
name: "Features", name: "Features", id: "features"},
id: "features",
},
{ {
name: "Metrics", name: "Metrics", id: "metrics"},
id: "metrics",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
]} ]}
brandName="GeoStudy" brandName="GeoStudy"
/> />
@@ -60,47 +52,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Uncovering Our World" title="Uncovering Our World"
description="Comprehensive geography studies and in-depth exploration of global nations." description="Comprehensive geography studies and in-depth exploration of global nations."
buttons={[ buttons={[
{ {
text: "Start Exploring", text: "Start Exploring", href: "#about"},
href: "#about",
},
]} ]}
carouselItems={[ carouselItems={[
{ {
id: "1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/nutshell-boats-blackboard-maps_23-2147793473.jpg", imageAlt: "World Map"},
imageSrc: "http://img.b2bpic.net/free-photo/nutshell-boats-blackboard-maps_23-2147793473.jpg",
imageAlt: "World Map",
},
{ {
id: "2", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/grassland-snow-mountain-with-cloud-yosemite_649448-4198.jpg", imageAlt: "Mountains"},
imageSrc: "http://img.b2bpic.net/free-photo/grassland-snow-mountain-with-cloud-yosemite_649448-4198.jpg",
imageAlt: "Mountains",
},
{ {
id: "3", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-177.jpg", imageAlt: "Forests"},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-177.jpg",
imageAlt: "Forests",
},
{ {
id: "4", id: "4", imageSrc: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922159.jpg", imageAlt: "Rivers"},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922159.jpg",
imageAlt: "Rivers",
},
{ {
id: "5", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/buildings-face-face_1359-399.jpg", imageAlt: "Cities"},
imageSrc: "http://img.b2bpic.net/free-photo/buildings-face-face_1359-399.jpg",
imageAlt: "Cities",
},
{ {
id: "6", id: "6", imageSrc: "http://img.b2bpic.net/free-photo/burlap-sack-money-global-economy-copy-space_23-2148525324.jpg", imageAlt: "Economy"},
imageSrc: "http://img.b2bpic.net/free-photo/burlap-sack-money-global-economy-copy-space_23-2148525324.jpg",
imageAlt: "Economy",
},
]} ]}
/> />
</div> </div>
@@ -127,20 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Geographic Analysis", title: "Geographic Analysis", description: "Analyzing landscapes, climate, and natural resources.", imageSrc: "http://img.b2bpic.net/free-photo/turquoise-compass-3d-render-illustration_460848-9657.jpg"},
description: "Analyzing landscapes, climate, and natural resources.",
imageSrc: "http://img.b2bpic.net/free-photo/turquoise-compass-3d-render-illustration_460848-9657.jpg",
},
{ {
title: "Human Dynamics", title: "Human Dynamics", description: "Examining cities, culture, language, and population distribution.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-waterfall-stream-woods_181624-21037.jpg"},
description: "Examining cities, culture, language, and population distribution.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-waterfall-stream-woods_181624-21037.jpg",
},
{ {
title: "Economic Systems", title: "Economic Systems", description: "Assessing trade, industries, and standard of living metrics.", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761005.jpg"},
description: "Assessing trade, industries, and standard of living metrics.",
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761005.jpg",
},
]} ]}
title="Key Focus Areas" title="Key Focus Areas"
description="Deep dive into what makes every country unique and vital in the modern era." description="Deep dive into what makes every country unique and vital in the modern era."
@@ -154,25 +116,37 @@ export default function LandingPage() {
tag="Statistics" tag="Statistics"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "195", description: "Countries Studied"},
value: "195",
description: "Countries Studied",
},
{ {
id: "m2", id: "m2", value: "200+", description: "Data Points Collected"},
value: "200+",
description: "Data Points Collected",
},
{ {
id: "m3", id: "m3", value: "98%", description: "Accuracy Rate"},
value: "98%",
description: "Accuracy Rate",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
</div> </div>
<div id="fun-facts" data-section="fun-facts">
<MetricCardEleven
title="World Geography Fun Facts"
description="Discover the fascinating trivia behind our planet's diverse geography."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "f1", value: "Russia", title: "Largest Country", description: "Spans 11 time zones and two continents.", imageSrc: "http://img.b2bpic.net/free-photo/snowy-mountains-sunset-background_23-2148083656.jpg"
},
{
id: "f2", value: "Vatican", title: "Smallest Country", description: "The world's smallest sovereign state by area.", imageSrc: "http://img.b2bpic.net/free-photo/vatican-city-skyline_1234-5678.jpg"
},
{
id: "f3", value: "Nile", title: "Longest River", description: "Flows for over 6,600 kilometers.", imageSrc: "http://img.b2bpic.net/free-photo/nile-river-sunset_9876-5432.jpg"
}
]}
/>
</div>
<div id="team" data-section="team"> <div id="team" data-section="team">
<TeamCardOne <TeamCardOne
animationType="slide-up" animationType="slide-up"
@@ -181,23 +155,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
members={[ members={[
{ {
id: "a1", id: "a1", name: "Dr. Sarah Miller", role: "Head Geographer", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-works-writing-essay-puts-down-ideas-notepad-wears-casual-green-jumper-smiles-positively-camera-poses-outdoors-against-blurred-background-creats-text-publication_273609-56673.jpg"},
name: "Dr. Sarah Miller",
role: "Head Geographer",
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-works-writing-essay-puts-down-ideas-notepad-wears-casual-green-jumper-smiles-positively-camera-poses-outdoors-against-blurred-background-creats-text-publication_273609-56673.jpg",
},
{ {
id: "a2", id: "a2", name: "James Chen", role: "Data Analyst", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professor-work-educational-system_23-2151737193.jpg"},
name: "James Chen",
role: "Data Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professor-work-educational-system_23-2151737193.jpg",
},
{ {
id: "a3", id: "a3", name: "Elena Rossi", role: "Cultural Specialist", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-having-conversation_23-2147655798.jpg"},
name: "Elena Rossi",
role: "Cultural Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-having-conversation_23-2147655798.jpg",
},
]} ]}
title="Research Specialists" title="Research Specialists"
description="Our dedicated team of analysts." description="Our dedicated team of analysts."
@@ -211,45 +173,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alex R.", handle: "@alex", testimonial: "These guides make history and geography come alive!", rating: 5,
name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-with-book-bags-relaxing-blue-staircase-park_23-2148093458.jpg"},
handle: "@alex",
testimonial: "These guides make history and geography come alive!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-with-book-bags-relaxing-blue-staircase-park_23-2148093458.jpg",
},
{ {
id: "2", id: "2", name: "Sam B.", handle: "@sam", testimonial: "Excellent detail for my final school project.", rating: 5,
name: "Sam B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-reading-book_1098-861.jpg"},
handle: "@sam",
testimonial: "Excellent detail for my final school project.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-teacher-reading-book_1098-861.jpg",
},
{ {
id: "3", id: "3", name: "Taylor M.", handle: "@taylor", testimonial: "Easy to follow and incredibly insightful.", rating: 5,
name: "Taylor M.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-people-working-together_23-2150384879.jpg"},
handle: "@taylor",
testimonial: "Easy to follow and incredibly insightful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-people-working-together_23-2150384879.jpg",
},
{ {
id: "4", id: "4", name: "Jordan K.", handle: "@jordan", testimonial: "Highly recommended for students of all levels.", rating: 5,
name: "Jordan K.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teen-girl-reading-bookcases_23-2147864072.jpg"},
handle: "@jordan",
testimonial: "Highly recommended for students of all levels.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teen-girl-reading-bookcases_23-2147864072.jpg",
},
{ {
id: "5", id: "5", name: "Casey W.", handle: "@casey", testimonial: "Simply the best resource for country studies.", rating: 5,
name: "Casey W.", imageSrc: "http://img.b2bpic.net/free-photo/funny-dark-skinned-man-with-african-hairstyle-working-course-paper-while-sitting-cafe-lunch-break-holding-smartphone-being-happy-finish-his-work-african-guy-with-broad-smile-cafe_273609-7461.jpg"},
handle: "@casey",
testimonial: "Simply the best resource for country studies.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-dark-skinned-man-with-african-hairstyle-working-course-paper-while-sitting-cafe-lunch-break-holding-smartphone-being-happy-finish-his-work-african-guy-with-broad-smile-cafe_273609-7461.jpg",
},
]} ]}
showRating={true} showRating={true}
title="Student Feedback" title="Student Feedback"
@@ -262,20 +199,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Are these updated?", content: "Yes, we update our data annually."},
title: "Are these updated?",
content: "Yes, we update our data annually.",
},
{ {
id: "f2", id: "f2", title: "Can I use this for projects?", content: "Absolutely, these are public resources."},
title: "Can I use this for projects?",
content: "Absolutely, these are public resources.",
},
{ {
id: "f3", id: "f3", title: "Do you cover all nations?", content: "We cover all sovereign UN member states."},
title: "Do you cover all nations?",
content: "We cover all sovereign UN member states.",
},
]} ]}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Everything you need to know." sideDescription="Everything you need to know."
@@ -283,18 +211,29 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="conclusion" data-section="conclusion">
<ContactCTA
tag="Get Started"
title="Begin Your Geography Journey"
description="Join hundreds of students and educators utilizing our structured country guides to deepen their understanding of the world."
buttons={[
{ text: "Browse Guides", href: "#about" },
{ text: "Contact Us", href: "#contact" }
]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
text="Need help with your geography project?" text="Need help with your geography project?"
buttons={[ buttons={[
{ {
text: "Contact Support", text: "Contact Support", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -303,16 +242,12 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="GeoStudy" logoText="GeoStudy"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Terms of Use", text: "Terms of Use", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }