bender/5cdff7c6-5c70-41f7-87f3-caaccec4fd0f
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-11 14:46:33 +00:00
parent 22136f5d3f
commit acc6d522a0
1 changed files with 78 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
src/app/page.tsx
View File

@@ -12,7 +12,9 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
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() {
return (
@@ -33,25 +35,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Overview",
id: "about",
},
name: "Overview", id: "about"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Metrics",
id: "metrics",
},
name: "Metrics", id: "metrics"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="GeoStudy"
/>
@@ -60,47 +52,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Uncovering Our World"
description="Comprehensive geography studies and in-depth exploration of global nations."
buttons={[
{
text: "Start Exploring",
href: "#about",
},
text: "Start Exploring", href: "#about"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/nutshell-boats-blackboard-maps_23-2147793473.jpg",
imageAlt: "World Map",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/nutshell-boats-blackboard-maps_23-2147793473.jpg", imageAlt: "World Map"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/grassland-snow-mountain-with-cloud-yosemite_649448-4198.jpg",
imageAlt: "Mountains",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/grassland-snow-mountain-with-cloud-yosemite_649448-4198.jpg", imageAlt: "Mountains"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-177.jpg",
imageAlt: "Forests",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-177.jpg", imageAlt: "Forests"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922159.jpg",
imageAlt: "Rivers",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/aerial-scenery-view-nature_23-2148922159.jpg", imageAlt: "Rivers"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/buildings-face-face_1359-399.jpg",
imageAlt: "Cities",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/buildings-face-face_1359-399.jpg", imageAlt: "Cities"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/burlap-sack-money-global-economy-copy-space_23-2148525324.jpg",
imageAlt: "Economy",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/burlap-sack-money-global-economy-copy-space_23-2148525324.jpg", imageAlt: "Economy"},
]}
/>
</div>
@@ -127,20 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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",
},
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"},
{
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",
},
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"},
{
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",
},
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"},
]}
title="Key Focus Areas"
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"
metrics={[
{
id: "m1",
value: "195",
description: "Countries Studied",
},
id: "m1", value: "195", description: "Countries Studied"},
{
id: "m2",
value: "200+",
description: "Data Points Collected",
},
id: "m2", value: "200+", description: "Data Points Collected"},
{
id: "m3",
value: "98%",
description: "Accuracy Rate",
},
id: "m3", value: "98%", description: "Accuracy Rate"},
]}
metricsAnimation="slide-up"
/>
</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">
<TeamCardOne
animationType="slide-up"
@@ -181,23 +155,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
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",
},
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"},
{
id: "a2",
name: "James Chen",
role: "Data Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professor-work-educational-system_23-2151737193.jpg",
},
id: "a2", name: "James Chen", role: "Data Analyst", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professor-work-educational-system_23-2151737193.jpg"},
{
id: "a3",
name: "Elena Rossi",
role: "Cultural Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-having-conversation_23-2147655798.jpg",
},
id: "a3", name: "Elena Rossi", role: "Cultural Specialist", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-students-having-conversation_23-2147655798.jpg"},
]}
title="Research Specialists"
description="Our dedicated team of analysts."
@@ -211,45 +173,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex R.",
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: "1", name: "Alex R.", 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",
name: "Sam B.",
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: "2", name: "Sam B.", 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",
name: "Taylor M.",
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: "3", name: "Taylor M.", 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",
name: "Jordan K.",
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: "4", name: "Jordan K.", 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",
name: "Casey W.",
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",
},
id: "5", name: "Casey W.", 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}
title="Student Feedback"
@@ -262,20 +199,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are these updated?",
content: "Yes, we update our data annually.",
},
id: "f1", title: "Are these updated?", content: "Yes, we update our data annually."},
{
id: "f2",
title: "Can I use this for projects?",
content: "Absolutely, these are public resources.",
},
id: "f2", title: "Can I use this for projects?", content: "Absolutely, these are public resources."},
{
id: "f3",
title: "Do you cover all nations?",
content: "We cover all sovereign UN member states.",
},
id: "f3", title: "Do you cover all nations?", content: "We cover all sovereign UN member states."},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know."
@@ -283,18 +211,29 @@ export default function LandingPage() {
/>
</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">
<ContactText
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Need help with your geography project?"
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
/>
</div>
@@ -303,13 +242,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="GeoStudy"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Use",
href: "#",
}}
text: "Terms of Use", href: "#"}}
/>
</div>
</ReactLenis>