"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TextAbout from '@/components/sections/about/TextAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart } from "lucide-react";

export default function TurtleWorldPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="large"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Turtle World"
          navItems={[
            { name: "About", id: "about" },
            { name: "Species", id: "species" },
            { name: "Facts", id: "facts" },
            { name: "Conservation", id: "conservation" },
            { name: "Resources", id: "resources" }
          ]}
          button={{ text: "Learn More", href: "conservation" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Turtle World"
          description="Discover the amazing world of turtles—ancient mariners that have survived for over 200 million years. Explore their incredible journeys, remarkable adaptations, and the critical conservation efforts protecting them for future generations."
          imageSrc="https://img.b2bpic.net/free-photo/turtle_658691-680.jpg"
          imageAlt="Sea turtle swimming in the ocean"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Turtle World hero section"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Turtles are remarkable creatures that have roamed our planet for over 200 million years, adapting to diverse environments from tropical rainforests to vast oceans. They represent resilience, patience, and the importance of biodiversity conservation."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Species", href: "species" }
          ]}
        />
      </div>

      <div id="species" data-section="species">
        <ProductCardThree
          title="Turtle Species Around the World"
          description="Discover the incredible diversity of turtle species, each uniquely adapted to their environments with distinctive shells, sizes, and behaviors."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "green-turtle",              name: "Green Sea Turtle",              price: "Learn More",              imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-680.jpg",              imageAlt: "Green sea turtle in ocean"
            },
            {
              id: "leatherback",              name: "Leatherback Turtle",              price: "Learn More",              imageSrc: "https://img.b2bpic.net/free-photo/turtle_658691-257.jpg",              imageAlt: "Leatherback sea turtle"
            },
            {
              id: "loggerhead",              name: "Loggerhead Turtle",              price: "Learn More",              imageSrc: "https://img.b2bpic.net/free-photo/baby-brazilian-turtle-closeup-reflection-brazilian-turtle-closeup_488145-2631.jpg",              imageAlt: "Loggerhead sea turtle"
            },
            {
              id: "hawksbill",              name: "Hawksbill Turtle",              price: "Learn More",              imageSrc: "https://img.b2bpic.net/free-photo/brazilian-turtle-closeup-reflection-brazilian-turtle-closeup-water_488145-3725.jpg",              imageAlt: "Hawksbill sea turtle"
            }
          ]}
        />
      </div>

      <div id="facts" data-section="facts">
        <FeatureCardSix
          title="Fascinating Turtle Facts"
          description="Journey through the remarkable characteristics and behaviors that make turtles one of nature's most extraordinary creatures."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Ancient Survivors",              description: "Turtles have existed for over 200 million years, surviving multiple extinction events. Their shells are made of bone covered by keratin plates, providing remarkable protection.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-closeup-shot-large-turtle-swimming-underwater-ocean_181624-3718.jpg",              imageAlt: "turtle shell carapace marine reptile anatomy"
            },
            {
              id: 2,
              title: "Epic Migrations",              description: "Sea turtles undertake incredible long-distance migrations, traveling thousands of miles across oceans to return to their nesting beaches using Earth's magnetic fields for navigation.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-small-sea-turtle-beach_181624-49519.jpg",              imageAlt: "turtle migration ocean journey sea turtle navigation"
            },
            {
              id: 3,
              title: "Incredible Longevity",              description: "Many turtle species live 50-80 years in the wild, with some individuals reaching over 100 years old. This longevity makes them keystone species in their ecosystems.",              imageSrc: "https://img.b2bpic.net/free-photo/kids-learning-more-about-chemistry-class_23-2149068380.jpg",              imageAlt: "turtle swimming ocean movement underwater action"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Turtle Conservation Impact"
          description="Critical statistics highlighting the importance of turtle protection and conservation worldwide."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "7",              title: "Sea Turtle Species Exist",              items: [
                "All species threatened or endangered",                "Millions captured in fishing nets annually",                "Critical need for protection"
              ]
            },
            {
              id: "2",              value: "200M+",              title: "Years of Evolution",              items: [
                "Survived multiple extinction events",                "Adapted to diverse environments",                "Ancient marine travelers"
              ]
            },
            {
              id: "3",              value: "90%",              title: "Decline in Some Populations",              items: [
                "Due to habitat loss and pollution",                "Climate change impacts nesting",                "Urgent conservation action needed"
              ]
            },
            {
              id: "4",              value: "80+",              title: "Years Average Lifespan",              items: [
                "Slow maturation and reproduction",                "Vulnerable to human activities",                "Long-term conservation commitment required"
              ]
            }
          ]}
        />
      </div>

      <div id="conservation" data-section="conservation">
        <BlogCardTwo
          title="Conservation & Protection Efforts"
          description="Learn about global initiatives and what you can do to help protect turtles and their marine habitats."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          carouselMode="buttons"
          blogs={[
            {
              id: "1",              tags: ["Conservation", "Protection", "Ocean"],
              title: "Marine Protected Areas Save Lives",              excerpt: "Establishing marine sanctuaries provides safe breeding grounds and migration corridors for endangered sea turtle populations.",              imageSrc: "https://img.b2bpic.net/free-photo/sea-turtle-plastic-pollution_23-2151945605.jpg",              imageAlt: "Ocean conservation efforts",              authorName: "Dr. Marine Biology",              date: "15 Jan 2025"
            },
            {
              id: "2",              tags: ["Pollution", "Cleanup", "Environment"],
              title: "Reducing Plastic Pollution in Oceans",              excerpt: "Plastic waste is one of the greatest threats to sea turtles. Learn how cleanup initiatives and policy changes are making a difference.",              imageSrc: "https://img.b2bpic.net/free-photo/photorealistic-wild-tuna-day-celebration_23-2151307869.jpg",              imageAlt: "Ocean plastic pollution",              authorName: "Environmental Researcher",              date: "10 Jan 2025"
            },
            {
              id: "3",              tags: ["Habitat", "Restoration", "Ecosystem"],
              title: "Restoring Turtle Nesting Habitats",              excerpt: "Beach restoration projects worldwide protect nesting sites from erosion and human interference, ensuring the next generation of turtles can survive.",              imageSrc: "https://img.b2bpic.net/free-photo/fisherman-s-hand-holding-fish-near-sea_23-2147894138.jpg",              imageAlt: "Turtle habitat restoration",              authorName: "Conservation Expert",              date: "5 Jan 2025"
            }
          ]}
        />
      </div>

      <div id="resources" data-section="resources">
        <ContactFaq
          ctaTitle="Get Involved in Turtle Conservation"
          ctaDescription="Join the global effort to protect these amazing creatures. Learn how you can contribute to conservation research and education."
          ctaButton={{ text: "Support Conservation", href: "#" }}
          ctaIcon={Heart}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How can students get involved in turtle research?",              content: "Many universities and marine research centers offer internship programs and educational opportunities. Look for organizations working on sea turtle conservation in your region. You can also participate in beach cleanups and habitat restoration projects."
            },
            {
              id: "2",              title: "What is the most endangered turtle species?",              content: "The hawksbill turtle is critically endangered due to illegal shell trade and habitat loss. Leatherback and loggerhead turtles are also vulnerable. Conservation efforts are focused on protecting nesting beaches and reducing accidental capture in fishing nets."
            },
            {
              id: "3",              title: "How long do sea turtles take to migrate?",              content: "Sea turtle migrations can take several months to over a year. Some species travel thousands of miles across entire ocean basins, using ocean currents, temperature gradients, and Earth's magnetic field for navigation."
            },
            {
              id: "4",              title: "What threats do turtles face today?",              content: "Major threats include plastic pollution, climate change affecting nesting beaches, illegal fishing and poaching, habitat destruction, and accidental capture in fishing nets. Ocean pollution and warming waters also impact food sources and nesting conditions."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Project",              items: [
                { label: "About This Project", href: "about" },
                { label: "Species Guide", href: "species" },
                { label: "Turtle Facts", href: "facts" }
              ]
            },
            {
              title: "Conservation",              items: [
                { label: "Conservation Efforts", href: "conservation" },
                { label: "How to Help", href: "resources" },
                { label: "Research Updates", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Learning Materials", href: "#" },
                { label: "Reference Links", href: "#" },
                { label: "Contact Us", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Turtle World | Science Education Project | All Rights Reserved"
        />
      </div>
    </ThemeProvider>
  );
}