"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Frog Science"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Species", id: "product" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Learn More",            href: "about"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="FROGS"
          description="Discover the fascinating world of amphibians through interactive learning. Explore frog biology, behavior, and conservation efforts."
          buttons={[
            { text: "Explore Now", href: "about" },
            { text: "Learn More", href: "features" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/dumpy-frog-litoria-caerulea-green-leaves-dumpy-frog-branch-tree-frog-branch-amphibian-closeup_488145-3362.jpg",              imageAlt: "Green frog in natural habitat"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/flying-frog-sitting-branch-beautiful-tree-frog-branch_488145-2458.jpg",              imageAlt: "Frog on lily pad in pond"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-frog-by-lotus-leaf-pond-garden_181624-31841.jpg",              imageAlt: "Tree frog climbing vegetation"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Amphibian Science"
          tagIcon={Sparkles}
          title="Understanding Frogs: Nature's Remarkable Amphibians"
          description="Frogs are among the most fascinating creatures on Earth. These cold-blooded amphibians play a crucial role in their ecosystems as both predators and prey. With over 7,000 species worldwide, frogs exhibit remarkable adaptations for survival in diverse environments from rainforests to deserts."
          metrics={[
            {
              value: "7,000+",              title: "Frog Species Identified"
            },
            {
              value: "65%",              title: "Threatened by Habitat Loss"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/poison-dart-frog-dendrobates-tinctorius-patricia-closeup-dendrobates-tinctorius-patricia-closeup_488145-3152.jpg"
          imageAlt="Close-up of a frog showing detailed features"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwelve
          title="Amazing Frog Adaptations"
          description="Frogs possess incredible biological features that enable them to thrive in diverse environments."
          features={[
            {
              id: "jumping",              label: "Jumping",              title: "Powerful Leg Muscles",              items: [
                "Can jump 20 times their body length",                "Specialized leg structure for rapid movement",                "Escape predators and catch prey efficiently"
              ]
            },
            {
              id: "skin",              label: "Skin",              title: "Multi-Purpose Skin",              items: [
                "Absorbs water and oxygen through skin",                "Produces toxins for protection",                "Changes color for camouflage"
              ]
            },
            {
              id: "eyes",              label: "Vision",              title: "Superior Hunting Eyes",              items: [
                "Eyes positioned for 360-degree vision",                "Detects movement with precision",                "Located on top of head for aquatic awareness"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Frog Population Impact"
          description="Key statistics about frogs and their ecological significance"
          metrics={[
            {
              id: "1",              value: "90%",              title: "Amphibian Decline",              description: "Frog populations declining globally due to habitat loss",              imageSrc: "https://img.b2bpic.net/free-photo/macro-closeup-shot-green-frog-with-stripes_181624-56768.jpg",              imageAlt: "Frog showing jumping capability"
            },
            {
              id: "2",              value: "100M+",              title: "Insects Consumed",              description: "Frogs eat hundreds of millions of insects annually",              imageSrc: "https://img.b2bpic.net/free-photo/rhacophorus-margaritifer-closeup-moss-rhacophorus-margaritifer-closeup_488145-1791.jpg",              imageAlt: "Close-up of frog skin texture and coloration"
            },
            {
              id: "3",              value: "200",              title: "Years History",              description: "Frogs have existed for over 200 million years",              imageSrc: "https://img.b2bpic.net/free-photo/cyrtodactylus-irianjayaensis-closeup-face_488145-1295.jpg",              imageAlt: "Frog face showing eyes and facial features"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Common Frog Species"
          description="Explore different frog species and their unique characteristics"
          products={[
            {
              id: "1",              name: "Tree Frog",              price: "Tropical",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-green-frog_181624-54894.jpg",              imageAlt: "Colorful tree frog"
            },
            {
              id: "2",              name: "Bulldog Frog",              price: "Large Species",              imageSrc: "https://img.b2bpic.net/free-photo/dendrobates-auratus-pea-blanca-closeup-from-side-view-auratus-pena-blanca-closeup_488145-3158.jpg",              imageAlt: "Large bulldog frog with prominent mouth"
            },
            {
              id: "3",              name: "Poison Dart Frog",              price: "Toxic Defense",              imageSrc: "https://img.b2bpic.net/free-photo/hylarana-picturata-frog-closeup-moss-with-black-background-indonesian-tree-frog_488145-1223.jpg",              imageAlt: "Brightly colored poison dart frog"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Common questions about frogs and their biology"
          faqs={[
            {
              id: "1",              title: "Do all frogs lay eggs in water?",              content: "Most frogs lay eggs in water or very moist environments, but some species have adapted to lay eggs on leaves or in tree holes. Tree frogs and poison dart frogs have developed creative egg-laying strategies for life in the canopy."
            },
            {
              id: "2",              title: "How do frogs breathe underwater?",              content: "Frogs don't actually breathe underwater. They use their skin as a supplementary respiratory organ to absorb oxygen when they're submerged, but they also need to surface to breathe through their lungs."
            },
            {
              id: "3",              title: "What do frogs eat?",              content: "Most frogs are carnivorous and eat insects, spiders, and small arthropods. Larger frog species may eat small reptiles, mammals, or even other frogs. They use their sticky tongues to catch prey with incredible speed."
            },
            {
              id: "4",              title: "Why are frogs important?",              content: "Frogs are crucial for ecosystem health. They control insect populations, serve as food for larger animals, and their presence indicates a healthy environment. Many frogs are also used in medical research."
            },
            {
              id: "5",              title: "How can we help protect frogs?",              content: "Protect frog habitats by preserving wetlands and forests, reduce chemical use, avoid collecting wild frogs, and support conservation organizations dedicated to amphibian protection."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/poison-dart-frog-dendrobates-tinctorius-patricia-closeup_488145-1303.jpg"
          imageAlt="Wetland habitat for frog conservation"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Frog Science"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About Frogs", href: "about" },
                { label: "Features", href: "features" }
              ]
            },
            {
              items: [
                { label: "Species", href: "product" },
                { label: "Conservation", href: "faq" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              items: [
                { label: "Resources", href: "#" },
                { label: "Education", href: "#" },
                { label: "Contact", href: "#" }
              ]
            }
          ]
        />
      </div>
    </ThemeProvider>
  );
}