"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Heart, CheckCircle, Sparkles, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Happy Paws Shelter"
          navItems={[
            { name: "About", id: "about" },
            { name: "Adopt", id: "pets" },
            { name: "Process", id: "process" },
            { name: "Impact", id: "impact" }
          ]}
          button={{
            text: "Adopt Now",            href: "#pets"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Find Your Perfect Companion"
          description="Welcome to Happy Paws Shelter. Discover loving pets waiting for their forever homes and become part of their success story."
          background={{ variant: "radial-gradient" }}
          tag="Animal Rescue"
          tagIcon={Heart}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-cocker-spaniel-puppy-with-long-ears-sitting-white-surface_181624-44414.jpg",              imageAlt: "Adorable puppy ready for adoption"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-laying-dog_181624-61852.jpg",              imageAlt: "Cute kitten playing and happy"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-cute-kromfohrlander-puppy-sitting-fresh-grass_181624-19827.jpg",              imageAlt: "Fluffy bunny looking adorable"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-black-dachshund-puppy_342744-897.jpg",              imageAlt: "Happy dog wagging tail"
            }
          ]}
          buttons={[
            { text: "View Available Pets", href: "#pets" },
            { text: "Learn About Adoption", href: "#process" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Mission & Values"
          description="At Happy Paws Shelter, we're dedicated to rescuing and caring for animals in need."
          tabs={[
            {
              id: "mission",              label: "Our Mission",              description: "We rescue abandoned and neglected animals, provide them with quality medical care, rehabilitation, and find them loving forever homes. Every animal deserves a second chance at happiness."
            },
            {
              id: "values",              label: "Our Values",              description: "Compassion, transparency, and dedication drive everything we do. We believe in treating every animal with dignity and finding the perfect match between pets and families."
            },
            {
              id: "impact",              label: "Our Impact",              description: "Since our founding, we've successfully rehomed over 5,000 animals. Our no-kill shelter ensures every creature receives care until they find their perfect home."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg"
          imageAlt="Happy Paws Shelter facility with animals"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pets" data-section="pets">
        <ProductCardThree
          title="Meet Our Adorable Pets"
          description="Browse through our wonderful animals waiting for adoption. Each pet is fully vaccinated, microchipped, and ready for their forever home."
          tag="Available Now"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-black-dachshund-puppy_342744-525.jpg",              imageAlt: "Golden Retriever waiting for adoption"
            },
            {
              id: "2",              name: "Whiskers - Orange Tabby",              price: "Adoption Fee: $75",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-adorable-white-puppy-blurred-background_181624-15998.jpg",              imageAlt: "Orange tabby cat ready for home"
            },
            {
              id: "3",              name: "Buddy - Beagle Puppy",              price: "Adoption Fee: $175",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-beagle-puppy-outdoors_181624-61338.jpg",              imageAlt: "Adorable beagle puppy"
            },
            {
              id: "4",              name: "Luna - Siamese Cat",              price: "Adoption Fee: $80",              imageSrc: "https://img.b2bpic.net/free-photo/cute-puppy-garden_181624-36640.jpg",              imageAlt: "Beautiful siamese cat"
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="process" data-section="process">
        <FeatureCardNineteen
          title="Adoption Process"
          description="Our streamlined adoption process ensures you find the perfect match. Here's how to give a pet their forever home."
          tag="How It Works"
          tagIcon={CheckCircle}
          features={[
            {
              id: 1,
              tag: "Step One",              title: "Application",              subtitle: "Complete our adoption form",              description: "Fill out our simple adoption application to tell us about your lifestyle, family, and what you're looking for in a pet. This helps us make the perfect match.",              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-female-entrepreneur-analyzing-business-reports-while-working-paperwork-office_637285-121.jpg",              imageAlt: "Application form for adoption"
            },
            {
              id: 2,
              tag: "Step Two",              title: "Meet & Greet",              subtitle: "Spend time with your potential pet",              description: "Visit our shelter to meet the animals you're interested in. Spend quality time getting to know them and see if it's the right fit.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-doctor-using-laptop-clipboard_1232-385.jpg",              imageAlt: "Meeting with animals at shelter"
            },
            {
              id: 3,
              tag: "Step Three",              title: "Home Visit",              subtitle: "We ensure a safe environment",              description: "Our team may visit your home to ensure it's a safe and welcoming environment for your new pet. This is part of our commitment to the animals' wellbeing.",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-presenting-clipboard_23-2147986505.jpg",              imageAlt: "Home preparation for pet"
            },
            {
              id: 4,
              tag: "Step Four",              title: "Welcome Home",              subtitle: "Finalize adoption and celebrate",              description: "Complete the adoption paperwork, pay the adoption fee, and take your new companion home. We'll provide care tips and ongoing support.",              imageSrc: "https://img.b2bpic.net/free-vector/colorful-list-collection-with-flat-design_23-2147940778.jpg",              imageAlt: "Happy family with adopted pet"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="stories" data-section="stories">
        <TestimonialCardFifteen
          testimonial="Adopting Max from Happy Paws Shelter was the best decision we ever made. The staff was so helpful and caring throughout the entire process. Max has brought so much joy and love to our family. We couldn't imagine life without him now!"
          rating={5}
          author="Sarah Johnson, Dog Parent"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              alt: "Happy family with adopted dog"
            },
            {
              src: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg",              alt: "Person with adopted cat"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-parents-their-daughters-enjoying-home-having-fun-with-their-dog_637285-2878.jpg",              alt: "Child playing with adopted dog"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-couple-with-their-dog-garden_23-2147902068.jpg",              alt: "Couple with adopted pet"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="impact" data-section="impact">
        <MetricCardEleven
          title="Our Impact"
          description="Happy Paws Shelter has made a real difference in the lives of countless animals and families."
          tag="Results"
          metrics={[
            {
              id: "1",              value: "5,000+",              title: "Animals Rehomed",              description: "Successful adoptions since our founding",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-black-dachshund-puppy_342744-525.jpg",              imageAlt: "Happy adopted dog with family"
            },
            {
              id: "2",              value: "100%",              title: "No-Kill Shelter",              description: "Every animal receives care until adoption",              imageSrc: "https://img.b2bpic.net/free-photo/dogs-locked-up-victims-animal-abuse-abuse_181624-57149.jpg",              imageAlt: "Shelter facility with care animals"
            },
            {
              id: "3",              value: "24/7",              title: "Emergency Care",              description: "Medical support for all rescued animals",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-presenting-clipboard_23-2147986505.jpg",              imageAlt: "Veterinary care at shelter"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about pet adoption and our shelter services."
          tag="Help"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What is the adoption fee?",              content: "Adoption fees vary by animal type and age. Dogs typically range from $100-$200, cats from $50-$100, and small animals from $20-$50. These fees cover vaccinations, microchipping, and medical care."
            },
            {
              id: "2",              title: "What's included in the adoption?",              content: "All adopted animals are fully vaccinated, microchipped, and have received necessary medical care. We provide a care guide, collar/leash, and initial food. Follow-up support is available anytime."
            },
            {
              id: "3",              title: "Can I return my pet if it doesn't work out?",              content: "Yes, we offer a 30-day adjustment period. If the adoption isn't working out, you can return the pet with no additional questions. However, we're committed to finding the right match."
            },
            {
              id: "4",              title: "Do you accept senior or special needs pets?",              content: "Absolutely! We specialize in finding homes for senior and special needs animals. These wonderful companions often make the best pets and have so much love to give."
            },
            {
              id: "5",              title: "How often can I visit before adopting?",              content: "You're welcome to visit anytime during our operating hours. Spending time with animals helps you make the best decision. We're open Tuesday-Sunday, 10am-6pm."
            },
            {
              id: "6",              title: "Do you help with pet training after adoption?",              content: "Yes! We offer free behavioral consultations and training tips for the first 90 days after adoption. We also have partnerships with local trainers for additional support."
            }
          ]}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          tagIcon={Mail}
          title="Stay Updated with Our Stories"
          description="Subscribe to our newsletter and receive monthly updates about adoptable animals, success stories, and special events at Happy Paws Shelter."
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime from email preferences."
          useInvertedBackground="invertDefault"
        />
      </div>

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