"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Heart, Sparkles, CheckCircle, Award, Smile, Mail, Facebook, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="medium"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Animals", id: "featured-animals" },
            { name: "Adopt", id: "adoption-process" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Adopt Now",            href: "adoption-process"
          }}
          brandName="Pawsitive Haven"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Find Your Perfect Furry Friend"
          description="Every pet deserves a loving home. Browse our adoptable animals and discover the joy of giving a shelter pet a second chance at happiness."
          tag="Save a Life Today"
          tagIcon={Heart}
          buttons={[
            { text: "Browse Animals", href: "featured-animals" },
            { text: "Learn About Adoption", href: "adoption-process" }
          ]}
          background={{ variant: "plain" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-adorable-five-purebred-italian-bracco-puppy-dogs-basket-meadow_181624-53406.jpg",              imageAlt: "Happy puppies playing together"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-three-adorable-dogs_181624-44834.jpg",              imageAlt: "Friendly dog looking at camera"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/two-dogs-playing-with-flying-disc-park_342744-939.jpg",              imageAlt: "Cute kitten ready for adoption"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-grass_1359-228.jpg",              imageAlt: "Adorable rabbit seeking home"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Family with adopted pet"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/cousins-spending-time-together-home-with-pet-dog_23-2150167127.jpg",              imageAlt: "Pet bonding with family"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="featured-animals" data-section="featured-animals">
        <ProductCardTwo
          title="Our Adoptable Animals"
          description="Meet some of our wonderful animals waiting for their forever homes. Click on any animal to learn more about their personality and needs."
          tag="Available Now"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "1",              brand: "Dogs",              name: "Luna - Golden Retriever",              price: "2 years old",              rating: 5,
              reviewCount: "18 matches",              imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-three-adorable-dogs_181624-44834.jpg",              imageAlt: "Luna the Golden Retriever"
            },
            {
              id: "2",              brand: "Cats",              name: "Whiskers - Tabby Cat",              price: "1 year old",              rating: 5,
              reviewCount: "12 matches",              imageSrc: "https://img.b2bpic.net/free-photo/two-dogs-playing-with-flying-disc-park_342744-939.jpg",              imageAlt: "Whiskers the Tabby Cat"
            },
            {
              id: "3",              brand: "Small Pets",              name: "Clover - Rabbit",              price: "6 months old",              rating: 5,
              reviewCount: "8 matches",              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-grass_1359-228.jpg",              imageAlt: "Clover the Rabbit"
            }
          ]}
        />
      </div>
      
      <div id="adoption-process" data-section="adoption-process">
        <FeatureCardEight
          title="Our Adoption Process"
          description="We make adoption simple, transparent, and focused on what's best for our animals and their new families."
          tag="Step by Step"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Submit Application",              description: "Fill out our simple adoption application to help us match you with the right pet for your lifestyle and home.",              imageSrc: "https://img.b2bpic.net/free-photo/agent-filling-form-health-insurance-with-patient_1098-21611.jpg",              imageAlt: "Application form icon"
            },
            {
              id: 2,
              title: "Meet & Greet",              description: "Come visit your potential new family member and spend time getting to know their personality and needs.",              imageSrc: "https://img.b2bpic.net/free-vector/checklist-template-design_742173-17554.jpg",              imageAlt: "Meeting with pet icon"
            },
            {
              id: 3,
              title: "Home Visit",              description: "Our team visits your home to ensure it's a safe and comfortable environment for your new companion.",              imageSrc: "https://img.b2bpic.net/free-vector/sweet-bakery-order-checklist_23-2149788413.jpg",              imageAlt: "Home welcome icon"
            },
            {
              id: 4,
              title: "Welcome Home",              description: "Finalize the adoption and receive ongoing support, resources, and check-ins to ensure a smooth transition.",              imageSrc: "https://img.b2bpic.net/free-photo/people-using-tablet-with-bank-app_1098-21610.jpg",              imageAlt: "Support and care icon"
            }
          ]}
        />
      </div>
      
      <div id="success-stories" data-section="success-stories">
        <TestimonialAboutCard
          tag="Success Story"
          tagIcon={Award}
          title="After 8 months in the shelter, Max found his forever family and now lives a life filled with love and adventure."
          description="The Johnson Family"
          subdescription="Adopted Max, a 3-year-old German Shepherd"
          icon={Smile}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg"
          imageAlt="Max with his new family"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Emma Williams",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Emma Williams"
            },
            {
              id: "4",              name: "James Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "James Thompson"
            },
            {
              id: "5",              name: "Lisa Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",              name: "Michael Brown",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Michael Brown"
            }
          ]}
          cardTitle="Over 5,000 pets have found loving homes through Pawsitive Haven"
          cardTag="Happy Adoptions"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Updated"
          tagIcon={Mail}
          title="Get Pet Care Tips & Adoption Updates"
          description="Subscribe to our newsletter for adoption success stories, pet care guides, and news about new animals arriving at our shelter."
          imageSrc="https://img.b2bpic.net/free-photo/cousins-spending-time-together-home-with-pet-dog_23-2150167127.jpg"
          imageAlt="Family bonding with pet"
          mediaPosition="right"
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy and will only send you pet-related updates you'll love."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Pawsitive Haven"
          copyrightText="© 2025 Pawsitive Haven Pet Shelter. All pets deserve loving homes."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/pawsitivehaven",              ariaLabel: "Visit us on Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/pawsitivehaven",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Heart,
              href: "mailto:info@pawsitivehaven.org",              ariaLabel: "Email us"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}