"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Heart, Smile, Shield, Award, Sparkles, Stethoscope, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Our Mission", id: "features" },
            { name: "Stories", id: "testimonial" },
            { name: "Contact", id: "footer" },
          
            { name: "Blog", id: "/blog" },
]}
          brandName="Paws & Love"
          bottomLeftText="Saving Lives, Finding Homes"
          bottomRightText="hello@pawsandlove.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="Paws & Love"
          description="Every pet deserves a loving home. Join us in our mission to rescue, rehabilitate, and find forever families for animals in need."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Meet Our Pets", href: "#features" },
            { text: "Support Us", href: "#testimonial" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/two-dogs-playing-with-flying-disc-park_342744-939.jpg"
          imageAlt="Happy dogs playing together at the shelter"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Paws & Love"
          description="Founded in 2015, Paws & Love has been dedicated to rescuing abandoned and neglected animals, providing them with medical care, training, and love while we search for their forever homes. Our passionate team of volunteers works tirelessly to ensure every animal in our care receives the attention and support they need."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "500+ Rescues",              description: "Successfully rehomed over 500 animals to loving families",              icon: Smile
            },
            {
              title: "24/7 Care",              description: "Round-the-clock medical and emotional care for all animals",              icon: Shield
            },
            {
              title: "Expert Team",              description: "Certified veterinarians and animal behaviorists on staff",              icon: Award
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/two-dogs-looking-red-ball-air-standing-with-pet-owner_23-2148045816.jpg"
          imageAlt="Dogs receiving care at Paws & Love shelter"
          imagePosition="right"
          buttons={[
            { text: "Learn More About Us", href: "#testimonial" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="What Makes Us Different"
          description="We believe every animal deserves compassion, care, and a chance at happiness"
          tag="Our Values"
          tagIcon={Sparkles}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              icon: Heart,
              title: "Unconditional Love",              description: "Every animal receives personalized attention and affection during their stay with us"
            },
            {
              icon: Stethoscope,
              title: "Complete Health Care",              description: "Full veterinary services including vaccinations, surgeries, and rehabilitation"
            },
            {
              icon: Users,
              title: "Perfect Matches",              description: "We carefully match animals with their ideal families for lasting, happy relationships"
            },
            {
              icon: Zap,
              title: "Training & Behavior",              description: "Professional trainers help animals overcome trauma and behavioral challenges"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="Adopting from Paws & Love changed our lives completely. The team was so helpful in finding the perfect match for our family, and our new furry member has brought endless joy and love into our home."
          rating={5}
          author="Sarah Johnson, Family of Four"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/happiness-is-real-when-you-are-with-family_329181-13807.jpg", alt: "Family member 2" },
            { src: "https://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651539.jpg", alt: "Family member 3" },
            { src: "https://img.b2bpic.net/free-photo/smiling-couple-lying-lawn-with-their-daughter_1139-618.jpg", alt: "Family member 4" },
            { src: "https://img.b2bpic.net/free-photo/family-enjoying-summer-holidays_1098-1154.jpg", alt: "Family member 5" },
            { src: "https://img.b2bpic.net/free-photo/cheerful-family-actively-spending-time_329181-20445.jpg", alt: "Family member 6" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/beautiful-woman-walking-out-her-dogs-field_1303-17273.jpg"
          imageAlt="Rescued cats resting together"
          logoText="Paws & Love"
          copyrightText="© 2025 Paws & Love Animal Shelter. All rights reserved."
          columns={[
            {
              title: "Organization",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Mission", href: "#features" },
                { label: "Success Stories", href: "#testimonial" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Adopt a Pet", href: "#features" },
                { label: "Volunteer", href: "#footer" },
                { label: "Donate", href: "#footer" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email: hello@pawsandlove.org", href: "mailto:hello@pawsandlove.org" },
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Follow Us on Social Media", href: "#footer" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}