"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertCircle, Award, BookOpen, Brain, HelpCircle, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Turtle Science"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Species", id: "features" },
            { name: "Biology", id: "metrics" },
            { name: "Conservation", id: "product" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Learn More",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover the Fascinating World of Turtles"
          description="Explore the incredible biology, diversity, and conservation challenges of these ancient reptiles that have thrived for over 200 million years."
          tag="Science Project"
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-680.jpg",              imageAlt: "Sea turtle swimming in ocean"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-closeup-shot-large-turtle-swimming-underwater-ocean_181624-3718.jpg",              imageAlt: "Green sea turtle underwater"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-257.jpg",              imageAlt: "Close-up of turtle shell"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-green-sea-turtle-swimming-underwater-lights-cool-nature-concepts_181624-28965.jpg",              imageAlt: "Freshwater turtle in natural habitat"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/swimming-with-endangered-sea-turtles-maui-generated-by-ai_188544-37157.jpg",              imageAlt: "Baby turtle hatchling"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/swimming-with-sea-turtles-tropical-reef-generated-by-ai_188544-30996.jpg",              imageAlt: "Turtle migration illustration"
            }
          ]}
          buttons={[
            { text: "Explore Now", href: "about" },
            { text: "Get Involved", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="Understanding Turtles: Ancient Survivors"
          description="Turtles have existed for over 200 million years, surviving multiple extinction events and evolving into remarkable creatures perfectly adapted to their environments. From tiny freshwater species to massive leatherbacks, turtles demonstrate incredible diversity in size, habitat preferences, and behaviors. They play crucial roles in ecosystems worldwide, controlling populations of aquatic plants and insects while serving as indicators of environmental health."
          tag="About Us"
          tagIcon={BookOpen}
          imageSrc="https://img.b2bpic.net/free-photo/woman-looking-laboratory-flask-hand_259150-60258.jpg"
          imageAlt="Marine biology research and turtle study"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Major Turtle Species"
          description="Explore the remarkable diversity of turtle species found across the globe, from ocean depths to freshwater lakes and terrestrial habitats."
          tag="Biodiversity"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",              title: "Sea Turtles",              author: "Ocean Habitat",              description: "Graceful marine reptiles that migrate thousands of miles across oceans. Sea turtles include the loggerhead, green, hawksbill, leatherback, and flatback species. They feed on jellyfish, seagrass, and mollusks depending on species, and some dive to depths exceeding 3,000 feet.",              tags: ["Marine", "Endangered", "Migration"],
              imageSrc: "https://img.b2bpic.net/free-photo/baby-brazilian-turtle-closeup-reflection-brazilian-turtle-closeup_488145-2631.jpg",              imageAlt: "Sea turtle in ocean"
            },
            {
              id: "2",              title: "Leatherback Turtles",              author: "Deep Ocean",              description: "The largest living turtles, weighing up to 2,000 pounds. Unlike other turtles, leatherbacks lack a hard shell, instead having a flexible, leather-like carapace. They dive deeper than any other reptile and can regulate their body temperature, allowing them to survive in cold northern waters.",              tags: ["Deep Sea", "Largest Species", "Temperature Regulation"],
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-closeup-shot-large-turtle-swimming-underwater-ocean_181624-2374.jpg",              imageAlt: "Leatherback turtle"
            },
            {
              id: "3",              title: "Terrestrial & Freshwater Turtles",              author: "Land Habitat",              description: "Box turtles, wood turtles, and painted turtles dominate land and freshwater ecosystems. These species are highly territorial, with some individuals spending their entire lives in areas no larger than a few acres. They're crucial for controlling pest populations and dispersing seeds.",              tags: ["Freshwater", "Terrestrial", "Ecosystem Engineers"],
              imageSrc: "https://img.b2bpic.net/free-photo/crab-walking-water-sand_209690-267.jpg",              imageAlt: "Box turtle on land"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Turtle Biology & Anatomy"
          description="Key facts about turtle physiology and evolutionary adaptations that have made them successful for millions of years."
          tag="Science"
          tagIcon={Brain}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              title: "Evolutionary Timeline",              subtitle: "Ancient Survivors",              category: "History",              value: "200+ Million Years",              buttons: [{ text: "Learn History", href: "#" }]
            },
            {
              id: "2",              title: "Shell Structure",              subtitle: "Protective Armor",              category: "Anatomy",              value: "2 Layers Deep",              buttons: [{ text: "Explore", href: "#" }]
            },
            {
              id: "3",              title: "Lifespan Range",              subtitle: "Longevity Record",              category: "Biology",              value: "50-150+ Years",              buttons: [{ text: "Details", href: "#" }]
            },
            {
              id: "4",              title: "Global Distribution",              subtitle: "Worldwide Habitats",              category: "Geography",              value: "All Continents",              buttons: [{ text: "Map", href: "#" }]
            }
          ]}
        />
      </div>
      
      <div id="product" data-section="product">
        <ProductCardFour
          title="Conservation Challenges"
          description="Understanding the threats turtles face helps us protect these remarkable creatures for future generations."
          tag="Environmental Impact"
          tagIcon={AlertCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Plastic Pollution",              price: "100+ Million Items",              variant: "Ocean Debris Yearly",              imageSrc: "https://img.b2bpic.net/free-photo/trash-sand-beach-showing-environmental-pollution-problem_1150-6645.jpg",              imageAlt: "Ocean plastic pollution"
            },
            {
              id: "2",              name: "Habitat Loss",              price: "80% Degraded",              variant: "Nesting Beaches Reduced",              imageSrc: "https://img.b2bpic.net/free-photo/trash-sand-beach-showing-environmental-pollution-problem_1150-6523.jpg",              imageAlt: "Beach erosion"
            },
            {
              id: "3",              name: "Climate Change",              price: "Rising 1.5°C",              variant: "Ocean Temperature Impact",              imageSrc: "https://img.b2bpic.net/free-photo/empty-plastic-water-bottles-plastic-bag-sand_23-2148214469.jpg",              imageAlt: "Climate change effects"
            }
          ]}
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="Expert Voices in Turtle Research"
          description="Learn from leading marine biologists and conservation experts dedicated to protecting turtles worldwide."
          tag="Experts"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Chen",              handle: "@sarahchenmarinebiologist",              testimonial: "Turtles are sentinel species indicating ocean health. Their declining populations signal urgent environmental changes we must address.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/professional-laboratory-doctor-researching-treatment_482257-10503.jpg",              imageAlt: "Dr. Sarah Chen"
            },
            {
              id: "2",              name: "Prof. James Mitchell",              handle: "@jamesmitchellconservation",              testimonial: "My 30 years studying sea turtles reveal their resilience. With proper protection, these ancient creatures can recover.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-female-researcher-with-safety-glasses-test-tube_23-2148799274.jpg",              imageAlt: "Prof. James Mitchell"
            },
            {
              id: "3",              name: "Dr. Maria Rodriguez",              handle: "@mariarodriguezocean",              testimonial: "Education about turtles transforms conservation attitudes. Understanding their complexity drives meaningful action.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/woman-scientist-looking-blood-sample-tray-laboratory-analyzing-dna-diagnosis-chemist-with-gloves-protective-goggles-holding-glassware-with-substance-research_482257-30158.jpg",              imageAlt: "Dr. Maria Rodriguez"
            },
            {
              id: "4",              name: "Dr. David Park",              handle: "@davidparkbiodiversity",              testimonial: "Every turtle species tells a story of adaptation and survival. Protecting them means protecting our planet's future.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-physician-woman-doctor-sitting-table-biochemistry-experiment_482257-20232.jpg",              imageAlt: "Dr. David Park"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about turtles, their biology, and conservation."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do turtles live?",              content: "Turtles are among the longest-lived reptiles. Lifespan varies by species: small freshwater turtles live 20-40 years, while sea turtles can live 50-70 years or more. Some individuals have been documented living over 150 years in the wild."
            },
            {
              id: "2",              title: "Why are turtle shells so hard?",              content: "Turtle shells are made of bone covered with tough, keratinous shields called scutes. This two-layer structure provides exceptional protection from predators. The shell is fused to the turtle's spine, making it a true external skeleton that provides both defense and structural support."
            },
            {
              id: "3",              title: "How do sea turtles navigate migrations?",              content: "Sea turtles use a combination of navigation methods including the Earth's magnetic field, ocean currents, and visual cues from landmarks. Some species migrate thousands of miles from feeding grounds to natal beaches to lay eggs, returning to the exact beach where they were born decades earlier."
            },
            {
              id: "4",              title: "What do turtles eat?",              content: "Diet varies by species and habitat. Some turtles are herbivorous, feeding on aquatic plants and seagrass. Others are carnivorous, eating insects, fish, jellyfish, and mollusks. Many species are omnivorous, adjusting their diet based on food availability."
            },
            {
              id: "5",              title: "How can I help protect turtles?",              content: "You can support turtle conservation by reducing plastic use, supporting marine protected areas, participating in beach cleanups, supporting conservation organizations, and educating others about turtle importance. Avoid disturbing nesting sites and never remove turtles from the wild."
            },
            {
              id: "6",              title: "Are all turtle species endangered?",              content: "While many turtle species face threats, not all are currently endangered. However, most species are declining due to habitat loss, climate change, pollution, and overhunting. Conservation efforts are critical to prevent further population declines."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Join the Mission to Protect Turtles. Share your passion for marine conservation and help us make a difference for future generations."
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Get Involved", href: "#" },
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Explore",              items: [
                { label: "Home", href: "hero" },
                { label: "About Turtles", href: "about" },
                { label: "Species", href: "features" }
              ]
            },
            {
              title: "Learn",              items: [
                { label: "Biology", href: "metrics" },
                { label: "Conservation", href: "product" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Get Involved", href: "contact" },
                { label: "Research", href: "#" },
                { label: "Resources", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 Turtle Science Project. Dedicated to turtle conservation and education."
          bottomRightText="Protecting ancient survivors for future generations"
        />
      </div>
    </ThemeProvider>
  );
}