"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Heart, Paw, Target, TrendingUp, Users, CheckCircle, Sparkles, Home, Handshake, Gift, Quote, Mail } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Happy Paws Shelter"
          button={{
            text: "Adopt Today",            href: "#hero"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Find Your Perfect Companion"
          description="Browse our loving rescue animals waiting for their forever homes. Every pet has a story, and we're here to help yours begin."
          tag="Adopt, Foster, Volunteer"
          tagIcon={Heart}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-kromfohrlander-puppy-sitting-fresh-grass_181624-19827.jpg",              imageAlt: "Happy puppy looking for adoption"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-adorable-white-puppy-blurred-background_181624-15998.jpg",              imageAlt: "Adorable kitten in shelter"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-vertical-shot-cute-golden-retriever-puppy-sitting-grass-ground_181624-27259.jpg",              imageAlt: "Cute bunny waiting for home"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/elevated-view-dog-looking-its-owner_23-2147840636.jpg",              imageAlt: "Rescue dog ready to love"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-golden-retriever-puppy-resting-grass-ground_181624-21135.jpg",              imageAlt: "Sweet kitten in safe care"
            }
          ]}
          buttons={[
            {
              text: "Browse Available Pets",              href: "#featured-pets"
            },
            {
              text: "Get Involved",              href: "#help"
            }
          ]}
        />
      </div>

      <div id="featured-pets" data-section="featured-pets">
        <ProductCardOne
          title="Meet Our Furry Friends"
          description="Browse our currently available animals looking for loving homes. Each pet has been cared for and is ready for their next adventure."
          tag="Featured Pets"
          tagIcon={Paw}
          products={[
            {
              id: "pet-1",              name: "Luna - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-adorable-kooikerhondje-dog_181624-55413.jpg",              imageAlt: "Luna, a friendly golden retriever"
            },
            {
              id: "pet-2",              name: "Whiskers - Orange Tabby",              price: "Adoption Fee: $50",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-cute-golden-retriever-puppy-sitting-grass-ground_181624-22002.jpg",              imageAlt: "Whiskers, playful tabby cat"
            },
            {
              id: "pet-3",              name: "Max - Mixed Breed",              price: "Adoption Fee: $100",              imageSrc: "https://img.b2bpic.net/free-photo/happy-cute-woman-with-dog-outdoor_624325-836.jpg",              imageAlt: "Max, a sweet shelter dog"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "View All Pets",              href: "#featured-pets"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          title="Giving every animal a second chance at happiness and a loving family"
          description="Happy Paws Shelter"
          subdescription="Est. 2015 • Serving Our Community"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143904.jpg"
          imageAlt="Animals receiving care at our shelter"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="impact" data-section="impact">
        <MetricCardOne
          title="Our Impact"
          description="See the difference we've made in our community through rescue and care"
          tag="Since 2015"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "metric-1",              value: "2,847",              title: "Animals Rescued",              description: "Pets given loving homes and second chances",              icon: Heart
            },
            {
              id: "metric-2",              value: "156",              title: "Current Residents",              description: "Animals in our care awaiting adoption",              icon: Paw
            },
            {
              id: "metric-3",              value: "1,240",              title: "Active Volunteers",              description: "Community members making a difference",              icon: Users
            },
            {
              id: "metric-4",              value: "98%",              title: "Success Rate",              description: "Adoptions that create lasting family bonds",              icon: CheckCircle
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="help" data-section="help">
        <FeatureHoverPattern
          title="How You Can Help"
          description="Whether you want to adopt, foster, volunteer, or donate, there are many ways to support our mission and change lives."
          tag="Get Involved"
          tagIcon={Sparkles}
          features={[
            {
              icon: Home,
              title: "Adopt",              description: "Find your perfect companion and give a rescue animal a forever home"
            },
            {
              icon: Users,
              title: "Foster",              description: "Provide temporary care and help animals prepare for their forever families"
            },
            {
              icon: Handshake,
              title: "Volunteer",              description: "Join our team and help with daily care, events, and animal enrichment"
            },
            {
              icon: Gift,
              title: "Donate",              description: "Support our mission by contributing supplies, funds, or sponsoring a pet"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Get Started",              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories from Our Community"
          description="Hear from the people whose lives have been transformed by our rescue animals"
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "testimonial-1",              name: "Sarah Mitchell, Dog Lover",              date: "Date: 15 November 2024",              title: "Luna changed our lives completely!",              quote: "We adopted Luna three years ago, and she's been the best decision we ever made. She brought so much joy and unconditional love to our family. We can't imagine life without her now.",              tag: "Adoption Success",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-adorable-kooikerhondje-dog_181624-55413.jpg"
            },
            {
              id: "testimonial-2",              name: "Marcus Johnson, Foster Parent",              date: "Date: 20 October 2024",              title: "Fostering was one of the most rewarding experiences",              quote: "Fostering connected me with three amazing animals and helped them find their forever homes. The shelter's support made it incredibly fulfilling. I'm already planning to foster again!",              tag: "Foster Story",              avatarSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143904.jpg"
            },
            {
              id: "testimonial-3",              name: "Elena Rodriguez, Volunteer",              date: "Date: 05 October 2024",              title: "Volunteering here is pure joy and purpose",              quote: "Every day I spend at Happy Paws reminds me why I volunteer. The team cares so deeply about these animals, and seeing rescues find homes never gets old.",              tag: "Volunteer Impact",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-cute-golden-retriever-puppy-sitting-grass-ground_181624-22002.jpg"
            },
            {
              id: "testimonial-4",              name: "David Chen, Donor",              date: "Date: 28 September 2024",              title: "Supporting this mission gives me peace of mind",              quote: "Contributing to Happy Paws Shelter means knowing I'm making a tangible difference in animal welfare. The transparency and compassion they show is admirable.",              tag: "Supporter",              avatarSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143903.jpg"
            },
            {
              id: "testimonial-5",              name: "Jennifer Lee, Adopter",              date: "Date: 10 September 2024",              title: "The adoption process was smooth and caring",              quote: "From the first visit to bringing Whiskers home, the staff was incredibly helpful and made sure we were the right match. Five stars!",              tag: "Adoption Story",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-cute-woman-with-dog-outdoor_624325-836.jpg"
            },
            {
              id: "testimonial-6",              name: "Thomas Wright, Community Member",              date: "Date: 22 August 2024",              title: "A pillar of compassion in our community",              quote: "Happy Paws Shelter embodies everything good about our town. They're not just rescuing animals; they're rescuing lives and creating connections.",              tag: "Community Voice",              avatarSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143904.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Join Our Newsletter"
          description="Subscribe to receive updates about new animals, adoption events, volunteer opportunities, and heartwarming rescue stories."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-pet_23-2149143903.jpg"
          imageAlt="Newsletter signup"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time to stop receiving updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-goat_23-2149514562.jpg"
          imageAlt="Happy Paws Shelter community"
          logoText="Happy Paws Shelter"
          copyrightText="© 2025 Happy Paws Shelter. All rights reserved. Together we save lives."
          columns={[
            {
              title: "About",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Team", href: "#team" },
                { label: "Careers", href: "#careers" },
                { label: "Impact", href: "#impact" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Adopt", href: "#featured-pets" },
                { label: "Foster", href: "#help" },
                { label: "Volunteer", href: "#help" },
                { label: "Donate", href: "#help" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Location", href: "https://maps.google.com" },
                { label: "Hours", href: "#contact" },
                { label: "Email", href: "mailto:info@happypaws.org" },
                { label: "Phone", href: "tel:+1234567890" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}