"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { BookOpen, Globe, Heart, Microscope, Star } from "lucide-react";

export default function TurtleSciencePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Turtle Science"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Species", id: "species" },
            { name: "Facts", id: "facts" },
            { name: "Conservation", id: "conservation" }
          ]}
          button={{
            text: "Learn More",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Discover the World of Turtles"
          description="Explore fascinating insights into turtle biology, behavior, and conservation efforts. A comprehensive science project celebrating these ancient reptiles."
          tag="Science Project"
          tagIcon={Microscope}
          imageSrc="https://img.b2bpic.net/free-photo/crab-walking-water-close-up_209690-273.jpg"
          imageAlt="Sea turtle swimming in ocean waters"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Explore Now", href: "about" },
            { text: "View Research", href: "facts" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Understanding " },
            { type: "image", src: "https://img.b2bpic.net/free-photo/closeup-shot-baby-pond-turtle-shore_181624-15862.jpg", alt: "Close-up of turtle shell pattern" },
            { type: "text", content: " Turtle Biology and Ecology" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "facts" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Key Turtle Characteristics"
          description="Explore the unique traits that make turtles remarkable creatures"
          tag="Features"
          tagIcon={Star}
          features={[
            {
              id: 1,
              title: "Protective Shell",              description: "Turtles have evolved a unique skeletal structure with a shell composed of bony plates covered by keratin scutes, providing protection and support.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/two-ducks-searching-food-river-water_209690-355.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-mediterranean-chameleon-keeping-its-balance-as-it-tiptoes-thin-brick-wall_181624-49396.jpg" }
            },
            {
              id: 2,
              title: "Remarkable Longevity",              description: "Turtles are among the longest-living vertebrates, with many species living 50-100+ years in the wild, making them ideal subjects for long-term ecological studies.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/baby-brazilian-turtle-closeup-reflection-brazilian-turtle-closeup_488145-2631.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/closeup-agama-wild-nature_181624-56829.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="species" data-section="species">
        <ProductCardFour
          title="Turtle Species Diversity"
          description="Discover the remarkable variety of turtle species around the world, each adapted to unique environments"
          tag="Biodiversity"
          tagIcon={Globe}
          products={[
            {
              id: "sea-turtle",              name: "Sea Turtles",              price: "Oceanic",              variant: "Marine reptiles • Migratory routes across all oceans",              imageSrc: "https://img.b2bpic.net/free-photo/turtle-standing-broken-tree-water_181624-8900.jpg",              imageAlt: "Green sea turtle swimming"
            },
            {
              id: "freshwater-turtle",              name: "Freshwater Turtles",              price: "Rivers & Lakes",              variant: "Aquatic reptiles • Found in diverse freshwater habitats",              imageSrc: "https://img.b2bpic.net/free-photo/crab-walking-water-sand_209690-267.jpg",              imageAlt: "Painted turtle on a rock"
            },
            {
              id: "tortoise",              name: "Tortoises",              price: "Terrestrial",              variant: "Land-dwelling reptiles • Adapted to arid environments",              imageSrc: "https://img.b2bpic.net/free-photo/brazilian-turtle-closeup-reflection-brazilian-turtle-closeup-water_488145-3725.jpg",              imageAlt: "Giant Galapagos tortoise"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="facts" data-section="facts">
        <MetricCardTen
          title="Fascinating Turtle Facts"
          description="Explore amazing statistics and information about turtle biology and behavior"
          tag="Knowledge"
          tagIcon={BookOpen}
          metrics={[
            {
              id: "1",              title: "Ancient Species",              subtitle: "Turtles have remained largely unchanged for millions of years",              category: "Evolution",              value: "200+ Million Years"
            },
            {
              id: "2",              title: "Global Distribution",              subtitle: "Found on every continent except Antarctica",              category: "Geography",              value: "Every Continent"
            },
            {
              id: "3",              title: "Species Count",              subtitle: "Diverse reptilian family with multiple classifications",              category: "Biodiversity",              value: "350+ Species"
            },
            {
              id: "4",              title: "Temperature Regulation",              subtitle: "Ectothermic reptiles dependent on external heat sources",              category: "Biology",              value: "Cold-blooded"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="conservation" data-section="conservation">
        <TestimonialCardSix
          title="Conservation Insights"
          description="Hear from leading turtle researchers and conservationists about the importance of protecting these ancient reptiles"
          tag="Impact"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Dr. Sarah Mitchell",              handle: "Marine Biologist",              testimonial: "Sea turtles are crucial indicators of ocean health. Protecting them protects entire marine ecosystems that millions depend on.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-park-rangers-woods_23-2149309560.jpg"
            },
            {
              id: "2",              name: "Prof. James Chen",              handle: "Conservation Scientist",              testimonial: "With habitat loss and climate change, turtle populations face unprecedented challenges. Our research is critical to developing effective protection strategies.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-baby-pond-turtle-shore_181624-15862.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "Wildlife Educator",              testimonial: "Educating communities about turtle conservation creates a ripple effect. When people understand these animals, they become their advocates.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-view-turtles-colony-sunbathing-rock-brown-water-river_181624-54105.jpg"
            },
            {
              id: "4",              name: "Dr. Kenji Yamamoto",              handle: "Habitat Restoration Expert",              testimonial: "Restoring nesting beaches and protecting migration corridors shows that dedicated conservation efforts genuinely work to save turtle populations.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-agama-wild-nature_181624-56829.jpg"
            },
            {
              id: "5",              name: "Lisa Thompson",              handle: "Environmental Policy Advisor",              testimonial: "Science-backed policy changes are transforming turtle protection globally. International cooperation is essential for their survival.",              imageSrc: "https://img.b2bpic.net/free-photo/two-ducks-searching-food-river-water_209690-355.jpg"
            },
            {
              id: "6",              name: "Dr. Marcus Okonkwo",              handle: "Evolutionary Biologist",              testimonial: "Turtles have survived five mass extinctions. Let's ensure human activity doesn't become the sixth. They deserve our respect and protection.",              imageSrc: "https://img.b2bpic.net/free-photo/brazilian-turtle-closeup-reflection-brazilian-turtle-closeup-water_488145-3725.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Involved in Turtle Research"
          description="Have questions about our science project or interested in contributing to turtle conservation efforts? We'd love to hear from you."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your interest in turtle conservation or research...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-baby-pond-turtle-shore_181624-15862.jpg"
          imageAlt="Turtle research in progress"
          mediaPosition="right"
          buttonText="Submit"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/crab-walking-water-close-up_209690-273.jpg"
          imageAlt="Turtle footer background"
          logoText="Turtle Science Project"
          copyrightText="© 2025 Turtle Science Project. All rights reserved."
          columns={[
            {
              title: "Project",              items: [
                { label: "About", href: "about" },
                { label: "Research", href: "facts" },
                { label: "Species Guide", href: "species" }
              ]
            },
            {
              title: "Conservation",              items: [
                { label: "Impact Stories", href: "conservation" },
                { label: "Get Involved", href: "contact" },
                { label: "Learn More", href: "features" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}