"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Cat, Dog, Heart, House, PawPrint, Rabbit, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          navItems={[{name:"About Us",id:"about-us"},{name:"Process",id:"adoption-process"},{name:"Pets",id:"available-pets"},{name:"Success",id:"success-stories"},{name:"FAQs",id:"faq"},{name:"Contact",id:"contact-us"}]}
          brandName="Pet Haven"
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroBillboardDashboard 
          title="Give a Loving Home. Save a Life."
          description="Every paw deserves a forever home. Explore our adorable, adoptable pets and join our mission to bring joy to families and animals alike."
          background={{variant:"radial-gradient"}}
          tag="Find Your Best Friend"
          buttons={[{text:"Adopt a Pet",href:"#available-pets"},{text:"Volunteer",href:"#contact-us"}]}
          dashboard={{
            title: "Our Impact in Numbers",            logoIcon: PawPrint,
            imageSrc: "https://img.b2bpic.net/free-photo/nature-cap-red-natural-grass_1157-2364.jpg",            buttons: [{text:"View All Pets",href:"#available-pets"},{text:"Learn More",href:"#about-us"}],
            sidebarItems: [{icon:House,active:true},{icon:Heart,active:false},{icon:Users,active:false}],
            stats: [
              {title:"Pets Adopted",values:[1200,1350,1500],valuePrefix:"",description:"New families found."},
              {title:"Happy Volunteers",values:[180,210,240],valuePrefix:"",description:"Dedicated helpers."},
              {title:"Lives Saved",values:[2500,2800,3100],valuePrefix:"",description:"From difficult situations."}
            ],
            chartTitle: "Adoptions by Month",            chartData: [{value:50},{value:70},{value:60},{value:80},{value:90}],
            listTitle: "Recent Adoptions",            listItems: [{icon:Dog,title:"Buddy (Dog)",status:"Adopted"},{icon:Cat,title:"Whiskers (Cat)",status:"Adopted"},{icon:Rabbit,title:"Thumper (Rabbit)",status:"Adopted"}],
            searchPlaceholder: "Search pets..."
          }}
          tagAnimation="reveal-blur"
          buttonAnimation="reveal-blur"
        />
      </div>
      <div id="about-us" data-section="about-us">
        <MediaAbout 
          title="About Our Mission to Rescue & Rehome"
          description="At Pet Haven, we believe every animal deserves a second chance. We are dedicated to rescuing, rehabilitating, and rehoming abandoned, neglected, and abused pets, providing them with love, care, and a safe environment until they find their forever families."
          tag="Who We Are"
          buttons={[{text:"Meet Our Team",href:"#contact-us"}]}
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Volunteers and pets at the shelter"
          useInvertedBackground={false}
          tagAnimation="reveal-blur"
          buttonAnimation="reveal-blur"
        />
      </div>
      <div id="adoption-process" data-section="adoption-process">
        <FeatureProcessSteps 
          title="Our Simple 3-Step Adoption Process"
          description="We make finding your new best friend a joyous and straightforward experience. Our process ensures a perfect match for both you and our deserving animals."
          tag="How It Works"
          steps={[{number:"01",title:"Browse & Connect",description:"Explore our online gallery of available pets and contact us to arrange a visit or learn more about a specific animal.",tag:"Online & On-site"},{number:"02",title:"Application & Interview",description:"Complete our adoption application and participate in a friendly interview to help us understand your home and lifestyle.",tag:"Getting to Know You"},{number:"03",title:"Welcome Home!",description:"Once approved, finalize the adoption and take your new companion home to start a beautiful life together.",tag:"Happy Ever After"}]}
          stepsAnimation="reveal-blur"
          useInvertedBackground={false}
          tagAnimation="reveal-blur"
        />
      </div>
      <div id="available-pets" data-section="available-pets">
        <ProductCardThree 
          title="Find Your New Best Friend"
          description="Meet our amazing, adoptable pets looking for their forever homes. Each one has a unique story and is eager to share their love."
          tag="Adopt Today"
          products={[
            {id:"1",name:"Buddy (Golden Retriever)",price:"Adopt Me!",imageSrc:"https://img.b2bpic.net/free-photo/cute-golden-retriever-puppy-resting-couch_181624-26198.jpg",imageAlt:"Golden Retriever puppy"},
            {id:"2",name:"Whiskers (Tabby Cat)",price:"Adopt Me!",imageSrc:"https://img.b2bpic.net/free-photo/beige-cat-lying-sofa_2829-9352.jpg",imageAlt:"Tabby cat looking cute"},
            {id:"3",name:"Max (Jack Russell Mix)",price:"Adopt Me!",imageSrc:"https://img.b2bpic.net/free-photo/cute-brown-puppy-running-grassy-field-daytime_181624-21649.jpg",imageAlt:"Small Jack Russell mix dog"},
            {id:"4",name:"Luna (Calico Kitten)",price:"Adopt Me!",imageSrc:"https://img.b2bpic.net/free-photo/adorable-little-baby-kitten-walking_658552-4.jpg",imageAlt:"Playful Calico kitten"}
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground={false}
          tagAnimation="reveal-blur"
        />
      </div>
      <div id="success-stories" data-section="success-stories">
        <TestimonialCardTen 
          title="Heartwarming Happy Endings"
          description="Read testimonials from families who found their perfect companions through Pet Haven. Their stories inspire us every day."
          tag="Success Stories"
          testimonials={[
            {id:"1",title:"Our Family is Complete with Daisy",quote:"Adopting Daisy from Pet Haven was the best decision we ever made. She brings so much joy and laughter into our home. The process was smooth, and the staff were incredibly supportive. Highly recommend!",name:"Sarah & Mark Johnson",role:"Adoptive Parents",imageSrc:"https://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1381.jpg",imageAlt:"Sarah Johnson with her adopted dog"},
            {id:"2",title:"Whiskers Found His Forever Couch",quote:"I was looking for a calm companion, and Whiskers was the purr-fect match. He's settled in beautifully, and I'm so grateful to Pet Haven for connecting us. Their dedication to animal welfare is truly inspiring.",name:"David Lee",role:"Proud Cat Dad",imageSrc:"https://img.b2bpic.net/free-photo/lifestyle-photo-young-handsome-man-entrepreneur-working-cafe-laptop-while-his-dog-sits_1258-245283.jpg",imageAlt:"David Lee with his adopted cat"},
            {id:"3",title:"A Dream Come True with Buster",quote:"After years of wanting a dog, we finally adopted Buster. Pet Haven made sure he was a great fit for our active family. Seeing him thrive now is incredibly rewarding. Thank you, Pet Haven!",name:"The Rodriguez Family",role:"Loving Family",imageSrc:"https://img.b2bpic.net/free-photo/cute-stylish-family-playing-field_1157-28090.jpg",imageAlt:"The Rodriguez Family with their adopted dog"},
            {id:"4",title:"Giving Back with a Loving Home",quote:"Adopting an older dog was a deeply fulfilling experience. Bella has brought so much warmth and comfort into my life. Pet Haven's commitment to senior pets is admirable, and I'm so glad I could give her a home.",name:"Eleanor Vance",role:"Compassionate Owner",imageSrc:"https://img.b2bpic.net/free-photo/medium-shot-woman-cute-cat_23-2149078300.jpg",imageAlt:"Eleanor Vance with her adopted dog"}
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          tagAnimation="reveal-blur"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Common Questions About Adoption"
          description="Find quick answers to the most frequently asked questions about our adoption process, volunteer opportunities, and how you can help."
          tag="Got Questions?"
          faqs={[{id:"1",title:"What are the requirements for adoption?",content:"Adoption requirements typically include being at least 18 years old, providing identification, and completing an application and interview process. Specific requirements may vary by animal."},{id:"2",title:"Can I foster a pet before adopting?",content:"Yes, we have a foster program! Fostering is a wonderful way to help pets transition from shelter life to a loving home environment. Contact us to learn more about becoming a foster parent."},{id:"3",title:"How long does the adoption process take?",content:"The adoption process usually takes 1-3 days, depending on how quickly applications are processed and interviews are conducted. Our goal is to find the best match as efficiently as possible."},{id:"4",title:"What is included in the adoption fee?",content:"Your adoption fee covers spaying/neutering, vaccinations, microchipping, and a veterinary health check. It helps us continue our work of rescuing and caring for animals."},{id:"5",title:"Do you accept volunteers?",content:"Absolutely! Volunteers are the heart of our shelter. We welcome individuals who can assist with animal care, administrative tasks, events, and more. Fill out our volunteer form to get started."},{id:"6",title:"How can I donate to your shelter?",content:"We greatly appreciate your support! You can donate financially through our website, or contribute food, blankets, and toys directly to the shelter. Every contribution makes a difference."}]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="reveal-blur"
          animationType="smooth"
        />
      </div>
      <div id="contact-us" data-section="contact-us">
        <ContactCenter 
          tag="Get Involved"
          title="Make a Difference Today"
          description="Your support, whether through adoption, volunteering, or donating, directly impacts the lives of animals in need. Join our community and help us create happy endings."
          background={{variant:"sparkles-gradient"}}
          inputPlaceholder="Your Email Address"
          buttonText="Join Our Community"
          termsText="By joining, you agree to receive updates from Pet Haven and our privacy policy."
          useInvertedBackground={false}
          tagAnimation="reveal-blur"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[{title:"Adoption",items:[{label:"Available Pets",href:"#available-pets"},{label:"Adoption Process",href:"#adoption-process"}]},{title:"Get Involved",items:[{label:"Volunteer",href:"#contact-us"},{label:"Donate",href:"https://example.com/donate"}]},{title:"About Us",items:[{label:"Our Mission",href:"#about-us"},{label:"Contact Us",href:"#contact-us"}]}]}
          copyrightText="© 2024 | Pet Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
