"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function PawsHomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PawsHome"
          navItems={[
            { name: "About", id: "about" },
            { name: "Adopt", id: "adopt" },
            { name: "Services", id: "services" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Donate Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="PawsHome"
          description="Give a loving pet a forever home. Discover your perfect companion today."
          buttons={[
            { text: "Browse Animals", href: "#adopt" },
            { text: "Support Us", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg"
          imageAlt="Pet shelter with dogs and cats"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Mission"
          description="PawsHome is dedicated to rescuing, caring for, and rehoming animals in need. We believe every pet deserves a loving family and a safe environment to thrive."
          tag="About Us"
          imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Shelter staff caring for animals"
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="adopt" data-section="adopt">
        <ProductCardThree
          title="Meet Our Animals"
          description="Browse our current available animals ready for adoption. Each one is waiting for their forever home."
          tag="Adoptable Pets"
          products={[
            {
              id: "1",              name: "Luna - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg",              imageAlt: "Luna the golden retriever",              initialQuantity: 1
            },
            {
              id: "2",              name: "Whiskers - Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "http://img.b2bpic.net/free-photo/lots-cute-rescue-dogs-shelter-waiting-be-adopted_23-2148682950.jpg",              imageAlt: "Whiskers the tabby cat",              initialQuantity: 1
            },
            {
              id: "3",              name: "Pepper - Holland Lop Rabbit",              price: "Adoption Fee: $50",              imageSrc: "http://img.b2bpic.net/free-photo/woman-interacting-with-rescue-dogs-shelter_23-2148682952.jpg",              imageAlt: "Pepper the rabbit",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Our Services"
          description="We provide comprehensive care and support services for animals and families."
          tag="Services"
          features={[
            {
              id: 1,
              title: "Pet Adoption",              description: "Find your perfect companion from our selection of rescued dogs, cats, rabbits, and more. Our adoption process ensures the best match for your family.",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Pet adoption service"
            },
            {
              id: 2,
              title: "Veterinary Care",              description: "Professional health screenings, vaccinations, and medical treatment for all our animals. We partner with experienced veterinarians to ensure quality care.",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285636.jpg",              imageAlt: "Veterinary care for pets"
            },
            {
              id: 3,
              title: "Training Programs",              description: "Behavioral training and socialization programs help our animals become well-adjusted pets. We also offer training resources for new pet owners.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-dog-moving-new-home_23-2149749203.jpg",              imageAlt: "Pet training programs"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Making a difference in the lives of animals and families every day."
          tag="Impact Statistics"
          metrics={[
            {
              id: "1",              value: "2,500+",              title: "Animals Rescued",              items: ["Dogs, cats, rabbits, and more", "Comprehensive health screening", "Behavioral assessment"]
            },
            {
              id: "2",              value: "1,800+",              title: "Successful Adoptions",              items: ["Happy families created", "Lifetime support provided", "98% adoption success rate"]
            },
            {
              id: "3",              value: "15+",              title: "Years of Service",              items: ["Community trusted", "Award-winning care", "Dedicated team of professionals"]
            },
            {
              id: "4",              value: "$500K+",              title: "Medical Care Provided",              items: ["Veterinary treatments", "Emergency interventions", "Preventive health programs"]
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories from Happy Families"
          description="Hear from people whose lives have been changed by their adopted pets."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Teacher",              date: "Date: 15 November 2024",              title: "Luna brought so much joy to our family",              quote: "We adopted Luna three years ago and she has been the most wonderful addition to our family. The staff at PawsHome made the entire process so smooth and supportive. Luna is now our beloved family member and we couldn't imagine life without her.",              tag: "Dog Adoption",              avatarSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Family with their adopted dog"
            },
            {
              id: "2",              name: "Marcus Johnson, Tech Professional",              date: "Date: 08 October 2024",              title: "Whiskers is the perfect companion",              quote: "As someone living alone, Whiskers has been wonderful company. The adoption team helped me find the perfect cat match, and the post-adoption support has been incredible. I highly recommend PawsHome to anyone looking to adopt.",              tag: "Cat Adoption",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285636.jpg",              imageAlt: "Cat owner with their kitten"
            },
            {
              id: "3",              name: "Jennifer Lee, Volunteer",              date: "Date: 22 September 2024",              title: "The best community initiative",              quote: "I've been volunteering at PawsHome for two years and I'm amazed by the dedication of the team. Watching animals transform from rescue to their forever homes is incredibly rewarding. If you want to make a difference, consider volunteering or adopting.",              tag: "Volunteer",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/cousins-spending-time-together-home-with-pet-dog_23-2150167127.jpg",              imageAlt: "Volunteer with rescued animals"
            },
            {
              id: "4",              name: "David Chen, Retired",              date: "Date: 05 August 2024",              title: "A new chapter with Pepper",              quote: "Retirement felt lonely until we adopted Pepper, our rabbit. The shelter staff provided excellent guidance on rabbit care and they genuinely care about successful matches. Pepper has brought new life and purpose to our daily routine.",              tag: "Rabbit Adoption",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/happy-parents-their-daughters-enjoying-home-having-fun-with-their-dog_637285-2878.jpg",              imageAlt: "Senior adopting a rabbit"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about adoption and our services."
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "Our adoption process includes an application, meet-and-greet with the animal, home visit (if applicable), and finalization. The entire process typically takes 1-2 weeks to ensure the best match for your family and the pet."
            },
            {
              id: "2",              title: "What are your adoption fees?",              content: "Adoption fees vary by species and age. Dogs typically range from $100-$200, cats $50-$100, and small animals $25-$75. These fees cover medical care, vaccinations, and microchipping."
            },
            {
              id: "3",              title: "Do you offer post-adoption support?",              content: "Yes! We provide lifetime support including training advice, behavioral consultations, and veterinary referrals. We also host adoption events and community gatherings for adoptive families."
            },
            {
              id: "4",              title: "Can I volunteer at PawsHome?",              content: "Absolutely! We welcome volunteers of all ages and experience levels. Tasks include animal care, event support, administrative work, and fostering. Email us for more information about volunteer opportunities."
            },
            {
              id: "5",              title: "How can I donate?",              content: "You can donate online through our website, by mail, or by setting up a monthly recurring donation. We also accept donations of supplies, toys, and pet food. Every contribution helps us care for more animals."
            },
            {
              id: "6",              title: "Do you accept animals for surrender?",              content: "Yes, we can accept animals in need of rehoming. Please contact us first to discuss the animal's situation. We work to find the best solutions, including adoption or transfer to appropriate facilities."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Involved"
          title="Stay Connected with PawsHome"
          description="Subscribe to our newsletter for adoption updates, success stories, and ways you can help us rescue and care for animals in need."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="PawsHome"
          copyrightText="© 2025 PawsHome. All rights reserved. Dedicated to animal rescue and adoption."
          columns={[
            {
              title: "Services",              items: [
                { label: "Adoption", href: "adopt" },
                { label: "Veterinary Care", href: "services" },
                { label: "Training Programs", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Impact", href: "metrics" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Donate", href: "contact" },
                { label: "Volunteer", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}