"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Heart, Home, Users, Handshake, PawPrint } from "lucide-react";

export default function PawsHomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PawsHome"
          navItems={[
            { name: "About", id: "about" },
            { name: "Featured Pets", id: "featured" },
            { name: "Impact", id: "impact" },
            { name: "Stories", id: "stories" },
            { name: "FAQ", id: "faq" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Adopt Today",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Find Your Perfect Companion"
          description="Every pet deserves a loving home. Browse our adoptable animals and discover the joy of giving a rescued pet a second chance at happiness."
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg"
          imageAlt="Happy dogs and cats ready for adoption"
          frameStyle="card"
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="About PawsHome Shelter"
          description="Founded in 2010, PawsHome has been dedicated to rescuing, rehabilitating, and rehoming abandoned and neglected animals. Our passionate team works tirelessly to provide medical care, behavioral training, and loving support to every animal in our care."
          tag="Our Mission"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
          imageAlt="Dedicated shelter staff caring for animals"
          buttons={[
            { text: "Learn More", href: "#about" },
            { text: "Support Us", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="featured" data-section="featured">
        <ProductCardThree
          title="Featured Pets Awaiting Adoption"
          description="Meet some of our wonderful animals looking for their forever homes. Each one has been carefully evaluated and is ready to become part of your family."
          tag="Available Now"
          products={[
            {
              id: "max",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-dog-shelter_23-2148682979.jpg",              imageAlt: "Max, friendly golden retriever"
            },
            {
              id: "luna",              name: "Luna - Tabby Cat",              price: "Adoption Fee: $75",              imageSrc: "https://img.b2bpic.net/free-photo/happy-woman-holding-her-labrador_23-2148345932.jpg",              imageAlt: "Luna, affectionate tabby cat"
            },
            {
              id: "fuzzy",              name: "Fuzzy - Rabbit",              price: "Adoption Fee: $50",              imageSrc: "https://img.b2bpic.net/free-photo/direct-look-into-face-duck-tolling-retriever-dog_493961-1048.jpg",              imageAlt: "Fuzzy, adorable rabbit"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="impact" data-section="impact">
        <MetricCardOne
          title="Our Impact"
          description="Every year, we work toward our goal of helping more animals find their forever homes and building a community of compassionate pet lovers."
          metrics={[
            {
              id: "1",              value: "2,847",              title: "Animals Rescued",              description: "Pets given a second chance this year",              icon: Heart
            },
            {
              id: "2",              value: "92%",              title: "Adoption Rate",              description: "Successful placements in loving homes",              icon: Home
            },
            {
              id: "3",              value: "15,000+",              title: "Community Members",              description: "Supporters and volunteers worldwide",              icon: Users
            },
            {
              id: "4",              value: "1,200+",              title: "Volunteers",              description: "Dedicated hands making a difference",              icon: Handshake
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="stories" data-section="stories">
        <TestimonialCardTen
          title="Success Stories"
          description="Read heartwarming adoption stories from families who found their perfect companions through PawsHome. These stories inspire us to continue our mission."
          testimonials={[
            {
              id: "1",              title: "From Shelter to Home: Max's Journey",              quote: "When we first met Max at the shelter, he was shy and scared. Now, three years later, he's the most loving, adventurous companion we could have asked for. He's truly part of our family.",              name: "Sarah & James",              role: "Max's Family",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Happy family with adopted dog"
            },
            {
              id: "2",              title: "Luna Changed Everything",              quote: "After losing my husband, Luna came into my life at just the right moment. She brings so much comfort and joy. PawsHome didn't just help me adopt a cat—they helped heal my heart.",              name: "Margaret",              role: "Luna's Mom",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Senior woman with adopted cat"
            },
            {
              id: "3",              title: "A Friend for Life",              quote: "My kids begged for a dog, and we were worried about rescue animals. The team at PawsHome was incredibly supportive and helped us find the perfect match. Our kids learned compassion and responsibility.",              name: "Michael & Family",              role: "Dog Parents",              imageSrc: "https://img.b2bpic.net/free-photo/happy-parents-their-daughters-enjoying-home-having-fun-with-their-dog_637285-2878.jpg",              imageAlt: "Children playing with adopted dog"
            },
            {
              id: "4",              title: "Second Chances Are Real",              quote: "We adopted Buddy thinking he'd need months of rehabilitation. Instead, he adapted immediately and brought laughter back into our home after a difficult year. Thank you, PawsHome.",              name: "Emily & David",              role: "Buddy's Parents",              imageSrc: "https://img.b2bpic.net/free-photo/happy-boy-posing-park-with-dog-parents_23-2148647786.jpg",              imageAlt: "Couple with rescue dog"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Have questions about adoption, volunteering, or our services? Find answers to common questions below."
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "Our adoption process is designed to ensure the best match between pets and families. It includes: (1) Browsing our available animals, (2) Meeting your potential pet, (3) Completing an application, (4) Reference check, (5) Home visit if needed, and (6) Finalization. The entire process typically takes 1-2 weeks."
            },
            {
              id: "2",              title: "Are there adoption fees?",              content: "Yes, adoption fees vary by animal type and age. Dogs typically range from $100-$250, cats from $50-$150, and other animals from $25-$100. These fees help cover medical care, vaccinations, microchipping, and shelter operations."
            },
            {
              id: "3",              title: "Can I return an adopted pet?",              content: "Yes, we have a 30-day return policy if the adoption isn't working out. We want to ensure every match is successful. Our team will work with you to either help with the adjustment or find a better match."
            },
            {
              id: "4",              title: "Do you offer post-adoption support?",              content: "Absolutely! We provide free behavioral consultation, training tips, and medical referrals for the first year after adoption. We're here to support you through the entire journey."
            },
            {
              id: "5",              title: "How can I volunteer?",              content: "We welcome volunteers! Opportunities include: animal care, dog walking, cat socialization, administrative support, event coordination, and foster programs. Visit our volunteer page or call us to learn more about available positions."
            },
            {
              id: "6",              title: "What animals do you have available?",              content: "We typically rescue and care for dogs, cats, rabbits, and occasionally other small animals. Our inventory changes regularly. Check our website or visit us in person to see our current available animals."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Involved"
          title="Ready to Make a Difference?"
          description="Join our community of animal lovers. Subscribe to updates about available pets, adoption events, and ways you can help support our mission to save lives."
          tagIcon={PawPrint}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about adoptable pets and shelter news. We respect your privacy and will never share your information."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="PawsHome"
          columns={[
            {
              items: [
                { label: "Adopt", href: "featured" },
                { label: "Volunteer", href: "impact" },
                { label: "Donate", href: "contact" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Success Stories", href: "stories" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Support", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sitemap", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}