"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, Users, Handshake, Sparkles, Gift, PawPrint, Star } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Pawsitive Haven"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About Us", id: "about" },
            { name: "Adopt Now", id: "featured-pets" },
            { name: "Services", id: "services" },
            { name: "Stories", id: "testimonials" }
          ]}
          button={{
            text: "Donate",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Give a Pet a Forever Home"
          description="Every animal deserves love and care. Browse our available pets, learn their stories, and find your perfect companion. Together, we're changing lives, one adoption at a time."
          background={{ variant: "plain" }}
          tag="Help Save Lives"
          tagIcon={Heart}
          buttons={[
            { text: "Browse Adoptions", href: "#featured-pets" },
            { text: "Learn More", href: "#about" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Happy dog with family"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg",              imageAlt: "Cute kitten portrait"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/happy-dog-family-background_329181-20460.jpg",              imageAlt: "Adorable rabbit"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/happy-boy-posing-park-with-dog-parents_23-2148647786.jpg",              imageAlt: "Playful puppy"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Orange tabby cat"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Shelter animals together"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Mission"
          description="Pawsitive Haven is dedicated to rescuing, rehabilitating, and rehoming animals in need. Since 1995, we've provided shelter, medical care, and love to thousands of pets, helping them find their forever homes and families."
          tag="About Our Shelter"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Shelter staff caring for animals"
          imagePosition="right"
          bulletPoints={[
            {
              title: "Compassionate Care",              description: "Every animal receives medical treatment, nutrition, and socialization to prepare them for adoption.",              icon: Heart
            },
            {
              title: "Expert Team",              description: "Our trained veterinarians and caregivers work tirelessly to ensure each pet's well-being and happiness.",              icon: Users
            },
            {
              title: "Community Impact",              description: "We've successfully rehomed over 15,000 animals and continue to support pet owners throughout their journey.",              icon: Handshake
            },
            {
              title: "24/7 Support",              description: "We offer ongoing support to adoptive families to ensure successful transitions and lasting bonds."
            }
          ]}
          buttons={[
            { text: "Our Team", href: "#team" }
          ]}
        />
      </div>

      <div id="featured-pets" data-section="featured-pets">
        <ProductCardFour
          title="Available for Adoption"
          description="Meet our wonderful pets looking for loving families. Each animal has been carefully assessed and is ready to bring joy to your home."
          tag="Find Your Match"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Max",              price: "Adoption Fee: $150",              variant: "Golden Retriever • 3 years old",              imageSrc: "https://img.b2bpic.net/free-photo/meidum-shot-man-woman-with-cute-dog_23-2149027306.jpg",              imageAlt: "Max the dog"
            },
            {
              id: "2",              name: "Whiskers",              price: "Adoption Fee: $75",              variant: "Tabby Cat • 2 years old",              imageSrc: "https://img.b2bpic.net/free-photo/young-stylish-couple-walking-with-dog-street-man-woman-happy-together-with-husky-breed_285396-1635.jpg",              imageAlt: "Whiskers the cat"
            },
            {
              id: "3",              name: "Bella",              price: "Adoption Fee: $150",              variant: "Labrador Mix • 4 years old",              imageSrc: "https://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285636.jpg",              imageAlt: "Bella the dog"
            }
          ]}
          buttons={[
            { text: "View All Pets", href: "#" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="We provide comprehensive support for pet adoption and ongoing care throughout your pet's life."
          tag="What We Offer"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Medical Evaluation",              description: "Every animal receives a complete health check, vaccinations, and necessary treatments before adoption.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg",              imageAlt: "Veterinary care"
            },
            {
              id: 2,
              title: "Behavior Training",              description: "Our trainers work with pets to ensure good behavior and smooth transitions to their new homes.",              imageSrc: "https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg",              imageAlt: "Dog training session"
            },
            {
              id: 3,
              title: "Wellness Support",              description: "Post-adoption grooming, nutrition counseling, and health monitoring to keep your pet thriving.",              imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg",              imageAlt: "Pet wellness services"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Impact"
          description="The numbers behind our mission to save and rehome animals in need."
          tag="Achievements"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              icon: PawPrint,
              title: "Animals Rescued",              value: "15,000+"
            },
            {
              id: "2",              icon: Heart,
              title: "Happy Adoptions",              value: "12,500+"
            },
            {
              id: "3",              icon: Users,
              title: "Active Supporters",              value: "8,900+"
            },
            {
              id: "4",              icon: Star,
              title: "Success Rate",              value: "98%"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Adopting from Pawsitive Haven changed our lives. The staff was incredibly helpful, Max has settled in perfectly, and we've made friends with other adoptive families. This shelter truly cares about every animal and every family."
          rating={5}
          author="Sarah Johnson, Pet Owner"
          useInvertedBackground="invertDefault"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",              alt: "Sarah Johnson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/woman-smiles-toothily-looks-surprised-hears-awesome-news-wears-casual-yellow-sweater-poses-white-human-face-expressions-emotions-feelings-concept_273609-55936.jpg",              alt: "Recent adopter"
            },
            {
              src: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",              alt: "Happy pet owner"
            },
            {
              src: "https://img.b2bpic.net/free-photo/woman-with-curly-hair-toothy-smile-has-carefree-happy-expression-wears-casual-jumper-poses-against-beige-positive-human-emotions-face-expressions-concept_273609-56482.jpg",              alt: "Satisfied customer"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Support Our Mission"
          title="Make a Difference"
          description="Your donation helps us rescue, rehabilitate, and rehome animals in need. Every contribution brings a pet closer to finding their forever home."
          tagIcon={Heart}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Donate Today"
          termsText="By donating, you're supporting our mission to rescue animals and change lives. Thank you for your generosity."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2025 Pawsitive Haven. All rights reserved. Every animal deserves a chance."
          columns={[
            {
              title: "Adoption",              items: [
                { label: "Browse Pets", href: "#featured-pets" },
                { label: "Adoption Process", href: "#" },
                { label: "Frequently Asked", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Mission", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Donate", href: "#contact" },
                { label: "Volunteer", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}