"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Clock, Shield, Globe, Heart } from "lucide-react";

export default function TurtleSciencePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Turtle Science"
          navItems={[
            { name: "About", id: "about" },
            { name: "Species", id: "species" },
            { name: "Conservation", id: "conservation" },
            { name: "Facts", id: "facts" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Learn More",            href: "#species"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="The Fascinating World of Turtles"
          description="Discover the remarkable biology, diverse habitats, and critical conservation efforts of these ancient reptiles. Turtles have thrived on Earth for over 200 million years, and their survival depends on our understanding and action."
          tag="Educational Science Project"
          kpis={[
            { value: "200M+", label: "Years of Evolution" },
            { value: "350+", label: "Living Species" },
            { value: "7/7", label: "Continents Inhabited" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/crab-walking-water-sand_209690-267.jpg"
          imageAlt="Beautiful sea turtle swimming in ocean"
          imagePosition="right"
          buttons={[
            { text: "Explore Species", href: "#species" },
            { text: "Learn Conservation", href: "#conservation" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Understanding Turtles"
          description="Turtles are one of the most successful vertebrate groups, having remained largely unchanged for millions of years. Their unique shell, adapted to various environments, and their long lifespans make them extraordinary creatures worthy of study and protection."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/turtle_658691-257.jpg"
          imageAlt="Close-up of sea turtle head showing eyes and features"
          bulletPoints={[
            {
              title: "Ancient Lineage",              description: "Turtles are among Earth's oldest reptiles, existing since the Triassic period over 200 million years ago",              icon: Clock
            },
            {
              title: "Protective Shell",              description: "Their unique shell provides defense and is composed of bone covered by keratin scales called scutes",              icon: Shield
            },
            {
              title: "Diverse Habitats",              description: "Turtles adapt to oceans, freshwater rivers, lakes, and deserts across every continent except Antarctica",              icon: Globe
            },
            {
              title: "Longevity",              description: "Many turtle species live 50-100+ years, with some giant tortoises living over 150 years",              icon: Heart
            }
          ]}
        />
      </div>

      <div id="species" data-section="species">
        <ProductCardTwo
          title="Turtle Species Diversity"
          description="Explore some of the world's most remarkable turtle species, each adapted to unique environments and lifestyles."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Marine Species",              name: "Green Sea Turtle",              price: "Up to 150 years",              rating: 5,
              reviewCount: "100+ studies",              imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-257.jpg",              imageAlt: "Green sea turtle underwater"
            },
            {
              id: "2",              brand: "Land Species",              name: "Giant Galápagos Tortoise",              price: "Up to 175 years",              rating: 5,
              reviewCount: "50+ conservation programs",              imageSrc: "https://img.b2bpic.net/free-photo/baby-brazilian-turtle-closeup-reflection-brazilian-turtle-closeup_488145-2631.jpg",              imageAlt: "Giant Galápagos tortoise on ground"
            },
            {
              id: "3",              brand: "Freshwater Species",              name: "Red-Eared Slider Turtle",              price: "Up to 40 years",              rating: 5,
              reviewCount: "1000+ captive populations",              imageSrc: "https://img.b2bpic.net/free-photo/cuora-amboinensis-closeup-head-cuora-amboinensis-closeup_488145-2619.jpg",              imageAlt: "Red-eared slider turtle in water"
            }
          ]}
        />
      </div>

      <div id="conservation" data-section="conservation">
        <FeatureCardNine
          title="Habitats & Conservation"
          description="Turtles face threats from climate change, pollution, and habitat loss. Understanding their ecosystems is key to preservation."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Ocean Ecosystems",              description: "Sea turtles migrate thousands of miles across oceans, maintaining marine ecosystem health and balance through their feeding habits.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-257.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-closeup-shot-large-turtle-swimming-underwater-ocean_181624-3718.jpg" }
            },
            {
              id: 2,
              title: "Freshwater Protection",              description: "Freshwater turtles inhabit rivers and lakes, serving as indicators of water quality and ecosystem health in these vital habitats.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/cuora-amboinensis-closeup-head-cuora-amboinensis-closeup_488145-2619.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/brazilian-turtle-closeup-reflection-brazilian-turtle-closeup-water_488145-3725.jpg" }
            }
          ]}
        />
      </div>

      <div id="facts" data-section="facts">
        <FaqSplitMedia
          title="Fascinating Turtle Facts"
          description="Discover surprising facts about turtle behavior, biology, and adaptations that have allowed them to thrive for millions of years."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/turtle_658691-680.jpg"
          imageAlt="Detailed close-up of turtle shell pattern and scutes"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Why do turtles have shells?",              content: "Shells provide protection from predators and environmental hazards. They are made of bone covered with keratin scutes and are fused to the turtle's spine and ribcage, making it an integral part of their body."
            },
            {
              id: "2",              title: "How do turtles breathe underwater?",              content: "Some aquatic turtles can absorb oxygen through their skin and throat, allowing them to stay submerged for extended periods. This is called cutaneous respiration."
            },
            {
              id: "3",              title: "What do turtles eat?",              content: "Turtle diets vary by species. Some are herbivores eating plants and algae, others are carnivores eating fish and insects, and many are omnivores eating both plants and animals."
            },
            {
              id: "4",              title: "How do turtles determine their sex?",              content: "In most turtle species, sex is determined by the incubation temperature of the egg. Warmer temperatures typically produce females, while cooler temperatures produce males."
            },
            {
              id: "5",              title: "Why are turtles endangered?",              content: "Major threats include habitat loss, pollution, climate change affecting nesting beaches, illegal pet trade, and accidental capture in fishing nets for sea turtles."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Support"
          title="Join the Turtle Conservation Movement"
          description="Subscribe to our newsletter for the latest research updates, conservation tips, and ways you can help protect turtles around the world."
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. Learn more about turtle conservation in our monthly digest."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Turtle Science"
          copyrightText="© 2025 Turtle Science Project. Dedicated to understanding and protecting turtles."
          columns={[
            {
              title: "Learn",              items: [
                { label: "About Turtles", href: "#about" },
                { label: "Species Guide", href: "#species" },
                { label: "Habitats", href: "#conservation" },
                { label: "Facts", href: "#facts" }
              ]
            },
            {
              title: "Conservation",              items: [
                { label: "Protect Habitats", href: "#conservation" },
                { label: "Reduce Pollution", href: "#conservation" },
                { label: "Support Research", href: "#contact" },
                { label: "Resources", href: "#facts" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Scientific Studies", href: "#" },
                { label: "Conservation Organizations", href: "#" },
                { label: "Educational Materials", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}