"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Binoculars, Star, Globe, BarChart3, Map, TrendingUp } from 'lucide-react';

export default function AnimalsPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
    { name: "Animals", id: "/animals" },
    { name: "Visit", id: "/visit" }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          navItems={navItems}
          brandName="Happy Three Friends"
          button={{
            text: "Buy Tickets",
            href: "https://happythreefriends-tickets.example.com"
          }}
        />
      </div>

      <div id="animals-showcase" data-section="animals-showcase">
        <FeatureBento
          title="Discover Our Wildlife Residents"
          description="From the African savanna to the Arctic tundra, explore the incredible diversity of animals that call Happy Three Friends Zoo home. Each habitat is carefully designed to replicate natural environments."
          tag="Animal Habitats"
          tagIcon={Binoculars}
          features={[
            {
              title: "African Safari",
              description: "Meet lions, elephants, and giraffes in our expansive African plains exhibit with authentic savanna landscapes.",
              bentoComponent: "globe"
            },
            {
              title: "Polar World",
              description: "Experience the Arctic with polar bears, penguins, and seals in our climate-controlled polar habitat.",
              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Rainforest Canopy",
              description: "Journey through tropical rainforests with monkeys, birds, and exotic reptiles in our multi-level canopy walk.",
              bentoComponent: "map"
            },
            {
              title: "Ocean Depths",
              description: "Dive into our underwater world featuring sharks, rays, and colorful coral reef fish in massive aquarium tunnels.",
              bentoComponent: "line-chart"
            },
            {
              title: "Desert Oasis",
              description: "Explore arid landscapes with camels, meerkats, and desert reptiles in our authentic desert environment.",
              bentoComponent: "globe"
            },
            {
              title: "Asian Highlands",
              description: "Visit pandas, tigers, and red pandas in our mountainous Asian exhibit with bamboo forests and rocky terrain.",
              bentoComponent: "animated-bar-chart"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="visitor-stories" data-section="visitor-stories">
        <TestimonialCardSix
          title="Amazing Animal Encounters"
          description="Hear from visitors who have experienced unforgettable moments with our incredible wildlife residents."
          tag="Wildlife Experiences"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              handle: "Wildlife Photographer",
              testimonial: "The lion exhibit is absolutely breathtaking! Watching the pride interact in such a natural setting was incredible. The photography opportunities are endless.",
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg",
              imageAlt: "Sarah Mitchell family"
            },
            {
              id: "2",
              name: "James Rodriguez",
              handle: "Marine Biology Teacher",
              testimonial: "The aquarium tunnels are phenomenal! My students were mesmerized by the sharks and rays swimming overhead. Perfect for educational field trips.",
              imageSrc: "https://img.b2bpic.net/free-photo/family-enjoying-leisure-time_1098-1175.jpg",
              imageAlt: "James Rodriguez with students"
            },
            {
              id: "3",
              name: "Emma Thompson",
              handle: "Conservation Enthusiast",
              testimonial: "Meeting the rescued animals and learning their stories was deeply moving. This zoo truly cares about animal welfare and conservation.",
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-family-actively-spending-time_329181-20445.jpg",
              imageAlt: "Emma Thompson at the zoo"
            },
            {
              id: "4",
              name: "Michael Chen",
              handle: "Zoology Student",
              testimonial: "The behind-the-scenes tour was fascinating! Seeing how the veterinary team cares for the animals gave me incredible insights for my studies.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-family-with-little-daughter_171337-7180.jpg",
              imageAlt: "Michael Chen with grandchildren"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              handle: "Animal Behaviorist",
              testimonial: "The enrichment programs here are outstanding. You can see how happy and stimulated the animals are in their expertly designed habitats.",
              imageSrc: "https://img.b2bpic.net/free-photo/family-enjoying-weekend_1098-1132.jpg",
              imageAlt: "Lisa Anderson at the zoo"
            },
            {
              id: "6",
              name: "David Park",
              handle: "Veterinarian",
              testimonial: "As a vet, I'm impressed by the medical facilities and care standards. The animals here receive world-class treatment and attention.",
              imageSrc: "https://img.b2bpic.net/free-photo/stock-photo-headshot-lovely-caucasian-family-mother-father-their-son-smiling-happily-camera-park-summer-day_132075-10500.jpg",
              imageAlt: "David Park corporate event"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="conservation-programs" data-section="conservation-programs">
        <FeatureBento
          title="Conservation in Action"
          description="Our ongoing conservation programs are making a real difference for endangered species worldwide through research, breeding programs, and habitat protection."
          tag="Conservation Efforts"
          tagIcon={Globe}
          features={[
            {
              title: "Breeding Programs",
              description: "Successfully breeding endangered species to maintain genetic diversity and support reintroduction efforts in the wild.",
              bentoComponent: "3d-stack-cards",
              items: [
                { icon: Globe, title: "Species Recovery", subtitle: "Breeding Success", detail: "25 species saved" },
                { icon: TrendingUp, title: "Population Growth", subtitle: "Wildlife Recovery", detail: "2000+ births" },
                { icon: Map, title: "Global Reach", subtitle: "Worldwide Impact", detail: "50 countries" }
              ]
            },
            {
              title: "Research Initiatives",
              description: "Conducting cutting-edge research on animal behavior, nutrition, and veterinary care to improve species survival.",
              bentoComponent: "orbiting-icons",
              centerIcon: Binoculars,
              items: [
                { icon: BarChart3, ring: 1, duration: 8 },
                { icon: Globe, ring: 2, duration: 12 },
                { icon: TrendingUp, ring: 3, duration: 15 }
              ]
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/landscape-forest-covered-greenery-with-pelicans-standing-ground-sunlight_181624-16435.jpg"
          imageAlt="Happy Three Friends Zoo wildlife habitats"
          logoText="Happy Three Friends Zoo"
          copyrightText="© 2025 Happy Three Friends Zoo. All rights reserved. Protecting wildlife for future generations."
          columns={[
            {
              title: "Visit",
              items: [
                { label: "Hours & Admission", href: "/visit/hours" },
                { label: "Plan Your Visit", href: "/visit/planning" },
                { label: "Directions", href: "/visit/directions" },
                { label: "Facilities", href: "/visit/facilities" }
              ]
            },
            {
              title: "Animals",
              items: [
                { label: "Animal Directory", href: "/animals/directory" },
                { label: "Conservation", href: "/animals/conservation" },
                { label: "Behind the Scenes", href: "/animals/behind-scenes" },
                { label: "Wildlife Facts", href: "/animals/facts" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "Our Mission", href: "/about/mission" },
                { label: "Team", href: "/about/team" },
                { label: "Careers", href: "/about/careers" },
                { label: "Contact Us", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}