Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user