"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Sparkles, Trophy, Mail } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="PawsHelp Shelter"
          navItems={[
            { name: "About", id: "about" },
            { name: "Pets", id: "pets" },
            { name: "Get Involved", id: "getinvolved" },
            { name: "Contact", id: "contact" },
            { name: "FAQs", id: "faqs" }
          ]}
          button={{ text: "Adopt Now", href: "pets" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplit
          background={{ variant: "glowing-orb" }}
          title="Every Pet Deserves a Loving Home"
          description="Welcome to PawsHelp Shelter, where we believe every animal deserves compassion and care. Join our mission to rescue, rehabilitate, and rehome pets in need of a second chance."
          tag="Make a Difference"
          tagIcon={Heart}
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17173.jpg"
          imageAlt="Happy adopted pets with their loving families"
          buttons={[
            { text: "Browse Available Pets", href: "pets" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Mission"
          description={[
            "Since 2010, PawsHelp Shelter has been dedicated to rescuing abandoned and neglected animals. We provide medical care, behavior rehabilitation, and loving attention to prepare each pet for adoption.",            "Our team of passionate volunteers and staff members work tirelessly to ensure every animal receives the care they deserve. We believe in second chances and the transformative power of unconditional love between pets and their families.",            "With your support, we've successfully rehomed over 5,000 animals. Together, we're building a community that values animal welfare and creates lasting bonds between pets and people."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[{ text: "Our Story", href: "about" }]}
        />
      </div>
      
      <div id="pets" data-section="pets">
        <ProductCardOne
          title="Meet Our Furry Friends"
          description="Browse our current residents looking for their forever homes. Each pet has a unique personality and deserves love."
          tag="Available for Adoption"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Max - Golden Retriever",              price: "Meet Max",              imageSrc: "https://img.b2bpic.net/free-photo/woman-dog-sunset-full-shot_23-2149871776.jpg",              imageAlt: "Max, a friendly golden retriever"
            },
            {
              id: "2",              name: "Luna - Tabby Cat",              price: "Meet Luna",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-holding-cute-dog_23-2148928966.jpg",              imageAlt: "Luna, an adorable tabby kitten"
            },
            {
              id: "3",              name: "Charlie - Mixed Rescue",              price: "Meet Charlie",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-holding-cocker-spaniel_23-2148351197.jpg",              imageAlt: "Charlie, a lovable rescue dog"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[{ text: "View All Pets", href: "contact" }]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact"
          description="The difference we've made in the lives of animals and families"
          tag="Success Stories"
          tagIcon={Trophy}
          metrics={[
            { id: "1", value: "5,000+", description: "Pets Rehomed" },
            { id: "2", value: "500+", description: "Active Volunteers" },
            { id: "3", value: "98%", description: "Adoption Success Rate" },
            { id: "4", value: "15+", description: "Years of Service" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="getinvolved" data-section="getinvolved">
        <FeatureCardMedia
          title="Ways to Help"
          description="Whether you're looking to adopt, volunteer, or donate, there are many ways to support our mission and change a pet's life."
          tag="Get Involved"
          features={[
            {
              id: "1",              title: "Adopt a Pet",              description: "Give a loving animal a second chance at life. Our adoption process is simple and supportive.",              tag: "Find Your Friend",              imageSrc: "https://img.b2bpic.net/free-photo/woman-dog-sunset-full-shot_23-2149871776.jpg",              buttons: [{ text: "Start Adoption", href: "contact" }]
            },
            {
              id: "2",              title: "Become a Volunteer",              description: "Make a direct impact by caring for animals, helping with events, or using your skills to support the shelter.",              tag: "Join Our Team",              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg",              buttons: [{ text: "Volunteer With Us", href: "contact" }]
            },
            {
              id: "3",              title: "Make a Donation",              description: "Your contribution directly funds medical care, food, shelter, and rehabilitation for our residents.",              tag: "Give Back",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg",              buttons: [{ text: "Donate Now", href: "contact" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Happy Adoption Stories"
          description="Hear from families who found their perfect companions at PawsHelp Shelter"
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, Adoption Date: March 2024",              date: "Date: March 15, 2024",              title: "Max brought our family together!",              quote: "We adopted Max six months ago, and he's been the most loving addition to our family. The staff at PawsHelp made the entire process so easy and they genuinely cared about finding him the perfect home.",              tag: "Golden Retriever Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17173.jpg",              avatarAlt: "Sarah with her adopted dog Max",              imageSrc: "https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17173.jpg",              imageAlt: "Happy family with their adopted golden retriever"
            },
            {
              id: "2",              name: "Michael Rodriguez, Adoption Date: January 2024",              date: "Date: January 22, 2024",              title: "Luna completed our home",              quote: "As a first-time cat owner, I was nervous about adoption. The team at PawsHelp provided incredible guidance and follow-up support. Luna is the sweetest companion and brought so much joy to my life.",              tag: "Cat Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17176.jpg",              avatarAlt: "Michael with his adopted cat Luna",              imageSrc: "https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17176.jpg",              imageAlt: "Man with his adopted tabby cat"
            },
            {
              id: "3",              name: "Emma & James Walsh, Adoption Date: November 2023",              date: "Date: November 10, 2023",              title: "Charlie is our superhero",              quote: "Our kids had always wanted a dog, but we were worried about rescue animals. Charlie has proven that second chances work. He's gentle, loving, and part of our family. Thank you, PawsHelp!",              tag: "Mixed Breed Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/full-shot-women-dog-posing_23-2148977468.jpg",              avatarAlt: "Family with their adopted dog Charlie",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-dog-posing_23-2148977468.jpg",              imageAlt: "Children playing with their adopted rescue dog"
            },
            {
              id: "4",              name: "David Thompson, Adoption Date: September 2023",              date: "Date: September 5, 2023",              title: "Best decision I've made",              quote: "After retiring, I wanted companionship and purpose. Adopting Duke from PawsHelp gave me both. The shelter's support has made this transition beautiful. I volunteer twice a week now!",              tag: "Senior Dog Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-family-with-dog_23-2149481063.jpg",              avatarAlt: "David with his adopted senior dog",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-family-with-dog_23-2149481063.jpg",              imageAlt: "Older man with his adopted rescue dog"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Connected with PawsHelp"
          description="Subscribe to our newsletter for adoption updates, volunteer opportunities, pet care tips, and heartwarming success stories from our community."
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime. Your support helps us continue our mission of animal rescue."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "About",              items: [
                { label: "Our Mission", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Adopt & Help",              items: [
                { label: "Available Pets", href: "pets" },
                { label: "Adoption Process", href: "about" },
                { label: "Volunteer", href: "getinvolved" },
                { label: "Donate", href: "getinvolved" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Pet Care Tips", href: "#" },
                { label: "Success Stories", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 PawsHelp Shelter. All rights reserved. A 501(c)(3) nonprofit organization."
          bottomRightText="Made with love for animals and families"
        />
      </div>
    </ThemeProvider>
  );
}