"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
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 (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSmall"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Overview",          id: "about"},
        {
          name: "Features",          id: "features"},
        {
          name: "Metrics",          id: "metrics"},
        {
          name: "FAQ",          id: "faq"},
      ]}
      brandName="GeoStudy"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "gradient-bars"}}
      title="Uncovering Our World"
      description="Comprehensive geography studies and in-depth exploration of global nations."
      buttons={[
        {
          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: "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: "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: "6",          imageSrc: "http://img.b2bpic.net/free-photo/burlap-sack-money-global-economy-copy-space_23-2148525324.jpg",          imageAlt: "Economy"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Study Guide"
      title="Country Study Overview"
      description="A systematic approach to understanding national identities through physical, human, and economic geography."
      subdescription="Our country study framework breaks down complex national data into structured, easy-to-digest chapters."
      icon={Globe}
      imageSrc="http://img.b2bpic.net/free-photo/desk-with-textbooks_23-2147666912.jpg"
      mediaAnimation="slide-up"
      imageAlt="study desk geography equipment"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      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: "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="Key Focus Areas"
      description="Deep dive into what makes every country unique and vital in the modern era."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Global Insights"
      tag="Statistics"
      metrics={[
        {
          id: "m1",          value: "195",          description: "Countries Studied"},
        {
          id: "m2",          value: "200+",          description: "Data Points Collected"},
        {
          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"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      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: "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"},
      ]}
      title="Research Specialists"
      description="Our dedicated team of analysts."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      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: "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: "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"},
      ]}
      showRating={true}
      title="Student Feedback"
      description="How our geography guides are changing learning."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          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: "f3",          title: "Do you cover all nations?",          content: "We cover all sovereign UN member states."},
      ]}
      sideTitle="Common Questions"
      sideDescription="Everything you need to know."
      faqsAnimation="slide-up"
    />
  </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"}}
      text="Need help with your geography project?"
      buttons={[
        {
          text: "Contact Support",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="GeoStudy"
      leftLink={{
        text: "Privacy Policy",        href: "#"}}
      rightLink={{
        text: "Terms of Use",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}