"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, Home, Users, Award, Sparkles, CheckCircle, TrendingUp, Stethoscope, HelpCircle } from 'lucide-react';

export default function PawsHavenPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="plain"
      cardStyle="subtle-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Paws Haven"
          button={{
            text: "Adopt Now",            href: "adopt"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Meet Your New Best Friend"
          description="Discover loving pets waiting for their forever homes. Every animal deserves a chance to thrive in a caring family."
          tag="Find Your Match"
          tagIcon={Heart}
          buttons={[
            {
              text: "Browse Adoptable Pets",              href: "pets"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-fluffy-border-collie-puppies_181624-50967.jpg",              imageAlt: "Happy puppies playing"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-adorable-five-purebred-italian-bracco-puppy-dogs-basket-meadow_181624-53406.jpg",              imageAlt: "Adorable kittens"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-black-dachshund-puppies_342744-529.jpg",              imageAlt: "Diverse pets together"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-two-cute-cocker-spaniel-puppies-with-pink-blue-bows-wooden-bowl_181624-43662.jpg",              imageAlt: "Family with adopted pet"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/ai-generated-labrador-retriever-dog_23-2150686758.jpg",              imageAlt: "Friendly golden retriever"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Paws Haven is dedicated to rescuing, rehabilitating, and rehoming animals in need. Since our founding, we've transformed countless lives—both furry and human—by providing shelter, medical care, and love to animals awaiting their forever families."
          useInvertedBackground="invertDefault"
          metrics={[
            {
              icon: Heart,
              label: "Animals Rescued",              value: "2,500+"
            },
            {
              icon: Home,
              label: "Successful Adoptions",              value: "2,100+"
            },
            {
              icon: Users,
              label: "Active Volunteers",              value: "150+"
            },
            {
              icon: Award,
              label: "Years in Service",              value: "12"
            }
          ]}
        />
      </div>

      <div id="pets" data-section="pets">
        <ProductCardTwo
          title="Meet Our Pets"
          description="Each of these wonderful animals is ready for their next chapter. Browse our current residents and discover your perfect companion."
          tag="Available Now"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",              brand: "Golden Hearts",              name: "Buddy - Golden Retriever",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "23",              imageSrc: "https://img.b2bpic.net/free-photo/ai-generated-labrador-retriever-dog_23-2150686758.jpg",              imageAlt: "Buddy, a friendly golden retriever"
            },
            {
              id: "2",              brand: "Orange Whiskers",              name: "Sunny - Orange Cat",              price: "Adoption Fee: $75",              rating: 5,
              reviewCount: "18",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-adorable-three-purebred-italian-bracco-puppy-dogs-standing-stone-stairs_181624-52127.jpg",              imageAlt: "Sunny, a cute orange tabby cat"
            },
            {
              id: "3",              brand: "Noble Paws",              name: "Shadow - Labrador",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "31",              imageSrc: "https://img.b2bpic.net/free-photo/funny-newborn-puppies-sleep-near-basket-blanket_169016-12359.jpg",              imageAlt: "Shadow, a playful black labrador"
            },
            {
              id: "4",              brand: "Fluffy Friends",              name: "Hoppy - Rabbit",              price: "Adoption Fee: $50",              rating: 5,
              reviewCount: "12",              imageSrc: "https://img.b2bpic.net/free-photo/four-cute-golden-retriever-puppies-resting-grass-ground_181624-26268.jpg",              imageAlt: "Hoppy, a fluffy white rabbit"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Adopt from Paws Haven"
          description="We ensure every adoption is a success story with proper vetting, support, and resources."
          tag="Adoption Benefits"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          negativeCard={{
            items: [
              "Unknown pet backgrounds",              "No medical guarantee",              "Limited ongoing support",              "Unpredictable behavior"
            ]
          }}
          positiveCard={{
            items: [
              "Full medical history & vaccinations",              "Lifetime adoption support",              "Behavioral assessment & training",              "Return-if-needed policy"
            ]
          }}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact This Year"
          description="Together, we're making a difference in animal welfare and creating loving homes."
          tag="2024 Achievements"
          tagIcon={TrendingUp}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            {
              id: "1",              value: "487",              title: "Animals Saved",              description: "From dangerous or neglectful situations",              icon: Heart
            },
            {
              id: "2",              value: "420",              title: "Adoptions",              description: "Happy families united this year",              icon: Home
            },
            {
              id: "3",              value: "15K",              title: "Medical Hours",              description: "Provided by our veterinary team",              icon: Stethoscope
            },
            {
              id: "4",              value: "2,800",              title: "Volunteer Hours",              description: "Community dedication and care",              icon: Users
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Have questions about adoption, pet care, or volunteering? We're here to help."
          tag="Get Answers"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg"
          imageAlt="Shelter staff caring for animals"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "Our adoption process includes an application, meet-and-greet with the animal, home visit approval, and signing adoption papers. We aim to match the right pet with the right family for a lifetime of happiness. The entire process typically takes 1-2 weeks."
            },
            {
              id: "2",              title: "Are the animals vaccinated and neutered?",              content: "Yes! All animals available for adoption have been fully vaccinated, microchipped, and spayed/neutered by our veterinary team. We provide medical records and a 30-day free wellness check with our partner veterinarians."
            },
            {
              id: "3",              title: "What if the adoption doesn't work out?",              content: "We understand that sometimes adoptions need adjustment. If you're having issues, we offer free behavioral consultations and support. If necessary, we will accept the animal back into our care with no questions asked."
            },
            {
              id: "4",              title: "How can I volunteer?",              content: "We're always looking for dedicated volunteers! Visit our website to fill out a volunteer application. We offer flexible opportunities including animal care, fundraising, social media, and event coordination."
            },
            {
              id: "5",              title: "Can I sponsor an animal?",              content: "Absolutely! Animal sponsorships are a wonderful way to support their care while they await adoption. Your donation covers food, medical care, and enrichment. You'll receive updates and photos of your sponsored pet."
            },
            {
              id: "6",              title: "Do you accept donations?",              content: "Yes, we gratefully accept monetary donations, supplies (food, blankets, toys), and in-kind contributions. All donations are tax-deductible. Visit our donations page to see current needs or contribute online."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to give an animal a forever home? Start your adoption journey today or find out how you can support our mission."
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Adopt a Pet",              href: "pets"
            },
            {
              text: "Donate Now",              href: "donate"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Adoption",              items: [
                {
                  label: "Browse Pets",                  href: "pets"
                },
                {
                  label: "Adoption Process",                  href: "adopt"
                },
                {
                  label: "Success Stories",                  href: "stories"
                }
              ]
            },
            {
              title: "Get Involved",              items: [
                {
                  label: "Volunteer",                  href: "volunteer"
                },
                {
                  label: "Donate",                  href: "donate"
                },
                {
                  label: "Sponsor an Animal",                  href: "sponsor"
                },
                {
                  label: "Events",                  href: "events"
                }
              ]
            },
            {
              title: "About",              items: [
                {
                  label: "Our Mission",                  href: "about"
                },
                {
                  label: "Contact Us",                  href: "contact"
                },
                {
                  label: "Privacy Policy",                  href: "privacy"
                },
                {
                  label: "Terms of Service",                  href: "terms"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Paws Haven Pet Shelter. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}