"use client"

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Shield, Users, Book, Handshake, Mail } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="radialGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="PawsHaven"
          button={{
            text: "Adopt Now",            href: "#available-pets"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Find Your Perfect Furry Friend"
          description="Every animal deserves a loving home. Browse our available pets, learn about adoption, and become part of our rescue community today."
          tag="Save a Life Through Adoption"
          tagIcon={Heart}
          kpis={[
            {
              value: "500+",              label: "Successful Adoptions"
            },
            {
              value: "150+",              label: "Animals in Care"
            },
            {
              value: "200+",              label: "Active Volunteers"
            }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
          imageAlt="Happy animals at pet shelter"
          imagePosition="right"
          buttons={[
            {
              text: "Meet Our Pets",              href: "#available-pets"
            },
            {
              text: "Donate Today",              href: "#get-involved"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About PawsHaven Shelter"
          description="We are dedicated to rescuing abandoned animals, providing essential care, and finding them loving forever homes. Our mission is to transform lives—both human and animal."
          tag="Our Mission"
          tagIcon={Shield}
          bulletPoints={[
            {
              title: "Rescue & Care",              description: "We rescue animals in need and provide comprehensive medical care, nutrition, and rehabilitation.",              icon: Heart
            },
            {
              title: "Adoption Services",              description: "Our expert team matches families with perfect companions through thorough screening and support.",              icon: Users
            },
            {
              title: "Community Education",              description: "We teach responsible pet ownership and animal welfare awareness to our community.",              icon: Book
            },
            {
              title: "Volunteer Driven",              description: "Passionate volunteers dedicate their time to provide love and care for our animals daily.",              icon: Handshake
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="PawsHaven shelter team caring for animals"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Learn More",              href: "#about"
            }
          ]}
        />
      </div>

      <div id="available-pets" data-section="available-pets">
        <ProductCardThree
          title="Meet Our Available Pets"
          description="Browse our wonderful animals ready for adoption. Each profile includes detailed information to help you find your perfect match."
          products={[
            {
              id: "1",              name: "Max - Golden Retriever",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-adorable-husky-puppy-black-scene_181624-48011.jpg",              imageAlt: "Max the Golden Retriever",              initialQuantity: 1
            },
            {
              id: "2",              name: "Luna - Tabby Cat",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/labrador-retriever_95678-47.jpg",              imageAlt: "Luna the Tabby Cat",              initialQuantity: 1
            },
            {
              id: "3",              name: "Pepper - Holland Lop Rabbit",              price: "Adopt",              imageSrc: "https://img.b2bpic.net/free-photo/cute-puppy-garden_181624-36640.jpg",              imageAlt: "Pepper the Holland Lop Rabbit",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Ready for Adoption"
          buttons={[
            {
              text: "View All Pets",              href: "#available-pets"
            }
          ]}
        />
      </div>

      <div id="why-adopt" data-section="why-adopt">
        <FeatureCardMedia
          title="Why Choose Adoption"
          description="Adopting from a shelter offers countless benefits for you and the animals. Discover why adoption is the best choice."
          features={[
            {
              id: "1",              title: "Save a Life",              description: "Your adoption directly saves a life and opens shelter space for another animal in need.",              tag: "Impact",              imageSrc: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Happy family with adopted pet"
            },
            {
              id: "2",              title: "Health & Wellness",              description: "All our animals receive complete veterinary care, vaccinations, and health checks before adoption.",              tag: "Care",              imageSrc: "https://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285636.jpg",              imageAlt: "Veterinary care for animals"
            },
            {
              id: "3",              title: "Community Support",              description: "Join thousands of adopters in our community and access ongoing support and resources.",              tag: "Community",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Pet adoption community"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Start Adoption Process",              href: "#get-involved"
            }
          ]}
        />
      </div>

      <div id="success-stories" data-section="success-stories">
        <TestimonialCardFifteen
          testimonial="Adopting from PawsHaven changed our lives. Max fit perfectly into our family, and the support team made everything easy. We couldn't imagine our home without him now!"
          rating={5}
          author="Sarah & Tom - Max's Parents"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              alt: "Sarah with adopted dog"
            },
            {
              src: "https://img.b2bpic.net/free-photo/cute-little-dog-with-owners-pet-shop_23-2148872591.jpg",              alt: "Person with adopted cat"
            },
            {
              src: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              alt: "Family with adopted pet"
            },
            {
              src: "https://img.b2bpic.net/free-photo/mother-with-kids-dog-autumn-park_1303-17173.jpg",              alt: "Couple with adopted dog"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="get-involved" data-section="get-involved">
        <MetricCardEleven
          title="Get Involved & Support Us"
          description="There are many ways to help our animals. Whether volunteering, donating, or fostering, your contribution makes a real difference."
          metrics={[
            {
              id: "1",              value: "Volunteer",              title: "Help Care for Animals",              description: "Join our team and spend time with our wonderful animals daily",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg",              imageAlt: "Volunteers caring for shelter animals"
            },
            {
              id: "2",              value: "Donate",              title: "Support Our Mission",              description: "Your contributions fund food, medical care, and shelter operations",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg",              imageAlt: "Donated supplies for animals"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Learn How to Help",              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get Updates & Stories"
          description="Subscribe to our newsletter for updates on new arrivals, adoption stories, and ways you can help."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
          imageAlt="Happy animals at PawsHaven"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="PawsHaven"
        />
      </div>
    </ThemeProvider>
  );
}