"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, TrendingUp, Home, Users, Award, Facebook, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Happy Paws"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Adopt", id: "featured" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Welcome to Happy Paws"
          description="Every pet deserves a loving home. Discover your perfect companion and join our community of animal lovers dedicated to making a difference."
          tag="Find Your Forever Friend"
          tagIcon={Heart}
          background={{ variant: 'plain' }}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg"
          imageAlt="Pet shelter with happy animals"
          buttons={[
            { text: "Browse Available Pets", href: "featured" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaAbout
          title="Our Mission"
          description="Happy Paws Shelter has been rescuing and rehoming animals for over 15 years. We provide comprehensive care, medical treatment, and love to every animal that comes through our doors. Our dedicated team works tirelessly to match pets with their perfect families, ensuring lasting, loving placements."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg"
          imageAlt="Dedicated staff caring for animals"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Become a Volunteer", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="featured" data-section="featured">
        <ProductCardTwo
          title="Meet Our Animals"
          description="Browse our wonderful selection of adoptable pets looking for loving homes. Each animal has been carefully cared for and is ready to become part of your family."
          tag="Available for Adoption"
          products={[
            {
              id: "dog-1",              brand: "Happy Paws",              name: "Max - Golden Retriever",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "12",              imageSrc: "https://img.b2bpic.net/free-photo/what-good-boy-beautiful-golden-labrador-with-leash-sitting-with-his-owners-park_496169-2472.jpg",              imageAlt: "Max, golden retriever"
            },
            {
              id: "cat-1",              brand: "Happy Paws",              name: "Whiskers - Tabby Cat",              price: "Adoption Fee: $75",              rating: 5,
              reviewCount: "8",              imageSrc: "https://img.b2bpic.net/free-photo/direct-look-into-face-toller-dog-action_493961-844.jpg",              imageAlt: "Whiskers, tabby cat"
            },
            {
              id: "dog-2",              brand: "Happy Paws",              name: "Buddy - Lab Puppy",              price: "Adoption Fee: $200",              rating: 5,
              reviewCount: "15",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-labrador-with-young-woman_23-2148345933.jpg",              imageAlt: "Buddy, labrador puppy"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Pets", href: "#" }
          ]}
        />
      </div>
      
      <div id="impact" data-section="impact">
        <MetricCardOne
          title="Our Impact"
          description="Celebrating the lives we've changed and the community we've built together."
          tag="By The Numbers"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "2,847",              title: "Pets Rescued",              description: "Animals given a second chance at life",              icon: Heart
            },
            {
              id: "2",              value: "2,156",              title: "Adoptions",              description: "Successful placements with loving families",              icon: Home
            },
            {
              id: "3",              value: "847",              title: "Volunteers",              description: "Dedicated community members helping animals",              icon: Users
            },
            {
              id: "4",              value: "15",              title: "Years",              description: "Of continuous service to animals in need",              icon: Award
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Adoption Stories"
          description="Hear from families who found their perfect companions through Happy Paws."
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Max's Mom",              testimonial: "Max has completely transformed our family. He's brought so much joy and love into our home. We can't imagine life without him!",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Sarah with her dog"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Whiskers' Owner",              testimonial: "The team at Happy Paws made the adoption process so smooth and caring. Whiskers is the sweetest addition to our home.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-boy-posing-park-with-dog-parents_23-2148647786.jpg",              imageAlt: "Michael with his cat"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Buddy's Family",              testimonial: "We adopted Buddy three months ago and he's been an absolute blessing. Happy Paws truly cares about finding the right matches.",              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: "Emily's family with their dog"
            },
            {
              id: "4",              name: "David Wilson",              role: "Pet Advocate",              testimonial: "Happy Paws isn't just about adoption - they're about creating lifelong bonds between pets and families. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "David with his pet"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Common Questions"
          description="Everything you need to know about adoption, our processes, and caring for your new pet."
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "What's included in the adoption fee?",              content: "Our adoption fees cover initial veterinary care, vaccinations, microchipping, and spay/neuter procedures. We ensure every pet is healthy and ready for their new home."
            },
            {
              id: "2",              title: "What is your adoption process?",              content: "Our adoption process includes an application, meet-and-greet with the animal, home assessment if needed, and a trial period to ensure the perfect match. We take time to match pets with the right families."
            },
            {
              id: "3",              title: "Do you offer post-adoption support?",              content: "Yes! We provide ongoing support including behavioral training resources, veterinary guidance, and a community forum where adopters can connect and share experiences."
            },
            {
              id: "4",              title: "Can I volunteer at Happy Paws?",              content: "Absolutely! We welcome volunteers of all skill levels. Volunteers can help with animal care, fundraising, event planning, and administrative tasks. Contact us to get started."
            },
            {
              id: "5",              title: "How can I donate to support the shelter?",              content: "You can donate online through our website, sponsor a specific animal, participate in fundraising events, or donate supplies. Every contribution helps us save more lives."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg"
          imageAlt="Helpful customer support"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          buttons={[
            { text: "Get in Touch", href: "#contact" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Happy Paws"
          copyrightText="© 2025 Happy Paws Shelter | Helping animals find forever homes"
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/happypaws", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/happypaws", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/happypaws", ariaLabel: "Twitter" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}