"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart, TrendingUp, Star } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PawsAdopt"
          navItems={[
            { name: "About", id: "about" },
            { name: "Pets", id: "featured-pets" },
            { name: "Stories", id: "testimonials" },
            { name: "FAQ", id: "faq" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PAWS ADOPT"
          description="Give a loving pet a forever home. Discover your perfect companion at our trusted animal shelter."
          buttons={[
            { text: "Browse Pets", href: "featured-pets" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/newborn-little-fluffy-puppies-lie-resting-all-together_169016-12357.jpg",              imageAlt: "Happy dogs playing together"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/child-playing-with-his-dogs-while-outdoors-with-family_23-2148647817.jpg",              imageAlt: "Cute kittens in shelter care"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-dog-couch_23-2148977448.jpg",              imageAlt: "Family with adopted dog"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Our mission is to rescue, care for, and" },
            { type: "text", content: "find loving homes for animals in need" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Volunteer With Us", href: "contact" },
            { text: "Donate Today", href: "contact" }
          ]}
        />
      </div>

      <div id="featured-pets" data-section="featured-pets">
        <ProductCardOne
          title="Meet Our Pets"
          description="Each animal here is waiting for their forever family. Click to learn more about adoption."
          tag="Available Now"
          tagIcon={Heart}
          products={[
            {
              id: "pet-1",              name: "Max - Golden Retriever",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/children-boy-girl-playing-with-dog-coming-inside-house_1163-3955.jpg",              imageAlt: "Max, a friendly golden retriever"
            },
            {
              id: "pet-2",              name: "Luna - Tabby Cat",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg",              imageAlt: "Luna, a cute tabby kitten"
            },
            {
              id: "pet-3",              name: "Buddy - Rabbit",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-kid-dog-rural-life_23-2149382175.jpg",              imageAlt: "Buddy, an adorable rabbit"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Our Impact"
          description="Making a difference in animal welfare, one pet at a time."
          tag="Statistics"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "2,500+",              title: "Animals Rescued & Rehomed",              items: [
                "92% adoption success rate",                "Lifetime support to adopters",                "Comprehensive pet health care"
              ]
            },
            {
              id: "2",              value: "98%",              title: "Adopter Satisfaction Rate",              items: [
                "Happy families nationwide",                "Positive adoption experiences",                "Long-term relationship support"
              ]
            },
            {
              id: "3",              value: "15+",              title: "Years of Service",              items: [
                "Trusted rescue organization",                "Community-supported shelter",                "Award-winning care standards"
              ]
            },
            {
              id: "4",              value: "24/7",              title: "Animal Care Available",              items: [
                "Emergency medical services",                "Professional veterinary care",                "Behavioral rehabilitation"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Success Stories"
          description="Real stories from families who found their perfect pet companion."
          tag="Adoption Stories"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "@sarahjohnson",              testimonial: "Finding Max at the shelter changed our lives. He's brought so much joy and love to our family. The staff was incredibly supportive throughout the adoption process.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg",              imageAlt: "Sarah Johnson with adopted dog"
            },
            {
              id: "2",              name: "Emily Chen",              handle: "@emilychen",              testimonial: "Luna the kitten is the sweetest addition to our home. The shelter's thorough care and health checks gave us complete peace of mind. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",              imageAlt: "Emily Chen with adopted cat"
            },
            {
              id: "3",              name: "Michael Rodriguez",              handle: "@mrodriguez",              testimonial: "The adoption process was seamless and the team really cared about finding the right match. Buddy has been such a wonderful companion.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/our-family-is-priority-us_329181-8640.jpg",              imageAlt: "Michael Rodriguez with adopted pet"
            },
            {
              id: "4",              name: "James & Lisa Park",              handle: "@parkfamily",              testimonial: "Our kids have learned so much about responsibility and compassion through our adopted dog. The shelter staff provided amazing guidance and support.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-family-enjoying-outdoors_1098-1292.jpg",              imageAlt: "Park family with adopted dog"
            },
            {
              id: "5",              name: "Dorothy Williams",              handle: "@dorothy_w",              testimonial: "As a senior, I was worried about the adoption process, but the shelter staff made it so easy. My new best friend has given me purpose and daily joy.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/family-resting-home_1098-838.jpg",              imageAlt: "Dorothy Williams with adopted pet"
            },
            {
              id: "6",              name: "Alex Thompson",              handle: "@alexthompson",              testimonial: "Incredible experience from start to finish. The team's expertise and compassion for the animals really stands out. Would adopt again!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038364.jpg",              imageAlt: "Alex Thompson smiling"
            }
          ]}
          showRating={true}
          carouselMode="buttons"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about pet adoption and our shelter services."
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "Our adoption process is simple and straightforward. Visit our website to browse available pets, complete an adoption application, meet your potential companion, and finalize the paperwork. Our team is here to help every step of the way."
            },
            {
              id: "2",              title: "Are the animals vaccinated and microchipped?",              content: "Yes, all our animals receive comprehensive veterinary care including vaccinations, microchipping, and health screenings before adoption. We want to ensure your new pet is healthy and ready for their forever home."
            },
            {
              id: "3",              title: "Do you offer post-adoption support?",              content: "Absolutely! We provide lifetime support to all our adopters. If you have any questions or concerns after adoption, our team is available to help with behavioral guidance, health issues, or any other needs."
            },
            {
              id: "4",              title: "What if the adoption doesn't work out?",              content: "We understand that sometimes circumstances change. If an adoption doesn't work out, we welcome the pet back into our care at any time, no questions asked. Your pet's well-being is our priority."
            },
            {
              id: "5",              title: "How can I volunteer or donate?",              content: "We welcome volunteers and donations! Contact us to learn about volunteer opportunities or make a tax-deductible donation to support our rescue mission and animal care programs."
            },
            {
              id: "6",              title: "What adoption fee should I expect?",              content: "Adoption fees vary based on the animal and typically range from $50-$250. These fees cover vaccinations, microchipping, spaying/neutering, and veterinary care, helping us continue our rescue operations."
            }
          ]}
          textPosition="left"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to welcome a furry friend into your family? Our team is here to help you find your perfect match and answer any questions about adoption."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Adoption", href: "featured-pets" },
            { text: "Contact Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Organization",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Mission", href: "about" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Adoption",              items: [
                { label: "Browse Pets", href: "featured-pets" },
                { label: "Adoption Process", href: "faq" },
                { label: "Success Stories", href: "testimonials" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Volunteer", href: "contact" },
                { label: "Donate", href: "contact" },
                { label: "Sponsor a Pet", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" },
                { label: "Pet Care Tips", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 PawsAdopt Animal Shelter. All rights reserved."
          bottomRightText="Giving animals a second chance at happiness"
        />
      </div>
    </ThemeProvider>
  );
}