"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Heart, Paw, HelpCircle, Star } from "lucide-react";

export default function PawShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="PawShelter"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Adopt", id: "pets" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Caring for Pets in Need"
          bottomRightText="info@pawshelter.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Find Your Perfect Companion"
          description="Discover loving pets ready for adoption. Every animal deserves a caring home. Our mission is to connect compassionate families with their new family members."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Pets Rescued" },
            { value: "95%", label: "Adoption Success" },
            { value: "15+", label: "Years of Service" }
          ]}
          enableKpiAnimation={true}
          tag="Adopt Today"
          tagIcon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg"
          imageAlt="Pet shelter caring for animals"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          buttons={[
            { text: "Browse Pets", href: "#pets" },
            { text: "Learn More", href: "#about" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="About PawShelter"
          description="We are dedicated to rescuing, caring for, and finding loving homes for abandoned and neglected animals in our community."
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We rescue animals in distress and provide them with medical care, shelter, and love while they wait for their forever homes. Every pet matters, and we believe in giving second chances."
            },
            {
              id: "values",              label: "Our Values",              description: "Compassion, integrity, and commitment guide everything we do. We treat every animal with dignity and respect, and we work tirelessly to ensure their wellbeing."
            },
            {
              id: "community",              label: "Community Impact",              description: "Beyond adoption, we educate the public about animal welfare, offer low-cost spay and neuter services, and provide emergency rescue for animals in crisis."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="PawShelter team caring for animals"
          mediaAnimation="slide-up"
          imagePosition="right"
          useInvertedBackground={true}
        />
      </div>

      <div id="pets" data-section="pets">
        <ProductCardThree
          title="Meet Our Adoptable Pets"
          description="Each of our animals is ready to bring joy and love into your home. Browse our available companions below."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "pet-001",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "http://img.b2bpic.net/free-photo/direct-look-into-face-duck-tolling-retriever-dog_493961-1048.jpg",              imageAlt: "Max, a friendly golden retriever"
            },
            {
              id: "pet-002",              name: "Luna - Orange Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-tabby-cat_23-2148045837.jpg",              imageAlt: "Luna, a beautiful orange tabby cat"
            },
            {
              id: "pet-003",              name: "Charlie - Labrador Puppy",              price: "Adoption Fee: $200",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-black-labrador-retriever-laying-ground_181624-53398.jpg",              imageAlt: "Charlie, a playful black labrador puppy"
            }
          ]}
          tag="Available Now"
          tagIcon={Paw}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Services"
          description="Beyond adoption, we provide comprehensive pet care and community services."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Complete Care"
          tagIcon={Heart}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Pet Adoption",              description: "Find your perfect companion from our carefully selected and health-screened animals ready for their forever homes.",              imageSrc: "http://img.b2bpic.net/free-photo/direct-look-into-face-duck-tolling-retriever-dog_493961-1048.jpg",              imageAlt: "Adoption services"
            },
            {
              id: 2,
              title: "Veterinary Care",              description: "All our animals receive thorough medical exams, vaccinations, and necessary treatments before adoption.",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg",              imageAlt: "Veterinary care services"
            },
            {
              id: 3,
              title: "Community Education",              description: "We offer workshops and resources to help the community understand proper pet care and animal welfare.",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Community education programs"
            }
          ]}
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Stories from Our Families"
          description="Hear from families whose lives have been transformed by adopting from PawShelter."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Pet Parent",              testimonial: "Adopting Max from PawShelter was the best decision ever. The staff was so caring and helped us find the perfect match for our family. Max has brought so much joy to our home.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Dog Lover",              testimonial: "The entire adoption process was smooth and professional. PawShelter genuinely cares about both the animals and the families. We couldn't be happier with our new companion.",              imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Animal Advocate",              testimonial: "I volunteered at PawShelter for six months and witnessed firsthand their dedication to animal welfare. Their passion is truly inspiring.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "First-Time Adopter",              testimonial: "The team at PawShelter made sure I was fully prepared for pet ownership. They provided training tips and ongoing support. Luna is now a beloved family member.",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "David Kim"
            }
          ]}
          tag="Adoption Stories"
          tagIcon={Star}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about adoption, our services, and pet care."
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Help & Support"
          tagIcon={HelpCircle}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "The adoption process includes meeting the animal, completing our adoption application, a brief interview, and paying the adoption fee. We ensure the best match for both the pet and family."
            },
            {
              id: "2",              title: "Are the animals vaccinated and spayed/neutered?",              content: "Yes, all animals are fully vaccinated, microchipped, and spayed or neutered before adoption. This ensures the health and wellbeing of your new pet."
            },
            {
              id: "3",              title: "Can I return a pet if it doesn't work out?",              content: "We stand behind every adoption. If there are any issues, we offer support and can arrange a return within 30 days for a full refund."
            },
            {
              id: "4",              title: "Do you offer post-adoption support?",              content: "Absolutely! We provide behavioral support, training resources, and veterinary guidance to help your pet adjust to their new home."
            },
            {
              id: "5",              title: "How can I volunteer at PawShelter?",              content: "We welcome volunteers! Visit our contact page or call us to learn about volunteer opportunities in adoption, fundraising, and animal care."
            },
            {
              id: "6",              title: "What animals are available for adoption?",              content: "We typically have dogs, cats, and occasionally rabbits and other small animals. Check our website or visit in person to see current availability."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Have questions about adoption or our services? We'd love to hear from you. Fill out the form below and we'll get back to you soon."
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-family-autumn_329181-7440.jpg"
          imageAlt="Happy pets ready for adoption"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your interest in adoption or ask any questions...",            rows: 5,
            required: true
          }}
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="PawShelter"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Contact Us", href: "#contact" }}
        />
      </div>
    </ThemeProvider>
  );
}