"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import { Home, HeartHandshake, Stethoscope, Family } from "lucide-react";
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Adopt", id: "/adopt" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Donate", id: "/donate" },
    { name: "Shop", id: "/shop" },
    { name: "Blog", id: "/blog" }
  ];

  const navButton = { text: "Donate", href: "/donate" };

  const footerColumns = [
    {
      title: "About Us",      items: [
        { label: "Our Mission", href: "/about" },
        { label: "Meet the Team", href: "/about" },
        { label: "Impact Report", href: "/about" }
      ]
    },
    {
      title: "Get Involved",      items: [
        { label: "Adopt a Pet", href: "/adopt" },
        { label: "Volunteer", href: "/contact" },
        { label: "Foster a Pet", href: "/contact" }
      ]
    },
    {
      title: "Resources",      items: [
        { label: "FAQs", href: "/contact" },
        { label: "Pet Care Tips", href: "/" },
        { label: "Contact Us", href: "/contact" }
      ]
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant={"hover-bubble"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"sharp"}
      contentWidth={"mediumSmall"}
      sizing={"largeSmall"}
      background={"aurora"}
      cardStyle={"subtle-shadow"}
      primaryButtonStyle={"inset-glow"}
      secondaryButtonStyle={"solid"}
      headingFontWeight={"light"}
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered navItems={navItems} button={navButton} brandName="Hope Haven" className="py-4" />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Give a Loving Home to a Deserving Pet"
          description="Every animal deserves a second chance. Discover your new best friend and join our mission to rescue, rehabilitate, and rehome pets in need."
          background={{ variant: "aurora" }}
          tag="Hope Haven Shelter"
          buttons={[{ text: "Adopt a Pet", href: "/adopt" }, { text: "Get Involved", href: "/about" }]}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/cute-running-toller-retriever-dog-sprint-across-yard_493961-846.jpg", imageAlt: "Happy dog running in a field" },
            { imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-grass-park_1359-293.jpg", imageAlt: "Playful cat with a toy" },
            { imageSrc: "https://img.b2bpic.net/free-photo/funny-happy-beagle-dog-walking-playing-park_176420-6453.jpg", imageAlt: "Sleeping puppy in a cozy bed" },
            { imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-adorable-brown-weimaraner-dog_181624-28923.jpg", imageAlt: "Curious kitten exploring" },
            { imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-her-beautiful-dog_1157-36180.jpg", imageAlt: "Multiple pets playing together" }
          ]}
          ariaLabel="Hero section with a carousel of happy pets"
          useInvertedBackground={false}
          titleClassName="font-light"
          descriptionClassName="font-light"
        />
      </div>

      <div id="why-adopt" data-section="why-adopt">
        <FeatureHoverPattern
          title="Why Choose Hope Haven?"
          description="Discover the unique benefits and comprehensive support you receive when you adopt from our shelter."
          features={[
            { icon: Home, title: "A Loving Home Awaits", description: "Provide a deserving animal with a warm, safe, and permanent home. You change a life forever." },
            { icon: HeartHandshake, title: "Comprehensive Support", description: "We offer post-adoption resources, training tips, and a community network to ensure a smooth transition for you and your new pet." },
            { icon: Stethoscope, title: "Healthy & Happy Pets", description: "All our animals receive thorough veterinary check-ups, vaccinations, and spay/neuter services before adoption." },
            { icon: Family, title: "Matching Perfect Pairs", description: "Our experienced team helps you find the ideal companion whose personality and needs align with your lifestyle." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Our Promise"
          titleClassName="font-light"
          textBoxDescriptionClassName="font-light"
          cardTitleClassName="font-light"
        />
      </div>

      <div id="adoptable-pets" data-section="adoptable-pets">
        <ProductCardTwo
          title="Meet Our Adoptable Pets"
          description="These wonderful animals are looking for their forever homes. Browse our current residents and find your perfect companion."
          products={[
            { id: "dog-1", brand: "Hope Haven", name: "Buddy the Golden Retriever", price: "Adoption Fee: $350", rating: 5, reviewCount: "25 reviews", imageSrc: "https://img.b2bpic.net/free-photo/female-dog-owner-walking-with-french-bulldog-park_7502-8277.jpg", imageAlt: "Buddy, a friendly Golden Retriever" },
            { id: "cat-1", brand: "Hope Haven", name: "Luna the Tabby Cat", price: "Adoption Fee: $200", rating: 4, reviewCount: "18 reviews", imageSrc: "https://img.b2bpic.net/free-photo/woman-brown-sweater-lady-with-labrador_1157-42396.jpg", imageAlt: "Luna, a playful Tabby Cat" },
            { id: "dog-2", brand: "Hope Haven", name: "Max the Beagle", price: "Adoption Fee: $300", rating: 5, reviewCount: "32 reviews", imageSrc: "https://img.b2bpic.net/free-photo/happy-african-american-sportswoman-cuddling-her-small-dog-while-being-nature_637285-4485.jpg", imageAlt: "Max, an energetic Beagle" },
            { id: "cat-2", brand: "Hope Haven", name: "Cleo the Siamese", price: "Adoption Fee: $250", rating: 4, reviewCount: "12 reviews", imageSrc: "https://img.b2bpic.net/free-photo/cute-black-hamilton-hound-dog-playing-park-sunny-day_181624-42680.jpg", imageAlt: "Cleo, an elegant Siamese cat" }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Adopt Now"
          titleClassName="font-light"
          textBoxDescriptionClassName="font-light"
          cardBrandClassName="font-light"
          cardNameClassName="font-light"
          cardPriceClassName="font-light"
        />
      </div>

      <div id="our-impact" data-section="our-impact">
        <MetricCardSeven
          title="Our Impact in Numbers"
          description="See how your support makes a real difference in the lives of countless animals."
          metrics={[
            { id: "1", value: "5,000+", title: "Pets Rehomed", items: ["Successfully placed in loving families", "Reduced shelter population"] },
            { id: "2", value: "2,500+", title: "Medical Procedures", items: ["Life-saving surgeries & treatments", "Routine check-ups & vaccinations"] },
            { id: "3", value: "10,000+", title: "Volunteer Hours", items: ["Dedicated individuals giving back", "Essential support for daily operations"] }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Making a Difference"
          titleClassName="font-light"
          textBoxDescriptionClassName="font-light"
          metricTitleClassName="font-light"
        />
      </div>

      <div id="happy-stories" data-section="happy-stories">
        <TestimonialCardFifteen
          testimonial="\"Adopting from Hope Haven was the best decision we ever made. Our new dog, Charlie, has brought so much joy into our lives. The staff was incredibly helpful and supportive throughout the whole process.\""
          rating={5}
          author="Sarah Johnson, Proud Pet Parent"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/man-woman-posing-together_23-2148618938.jpg", alt: "Sarah Johnson" },
            { src: "https://img.b2bpic.net/free-photo/self-portrait-cheerful-modern-couple-love_1262-12888.jpg", alt: "Michael Chen" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-beautiful-girl-her-handsome-boyfriend-woman-casual-summer-jeans-clothes_158538-5514.jpg", alt: "Emily Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/outdoor-shot-pleasant-looking-smiling-dark-skinned-girl-leans-shoulder-her-cauasian-bearded-boyfriend_273609-44315.jpg", alt: "David Kim" }
          ]}
          ratingAnimation="blur-reveal"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          testimonialClassName="font-light"
          authorClassName="font-light"
        />
      </div>

      <div id="partners" data-section="partners">
        <SocialProofOne
          title="Our Valued Community Partners"
          description="We're grateful for the support of these organizations who help us make a difference."
          logos={[
            "https://img.b2bpic.net/free-vector/collection-colorful-pet-shop-stickers_23-2147569707.jpg",            "https://img.b2bpic.net/free-vector/veterinary-clinic-labels-collection_23-2149714004.jpg",            "https://img.b2bpic.net/free-psd/pets-template-design_23-2151517542.jpg",            "https://img.b2bpic.net/free-vector/veterinary-logo-collection_1346-55.jpg",            "https://img.b2bpic.net/free-vector/veterinary-clinic-logo-templates_23-2147536016.jpg",            "https://img.b2bpic.net/free-vector/vintage-cruelty-free-logo_23-2149452211.jpg",            "https://img.b2bpic.net/free-vector/logo-with-pet-design_1363-32.jpg"
          ]}
          speed={40}
          showCard={true}
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Partnerships"
          titleClassName="font-light"
          textBoxDescriptionClassName="font-light"
          logoTextClassName="font-light"
        />
      </div>

      <div id="get-involved" data-section="get-involved">
        <ContactText
          text="Ready to make a difference? Join our cause and help us create brighter futures for animals in need."
          animationType="background-highlight"
          buttons={[{ text: "Donate Today", href: "/donate" }, { text: "Volunteer", href: "/contact" }]}
          background={{ variant: "aurora" }}
          useInvertedBackground={false}
          ariaLabel="Call to action for donations and volunteering"
          textClassName="font-light"
        />
      </div>

      <FooterBase
        columns={footerColumns}
        logoText="Hope Haven"
        copyrightText="© 2024 Hope Haven Animal Shelter. All rights reserved."
        useInvertedBackground={false}
      />
    </ThemeProvider>
  );
}