"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Users, Handshake, Clock, Phone, Sparkles, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Happy Paws"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Animals", id: "animals" },
            { name: "Adopt", id: "adoption" },
            { name: "Support", id: "support" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Adopt Now",            href: "#adoption"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="HAPPY PAWS SHELTER"
          description="Give a loving pet a second chance at happiness. Browse our available animals, learn about our adoption process, and become part of our rescue family today."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Adopt Now", href: "#animals" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/child-playing-with-his-dogs-while-outdoors-with-family_23-2148647817.jpg"
          imageAlt="Happy rescued animals at shelter"
          frameStyle="card"
        />
      </div>

      <div id="animals" data-section="animals">
        <ProductCardOne
          title="Meet Our Animals"
          description="Each animal in our shelter has a unique personality and deserves a loving home. Browse our available pets ready for adoption."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          products={[
            {
              id: "dog-1",              name: "Max",              price: "Friendly & Playful",              imageSrc: "https://img.b2bpic.net/free-photo/dog-sitting-near-girl_8353-5282.jpg",              imageAlt: "Max, a friendly brown dog"
            },
            {
              id: "cat-1",              name: "Luna",              price: "Calm & Affectionate",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Luna, a sweet tabby cat"
            },
            {
              id: "rabbit-1",              name: "Hoppy",              price: "Gentle & Social",              imageSrc: "https://img.b2bpic.net/free-photo/adorable-pitbull-dogs-looking-up_23-2149131453.jpg",              imageAlt: "Hoppy, an adorable rabbit"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Happy Paws Shelter"
          description="For over 20 years, Happy Paws Shelter has been dedicated to rescuing, caring for, and rehoming animals in need. Our compassionate team works tirelessly to provide medical care, behavior training, and love to every animal that comes through our doors."
          tag="Our Mission"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Comprehensive Care",              description: "Medical treatment, vaccinations, and behavioral support for every animal",              icon: Heart
            },
            {
              title: "Adoption Matching",              description: "We carefully match each pet with the right family for long-term happiness",              icon: Users
            },
            {
              title: "Community Support",              description: "Educational programs and resources for pet owners and animal lovers",              icon: Handshake
            },
            {
              title: "24/7 Care",              description: "Our dedicated staff provides round-the-clock attention to all animals",              icon: Clock
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Happy Paws Shelter team caring for animals"
          imagePosition="right"
          buttons={[
            { text: "Our Story", href: "#" }
          ]}
        />
      </div>

      <div id="adoption" data-section="adoption">
        <FeatureCardSeven
          title="Simple Adoption Process"
          description="Adopting from Happy Paws is easy and transparent. Follow these simple steps to welcome your new family member home."
          tag="How It Works"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          features={[
            {
              id: 1,
              title: "Browse & Meet",              description: "Visit our shelter or browse our available animals online to find your perfect match.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
            },
            {
              id: 2,
              title: "Complete Application",              description: "Fill out our adoption application with details about your home and lifestyle.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
            },
            {
              id: 3,
              title: "Home Visit",              description: "Our team may visit your home to ensure it's a safe, loving environment.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
            },
            {
              id: 4,
              title: "Finalize & Go Home",              description: "Complete paperwork, pay adoption fees, and take your new pet home with supplies.",              imageSrc: "https://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Success Stories"
          description="Hear from families who have found their perfect companion at Happy Paws Shelter."
          tag="Adoption Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Max Changed Our Lives",              quote: "We adopted Max six months ago, and he's brought so much joy and love to our family. The staff at Happy Paws made the entire process smooth and caring. We can't imagine life without him!",              name: "Sarah Johnson",              role: "Pet Parent",              imageSrc: "https://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg",              imageAlt: "Sarah with her adopted dog Max"
            },
            {
              id: "2",              title: "Luna Is Our Perfect Match",              quote: "Finding Luna at Happy Paws felt like destiny. The team helped us understand her personality perfectly, and she's settled into our home beautifully. Thank you for the wonderful service!",              name: "Michael Chen",              role: "Pet Parent",              imageSrc: "https://img.b2bpic.net/free-photo/happy-boy-posing-park-with-dog-parents_23-2148647786.jpg",              imageAlt: "Michael with his adopted cat Luna"
            },
            {
              id: "3",              title: "Hoppy Brought Hope Back",              quote: "After losing our previous rabbit, we weren't sure we'd adopt again. But Hoppy's gentle nature and the shelter's support made the transition beautiful. We're so grateful!",              name: "Emily Rodriguez",              role: "Pet Parent",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Emily with her adopted rabbit Hoppy"
            },
            {
              id: "4",              title: "Best Decision Ever",              quote: "Happy Paws staff went above and beyond to help us choose the right pet. Our new family member has brought us closer together. Highly recommend this shelter to everyone!",              name: "David Kim",              role: "Pet Parent",              imageSrc: "https://img.b2bpic.net/free-photo/young-stylish-couple-walking-with-dog-street-man-woman-happy-together-with-husky-breed_285396-1635.jpg",              imageAlt: "David's family with their adopted pet"
            }
          ]}
        />
      </div>

      <div id="support" data-section="support">
        <PricingCardThree
          title="Ways to Support Happy Paws"
          description="Your contribution helps us rescue, care for, and rehome animals in need. Choose how you'd like to make a difference."
          tag="Support Our Mission"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "monthly",              price: "$15/month",              name: "Monthly Supporter",              badge: "Most Popular",              badgeIcon: Heart,
              buttons: [
                { text: "Become a Supporter", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Monthly email updates on rescued animals",                "Supporter recognition on our website",                "Exclusive shelter event invitations",                "Tax-deductible donation"
              ]
            },
            {
              id: "sponsor",              price: "$50/month",              name: "Animal Sponsor",              buttons: [
                { text: "Sponsor an Animal", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Sponsor a specific animal's care",                "Monthly updates and photos of your sponsored pet",                "Special naming rights for your animal",                "VIP shelter visit access"
              ]
            },
            {
              id: "donor",              price: "$100+",              name: "Major Donor",              buttons: [
                { text: "Make a Donation", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Significant impact on shelter operations",                "Recognition in annual impact report",                "Exclusive donor appreciation events",                "Customized impact reporting"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about adoption, animal care, and supporting our shelter."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          mediaPosition="left"
          imageSrc="https://img.b2bpic.net/free-photo/call-center-agent-typing-pc-keyboard-assisting-customers-through-live-chat_482257-125755.jpg"
          imageAlt="Happy Paws support team"
          faqs={[
            {
              id: "1",              title: "What is the adoption fee?",              content: "Adoption fees vary by animal and typically range from $50-$200. This fee covers medical care, vaccinations, spaying/neutering, and microchipping provided by our shelter."
            },
            {
              id: "2",              title: "Do you have a return policy?",              content: "Yes! If an adoption doesn't work out, we accept returns within 30 days, no questions asked. Your satisfaction and the animal's well-being are our priorities."
            },
            {
              id: "3",              title: "Are the animals vaccinated?",              content: "All animals at Happy Paws receive up-to-date vaccinations, health checks, and are spayed or neutered before adoption. We provide complete medical history with each adoption."
            },
            {
              id: "4",              title: "Can I volunteer at the shelter?",              content: "Absolutely! We welcome volunteers. Visit our website to fill out a volunteer application or call us at (555) 123-4567 to learn more about available opportunities."
            },
            {
              id: "5",              title: "Do you accept donations?",              content: "Yes! We accept monetary donations, pet supplies, food, and blankets. All donations are tax-deductible. Contact us to discuss how you can contribute."
            },
            {
              id: "6",              title: "What should I prepare before adopting?",              content: "Prepare food bowls, a bed, toys, litter box (for cats), and grooming supplies. We recommend visiting a vet within a week of adoption for a health check-up."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about adoption or want to support us? We're here to help!"
          ctaIcon={Phone}
          ctaButton={{
            text: "Call Us",            href: "tel:+15551234567"
          }}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Visit Us",              content: "<strong>Happy Paws Shelter</strong><br>123 Rescue Lane<br>Hometown, ST 12345<br><br><strong>Hours:</strong><br>Monday - Friday: 10am - 6pm<br>Saturday - Sunday: 12pm - 5pm"
            },
            {
              id: "2",              title: "Contact Info",              content: "<strong>Phone:</strong> (555) 123-4567<br><strong>Email:</strong> info@happypawsshelter.org<br><strong>Hours:</strong> Mon-Fri 9am-5pm"
            },
            {
              id: "3",              title: "Adoption Support",              content: "Have questions about the adoption process? Our adoption specialists are ready to help match you with your perfect companion. Call during business hours or fill out our online inquiry form."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="HAPPY PAWS"
          copyrightText="© 2025 Happy Paws Shelter | Saving Lives, One Pet at a Time"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/happypawsshelter",              ariaLabel: "Follow us on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/happypawsshelter",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/happypaws",              ariaLabel: "Follow us on Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}