"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Heart, Home, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PawsAdopt"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Animals", id: "animals" },
            { name: "Adopt", id: "adopt" },
            { name: "Stories", id: "testimonials" }
          ]}
          button={{ text: "Donate Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Find Your Perfect Furry Friend"
          description="Discover adoptable pets in need of loving homes. Every animal deserves a second chance."
          background={{ variant: "downward-rays-static" }}
          avatars={[{
            src: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",            alt: "Happy pets ready for adoption"
          }]}
          avatarText="Trusted by hundreds of happy families"
          buttons={[
            { text: "Browse Adoptable Pets", href: "animals" },
            { text: "Learn About Adoption", href: "adopt" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          tag="Our Mission"
          title="Saving Lives, Creating Families"
          description="PawsAdopt Shelter has been rescuing and rehoming animals since 2010. We provide medical care, behavioral support, and love to every animal in our care, ensuring they're ready for their forever homes."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
          imageAlt="Our shelter team caring for animals"
          bulletPoints={[
            {
              title: "Expert Care",              description: "Veterinary care and behavioral training for all animals",              icon: Heart
            },
            {
              title: "Safe Haven",              description: "No-kill facility providing safe, comfortable space",              icon: Home
            },
            {
              title: "Community Support",              description: "Active volunteers and community partnerships",              icon: Users
            }
          ]}
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
        />
      </div>

      <div id="animals" data-section="animals">
        <ProductCardFour
          title="Meet Our Animals"
          description="Explore our available pets and find your perfect match"
          tag="Available for Adoption"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Max",              price: "Adoption Fee: $75",              variant: "Golden Retriever · 3 years old",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-women-kissing-dog_23-2148977445.jpg",              imageAlt: "Max the friendly dog"
            },
            {
              id: "2",              name: "Whiskers",              price: "Adoption Fee: $50",              variant: "Orange Tabby · 2 years old",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg",              imageAlt: "Whiskers the playful cat"
            },
            {
              id: "3",              name: "Hoppy",              price: "Adoption Fee: $30",              variant: "Holland Lop Rabbit · 1 year old",              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-cure-rescue-dogs-shelter_23-2148682967.jpg",              imageAlt: "Hoppy the cute rabbit"
            }
          ]}
        />
      </div>

      <div id="adopt" data-section="adopt" className="bg-gradient-to-b from-primary-cta/5 to-transparent">
        <FeatureProcessSteps
          tag="Get Started"
          title="The Adoption Process"
          description="We make adoption simple and straightforward. Follow these easy steps to welcome your new family member home."
          useInvertedBackground="invertDefault"
          steps={[
            {
              number: "01",              title: "Browse Our Pets",              tag: "Step 1",              description: "Visit our website or shelter to meet available animals and find one that matches your lifestyle."
            },
            {
              number: "02",              title: "Submit Application",              tag: "Step 2",              description: "Complete a quick adoption application to ensure the best match for you and the pet."
            },
            {
              number: "03",              title: "Home Visit",              tag: "Step 3",              description: "Our team visits your home to ensure it's safe and welcoming for your new companion."
            },
            {
              number: "04",              title: "Finalize Adoption",              tag: "Step 4",              description: "Complete paperwork, pay adoption fee, and take your new friend home!"
            }
          ]}
          buttons={[
            { text: "Start Application", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Our Impact"
          description="See the difference we're making in animal lives"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Animals Rescued",              subtitle: "Since 2010",              category: "Rescues",              value: "2,450+"
            },
            {
              id: "2",              title: "Successful Adoptions",              subtitle: "Finding forever homes",              category: "Adoptions",              value: "2,180+"
            },
            {
              id: "3",              title: "Medical Treatments",              subtitle: "Surgeries and care provided",              category: "Healthcare",              value: "1,890+"
            },
            {
              id: "4",              title: "Community Members",              subtitle: "Active volunteers and supporters",              category: "Community",              value: "480+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Success Stories"
          description="Hear from families who found their perfect match"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          showRating={true}
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              handle: "Sarah J.",              testimonial: "We adopted Max three years ago and he's completely transformed our family. He's loving, playful, and brings so much joy to our home. PawsAdopt made the process so easy!",              rating: 5,
              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",              name: "Michael Chen",              handle: "Michael C.",              testimonial: "The team at PawsAdopt was incredibly supportive throughout our adoption journey. Whiskers is now our best friend, and we couldn't imagine life without her.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/elderly-people-with-cat-pet_23-2150285636.jpg",              imageAlt: "Person with adopted cat"
            },
            {
              id: "3",              name: "Emily Rodriguez",              handle: "Emily R.",              testimonial: "My daughter fell in love with Hoppy the moment we met. The shelter staff was so helpful, and our bunny has brought endless laughter to our household.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Child playing with adopted pet"
            },
            {
              id: "4",              name: "David & Lisa Park",              handle: "The Parks",              testimonial: "As first-time pet adopters, we were nervous, but PawsAdopt guided us every step of the way. Our new puppy is a dream come true, and we're grateful for this wonderful organization.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Couple with adopted puppy"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Have questions about adoption or our shelter? We're here to help."
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What animals do you have available for adoption?",              content: "We have dogs, cats, rabbits, and other small animals. Visit our website or call us to see our current available pets. Our inventory changes frequently as animals find their forever homes."
            },
            {
              id: "2",              title: "What are your adoption fees?",              content: "Adoption fees vary by animal type and age. Dogs typically cost $50-$100, cats $30-$75, and small animals $20-$50. These fees help cover medical care, food, and shelter operations."
            },
            {
              id: "3",              title: "Do adopted animals come with medical records?",              content: "Yes! All adopted animals are spayed/neutered, vaccinated, and microchipped. You'll receive complete medical records and a health guarantee."
            },
            {
              id: "4",              title: "Can I volunteer at the shelter?",              content: "Absolutely! We welcome volunteers for animal care, events, and administrative work. Visit our website or contact us to learn about volunteer opportunities."
            },
            {
              id: "5",              title: "What if my adopted pet doesn't work out?",              content: "We want successful placements! If issues arise, contact us immediately. We'll help troubleshoot or, as a last resort, take the animal back with no questions asked."
            },
            {
              id: "6",              title: "Do you offer post-adoption support?",              content: "Yes! We provide ongoing support including training tips, behavioral advice, and veterinary referrals to ensure your adoption is successful."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to make a difference? Whether you want to adopt, donate, or volunteer, we'd love to hear from you. Join us in giving animals a second chance at happiness."
          animationType="entrance-slide"
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Start Your Adoption Journey", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="PawsAdopt"
          columns={[
            {
              title: "About",              items: [
                { label: "Our Mission", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Success Stories", href: "#testimonials" }
              ]
            },
            {
              title: "Adoption",              items: [
                { label: "Browse Pets", href: "#animals" },
                { label: "Adoption Process", href: "#adopt" },
                { label: "FAQ", href: "#faq" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Volunteer", href: "#" },
                { label: "Donate", href: "#contact" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 PawsAdopt Shelter. All rights reserved. Saving lives, one pet at a time."
        />
      </div>
    </ThemeProvider>
  );
}