"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, CheckCircle, Smile, TrendingUp, Users, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Happy Paws Shelter"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Adopt", id: "featured" },
            { name: "How It Works", id: "process" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Give a Loving Pet a Forever Home"
          description="Meet the wonderful animals waiting for you at Happy Paws Shelter. Find your perfect companion and change a life today."
          background={{ variant: "radial-gradient" }}
          tag="Rescue & Adopt"
          tagIcon={Heart}
          buttons={[
            { text: "Browse Adoptable Pets", href: "featured" },
            { text: "Learn More", href: "about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-women-kissing-dog_23-2148977445.jpg",              imageAlt: "Dogs and cats available for adoption"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg",              imageAlt: "Golden retriever puppy"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Orange tabby kitten"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg",              imageAlt: "Friendly labrador"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-cure-rescue-dogs-shelter_23-2148682967.jpg",              imageAlt: "Playful cat"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Mission to Save Lives"
          description="Happy Paws Shelter has been rescuing, rehabilitating, and rehoming animals for over 15 years. We believe every animal deserves a loving home and compassionate care. Our dedicated team works tirelessly to ensure each animal receives medical attention, proper nutrition, and lots of love while they wait for their forever families."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg"
          imageAlt="Shelter team caring for animals"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Donate Now", href: "#contact" },
            { text: "Volunteer", href: "#contact" }
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <ProductCardFour
          title="Featured Adoptable Pets"
          description="Meet some of our most adorable animals looking for loving homes. Click on any pet to learn more and start the adoption process."
          tag="Ready to Adopt"
          tagIcon={Smile}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "dog-1",              name: "Max",              price: "Ready to Adopt",              variant: "Golden Retriever · 2 Years Old · Male",              imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg",              imageAlt: "Max the golden retriever",              isFavorited: false
            },
            {
              id: "cat-1",              name: "Whiskers",              price: "Ready to Adopt",              variant: "Orange Tabby · 1 Year Old · Male",              imageSrc: "https://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg",              imageAlt: "Whiskers the orange cat",              isFavorited: false
            },
            {
              id: "dog-2",              name: "Luna",              price: "Ready to Adopt",              variant: "Labrador Mix · 3 Years Old · Female",              imageSrc: "https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg",              imageAlt: "Luna the labrador mix",              isFavorited: false
            },
            {
              id: "cat-2",              name: "Mittens",              price: "Ready to Adopt",              variant: "Tabby Kitten · 6 Months Old · Female",              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-cure-rescue-dogs-shelter_23-2148682967.jpg",              imageAlt: "Mittens the playful kitten",              isFavorited: false
            }
          ]}
          buttons={[
            { text: "View All Pets", href: "#featured" }
          ]}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps
          title="How Adoption Works"
          description="Our simple four-step adoption process is designed to make finding your perfect pet easy and enjoyable. We guide you every step of the way."
          tag="Simple Process"
          tagIcon={CheckCircle}
          useInvertedBackground="invertDefault"
          steps={[
            {
              number: "01",              title: "Browse & Connect",              tag: "Step 1",              description: "Explore our available pets on our website or visit us in person. Fill out an adoption inquiry form for any pet that captures your heart."
            },
            {
              number: "02",              title: "Meet & Greet",              tag: "Step 2",              description: "Schedule a time to meet your potential new family member. Our staff will help ensure a great match and answer any questions."
            },
            {
              number: "03",              title: "Home Visit & Approval",              tag: "Step 3",              description: "We conduct a simple home visit to ensure a safe environment for your new pet. This helps us provide proper support."
            },
            {
              number: "04",              title: "Welcome Home",              tag: "Step 4",              description: "Finalize the adoption, receive post-adoption support, and bring your new friend home. We're here to help you adjust!"
            }
          ]}
          buttons={[
            { text: "Start Adoption", href: "#featured" },
            { text: "Ask Questions", href: "#contact" }
          ]}
        />
      </div>

      <div id="impact" data-section="impact">
        <MetricCardTen
          title="Our Impact"
          description="See the lives we've changed and the difference your support makes every single day."
          tag="Our Success"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              title: "Animals Rescued",              subtitle: "Pets given second chances",              category: "Rescues",              value: "2,850+"
            },
            {
              id: "2",              title: "Successful Adoptions",              subtitle: "Families united with pets",              category: "Adoptions",              value: "2,400+"
            },
            {
              id: "3",              title: "Medical Treatments",              subtitle: "Surgeries and care provided",              category: "Healthcare",              value: "1,200+"
            },
            {
              id: "4",              title: "Active Volunteers",              subtitle: "Dedicated community members",              category: "Volunteers",              value: "340+"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Dedicated Team"
          description="Our passionate staff and volunteers are the heart of Happy Paws Shelter, working every day to improve animal welfare."
          tag="Our Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          groups={[
            {
              id: "staff",              groupTitle: "Leadership",              members: [
                {
                  id: "1",                  title: "Sarah Johnson",                  subtitle: "Executive Director",                  detail: "sarah@happypaws.org",                  imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",                  imageAlt: "Sarah Johnson"
                },
                {
                  id: "2",                  title: "Michael Chen",                  subtitle: "Veterinary Director",                  detail: "michael@happypaws.org",                  imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",                  imageAlt: "Michael Chen"
                },
                {
                  id: "3",                  title: "Dr. Emily Rodriguez",                  subtitle: "Head Veterinarian",                  detail: "emily@happypaws.org",                  imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",                  imageAlt: "Dr. Emily Rodriguez"
                },
                {
                  id: "4",                  title: "James Park",                  subtitle: "Adoption Coordinator",                  detail: "james@happypaws.org",                  imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",                  imageAlt: "James Park"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Happy Paws Shelter changed our lives! We found our perfect companion in Max, and the entire team made the adoption process so smooth and caring. We couldn't imagine our family without him now."
          rating={5}
          author="The Martinez Family"
          useInvertedBackground="noInvert"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              alt: "Family member 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              alt: "Family member 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              alt: "Family member 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              alt: "Family member 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              alt: "Adopter 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              alt: "Adopter 2"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Get in Touch"
          ctaDescription="Have questions about adoption or want to support our mission? Reach out to our team today. We're happy to help!"
          ctaIcon={Phone}
          ctaButton={{ text: "Contact Us Now", href: "#contact" }}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What is the adoption fee?",              content: "Adoption fees typically range from $50-$150 depending on the pet's age and medical needs. Fees help cover veterinary care, vaccinations, and shelter operations."
            },
            {
              id: "2",              title: "Do you offer post-adoption support?",              content: "Yes! We provide free support for the first 30 days after adoption, including behavioral advice, veterinary referrals, and supplies assistance to ensure a smooth transition."
            },
            {
              id: "3",              title: "Can I visit the shelter without an appointment?",              content: "We welcome walk-ins during our business hours: Tuesday-Sunday, 10am-5pm. For large groups or special visits, we recommend scheduling ahead by calling or emailing."
            },
            {
              id: "4",              title: "How can I volunteer?",              content: "We always need helping hands! Visit our volunteer page, fill out an application, and attend an orientation. Volunteers help with animal care, adoptions, and facility maintenance."
            },
            {
              id: "5",              title: "Do you accept donations?",              content: "Absolutely! Donations of food, supplies, money, or services are greatly appreciated. Every gift helps us save more lives. Visit our Donate page or call to learn about matching gifts."
            },
            {
              id: "6",              title: "What if the adoption doesn't work out?",              content: "We want every adoption to be successful. If there are issues, please reach out immediately. We offer support and can arrange a return if necessary—no judgment."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2025 Happy Paws Shelter. All rights reserved. Nonprofit organization dedicated to animal rescue and welfare."
          columns={[
            {
              title: "About",              items: [
                { label: "Our Mission", href: "about" },
                { label: "Meet the Team", href: "team" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Adopt",              items: [
                { label: "Available Pets", href: "featured" },
                { label: "How It Works", href: "process" },
                { label: "Success Stories", href: "testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Donate", href: "contact" },
                { label: "Volunteer", href: "contact" },
                { label: "Contact Us", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}