"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Home, Users, Smile, Package, Facebook, Instagram } from "lucide-react";

export default function PetShelterPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Adoptable Pets", id: "pets" },
            { name: "How to Adopt", id: "adopt" },
            { name: "Support Us", id: "support" }
          ]}
          brandName="Happy Paws Shelter"
          bottomLeftText="Rescue & Rehabilitation"
          bottomRightText="hello@happypawsshelter.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Happy Paws"
          description="Give a loving pet a second chance at happiness. Every animal deserves a caring home."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Browse Adoptable Pets", href: "#pets" },
            { text: "Donate to Support", href: "#support" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg"
          imageAlt="Smiling dogs and cats at the shelter"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Dedicated to rescuing" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg", alt: "Animal care volunteers" },
            { type: "text", content: "and caring for animals in need" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#about" },
            { text: "Visit Us", href: "#contact" }
          ]}
        />
      </div>

      <div id="pets" data-section="pets">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Max - Golden Labrador Mix",              price: "Adoption Fee: $150",              variant: "Adult, 4 years old",              imageSrc: "https://img.b2bpic.net/free-photo/cute-fluffy-english-cocker-spaniel-puppy-standing-wooden-white-surface_181624-44467.jpg",              imageAlt: "Golden Labrador Mix",              isFavorited: false
            },
            {
              id: "2",              name: "Luna - Orange Tabby Cat",              price: "Adoption Fee: $75",              variant: "Kitten, 6 months old",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-adorable-dog-laying-grassy-field_181624-6952.jpg",              imageAlt: "Orange Tabby Cat",              isFavorited: false
            },
            {
              id: "3",              name: "Charlie - Chocolate Labrador",              price: "Adoption Fee: $150",              variant: "Young Adult, 2 years old",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-dog-laying-grassy-field_181624-7278.jpg",              imageAlt: "Chocolate Labrador",              isFavorited: false
            },
            {
              id: "4",              name: "Fluffy - Holland Lop Rabbit",              price: "Adoption Fee: $50",              variant: "Adult, 3 years old",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-head-small-brown-dog-looking-camer_181624-33966.jpg",              imageAlt: "Holland Lop Rabbit",              isFavorited: false
            }
          ]}
          title="Meet Our Adoptable Pets"
          description="Each animal in our care has a unique personality and is ready for a loving home. Explore our current residents."
          tag="Available Now"
          tagIcon={Package}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Browse & Meet",              description: "Visit our website or shelter to meet available animals. Spend time getting to know their personalities and needs.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-dog-laying-grassy-field_181624-7278.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-adorable-dog-laying-grassy-field_181624-6952.jpg" }
            },
            {
              id: 2,
              title: "Application & Interview",              description: "Complete an adoption application to ensure the best match. Our team will discuss your lifestyle and home environment.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/cute-fluffy-english-cocker-spaniel-puppy-standing-wooden-white-surface_181624-44467.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-head-small-brown-dog-looking-camer_181624-33966.jpg" }
            }
          ]}
          showStepNumbers={true}
          title="How to Adopt"
          description="Follow our simple process to find your perfect companion"
          tag="Adoption Process"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          metrics={[
            {
              id: "1",              icon: Heart,
              title: "Animals Rescued",              value: "2,450+"
            },
            {
              id: "2",              icon: Home,
              title: "Adopted Homes",              value: "1,890+"
            },
            {
              id: "3",              icon: Users,
              title: "Active Volunteers",              value: "185+"
            },
            {
              id: "4",              icon: Smile,
              title: "Happy Stories",              value: "1,650+"
            }
          ]}
          title="Our Impact"
          description="Join us in making a difference for animals in need"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Happy Paws Shelter helped us find our perfect family member. The team was so caring and made sure we were the right fit for our new dog. Five years later, we can't imagine life without him!"
          rating={5}
          author="Sarah & Family"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg", alt: "Sarah and family" },
            { src: "https://img.b2bpic.net/free-photo/portrait-happy-family-with-little-daughter_171337-7180.jpg", alt: "Happy adoption" },
            { src: "https://img.b2bpic.net/free-photo/family-portrait-sofa_23-2147997499.jpg", alt: "Pet lover" },
            { src: "https://img.b2bpic.net/free-photo/portrait-happy-family-with-little-daughter_171337-7149.jpg", alt: "Family with dog" },
            { src: "https://img.b2bpic.net/free-photo/happy-family-lying-row_1098-1101.jpg", alt: "Woman with puppy" },
            { src: "https://img.b2bpic.net/free-photo/happy-family-park_53876-46887.jpg", alt: "Couple with cat" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to open your heart and home to a furry friend? Contact us today to start your adoption journey or learn how you can support our mission."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "mailto:hello@happypawsshelter.org" },
            { text: "Donate Today", href: "#support" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Happy Paws"
          copyrightText="© 2025 Happy Paws Animal Shelter. All animals deserve love and care."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/happypawsshelter", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/happypawsshelter", ariaLabel: "Instagram" },
            { icon: Heart, href: "https://donate.happypawsshelter.org", ariaLabel: "Donate" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}