"use client";

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Home, Award, TrendingUp, Facebook, Instagram, Twitter } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="large"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PawsHome"
          navItems={[
            { name: "About", id: "about" },
            { name: "Pets", id: "products" },
            { name: "How It Works", id: "feature" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Adopt Now", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="PawsHome"
          description="Find your perfect companion. Every animal deserves a loving home. Browse adoptable pets and start your adoption journey today."
          buttons={[
            { text: "Browse Pets", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg"
          imageAlt="Happy dog ready for adoption"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Mission"
          tagIcon={Heart}
          title="Connecting Loving Homes with Wonderful Pets"
          description="PawsHome is dedicated to rescuing, caring for, and rehoming animals in need. Our compassionate team works tirelessly to ensure every pet receives proper care, veterinary attention, and socialization before finding their forever family."
          metrics={[
            { value: "500+", title: "Pets Adopted" },
            { value: "98%", title: "Happy Families" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="PawsHome shelter caring for animals"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Meet Our Adoptable Friends"
          description="Browse our available pets seeking their forever homes. Each profile includes age, personality, and care requirements."
          products={[
            {
              id: "1",              brand: "PawsHome",              name: "Golden Retriever",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "142",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-adorable-dog-shelter_23-2148682978.jpg",              imageAlt: "Golden Retriever puppy"
            },
            {
              id: "2",              brand: "PawsHome",              name: "Tabby Cat",              price: "Adoption Fee: $50",              rating: 5,
              reviewCount: "89",              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-guys-playing-with-their-dog-backyard-grass-cheerful-old-dog_158595-6547.jpg",              imageAlt: "Playful tabby kitten"
            },
            {
              id: "3",              brand: "PawsHome",              name: "Holland Lop Rabbit",              price: "Adoption Fee: $75",              rating: 4,
              reviewCount: "56",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Cute white rabbit"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureProcessSteps
          tag="How It Works"
          title="Simple Steps to Find Your Perfect Pet"
          description="Our adoption process is designed to ensure the best match between pets and families. Follow these steps to bring home your new companion."
          steps={[
            {
              number: "01",              title: "Browse Our Pets",              tag: "Explore",              description: "Visit our website to view available animals with detailed profiles including photos, age, temperament, and special needs."
            },
            {
              number: "02",              title: "Meet & Greet",              tag: "Connect",              description: "Schedule a visit to meet your favorite pet in person. Our staff will help you understand their personality and care requirements."
            },
            {
              number: "03",              title: "Complete Application",              tag: "Review",              description: "Fill out our adoption application to ensure a good fit. We verify references and home compatibility for every adoption."
            },
            {
              number: "04",              title: "Welcome Home",              tag: "Celebrate",              description: "After approval, take your new pet home! We provide ongoing support and resources for a successful transition."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Start Adoption", href: "#contact" }]}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardOne
          title="Our Impact"
          description="Making a difference in the lives of animals and families every day."
          metrics={[
            {
              id: "1",              value: "2,450",              title: "Animals Rescued",              description: "Pets given a second chance at life",              icon: Heart
            },
            {
              id: "2",              value: "1,850",              title: "Successful Adoptions",              description: "Families united with their companions",              icon: Home
            },
            {
              id: "3",              value: "15",              title: "Years of Service",              description: "Dedicated to animal welfare and care",              icon: Award
            },
            {
              id: "4",              value: "99%",              title: "Adoption Success",              description: "Long-term happy placements",              icon: TrendingUp
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="Stories from Our Families"
          description="Hear how adoption has transformed the lives of pets and the families who love them."
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahlovesmax",              testimonial: "Max came into our lives as a shy shelter dog. Today, he's the most loving family member. Adoption was the best decision we ever made!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-family-autumn_329181-7440.jpg",              imageAlt: "Sarah with her dog Max"
            },
            {
              id: "2",              name: "Michael Chen",              handle: "@mikepetsluver",              testimonial: "The team at PawsHome was so helpful in finding Luna. She's brought so much joy and warmth to our home. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg",              imageAlt: "Michael with cat Luna"
            },
            {
              id: "3",              name: "Emma Rodriguez",              handle: "@emmyandmilo",              testimonial: "From day one, the staff made sure Milo was the right fit for our family. He's thriving and we couldn't imagine life without him.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Emma with rabbit Milo"
            },
            {
              id: "4",              name: "David & Lisa Park",              handle: "@parkfamily2024",              testimonial: "Our kids learned so much about responsibility and compassion. Our rescue puppy Buddy is perfect for our family!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-husband-wife-play-with-dog-man-striped-shirt-hugs-labrador-with-tenderness_197531-13723.jpg",              imageAlt: "Park family with puppy Buddy"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about pet adoption and our services."
          faqs={[
            {
              id: "1",              title: "What is the adoption fee?",              content: "Adoption fees vary by animal type and age, typically ranging from $50-$200. Fees help cover veterinary care, vaccinations, and shelter operations."
            },
            {
              id: "2",              title: "Do adopted pets come with medical records?",              content: "Yes! All adopted pets have been spayed/neutered, vaccinated, and microchipped. You'll receive complete medical records and care instructions."
            },
            {
              id: "3",              title: "Can I return a pet if adoption doesn't work out?",              content: "We have a 30-day adjustment period. If there are issues, we'll work with you to resolve them or provide a full refund."
            },
            {
              id: "4",              title: "Do you adopt to renters?",              content: "Yes, we work with renters. We only require written permission from your landlord regarding pet ownership."
            },
            {
              id: "5",              title: "What age animals are available?",              content: "We have animals of all ages, from young puppies and kittens to senior pets. Senior animals make wonderful companions!"
            },
            {
              id: "6",              title: "How long does the adoption process take?",              content: "Typically 1-2 weeks from application submission. This includes processing time, references check, and final approval."
            }
          ]}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Adopt?"
          tagIcon={Heart}
          title="Start Your Adoption Journey Today"
          description="Contact us to learn more about available pets, schedule a visit, or begin the adoption process. Our friendly team is here to help!"
          buttons={[
            { text: "Contact Us", href: "mailto:adopt@pawshome.org" },
            { text: "Browse Pets", href: "#products" }
          ]}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="PawsHome"
          copyrightText="© 2025 PawsHome Animal Shelter. Dedicated to animal welfare and adoption."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/pawshome", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/pawshome", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/pawshome", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}