"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Happy friends Shelter"
          button={{
            text: "Start Adopting",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Happy friends"
          description="Give a loving home to a furry friend. Discover your perfect companion at our pet shelter."
          buttons={[
            { text: "Browse Animals", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg"
          imageAlt="Pet shelter with happy animals"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Meet Our Adoptable Animals"
          description="Each of these wonderful creatures is waiting for their forever home. Click to learn more about each animal."
          products={[
            {
              id: "1",              name: "Max - Golden Retriever",              price: "Adoption $150",              imageSrc: "https://img.b2bpic.net/free-photo/woman-interacting-with-rescue-dogs-shelter_23-2148682952.jpg",              imageAlt: "Max the Golden Retriever"
            },
            {
              id: "2",              name: "Luna - Tabby Cat",              price: "Adoption $75",              imageSrc: "https://img.b2bpic.net/free-photo/lots-cute-rescue-dogs-shelter-waiting-be-adopted_23-2148682950.jpg",              imageAlt: "Luna the Tabby Cat"
            },
            {
              id: "3",              name: "Snowball - Holland Lop",              price: "Adoption $50",              imageSrc: "https://img.b2bpic.net/free-photo/cute-dog-playing-with-woman-shelter-adoption_23-2148682996.jpg",              imageAlt: "Snowball the Holland Lop Rabbit"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="About Happy friends Shelter"
          description="For over 20 years, Happy friends Shelter has been dedicated to rescuing, rehabilitating, and rehoming animals in need. Our team of passionate caregivers works tirelessly to ensure every animal receives the love, care, and attention they deserve."
          tag="Our Story"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Happy friends Shelter team caring for animals"
          buttons={[
            { text: "Learn About Us", href: "#about" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardFourteen
          title="Every animal saved is a victory. Join us in making a difference in the lives of our furry friends."
          tag="Our Impact"
          metrics={[
            {
              id: "1",              value: "2,847",              description: "Animals rescued and rehomed since our founding"
            },
            {
              id: "2",              value: "98%",              description: "Adoption success rate - finding loving forever homes"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Stories from Happy Families"
          description="Hear from families who found their perfect companion at Happy friends Shelter"
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, Marketing Manager",              date: "Date: 15 November 2024",              title: "Max changed our lives!",              quote: "When we met Max at Happy friends, we knew he was the one. He's brought so much joy and love into our home. The entire adoption process was smooth and the staff was incredibly helpful.",              tag: "Dog Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-boy-parents-petting-dog-while-park_23-2148647749.jpg",              imageAlt: "Family with their adopted Golden Retriever"
            },
            {
              id: "2",              name: "Michael Rodriguez, Veterinarian",              date: "Date: 10 November 2024",              title: "Luna is purr-fect!",              quote: "Luna has been the perfect addition to our quiet home. She was shy at first, but with patience and love, she's blossomed into the most affectionate cat. Thank you Happy friends!",              tag: "Cat Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-family-dog_329181-20491.jpg",              imageAlt: "Man with his adopted tabby cat"
            },
            {
              id: "3",              name: "Emma & James Thompson, Family",              date: "Date: 5 November 2024",              title: "Our family is complete",              quote: "Snowball has brought endless entertainment and cuddles to our family. The shelter's education about rabbit care was invaluable. We couldn't have asked for a better experience!",              tag: "Small Pet Adoption",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-family-with-cute-dog-outdoors_23-2148996586.jpg",              imageAlt: "Family with their adopted rabbit"
            },
            {
              id: "4",              name: "Jessica Williams, School Teacher",              date: "Date: 28 October 2024",              title: "More than I expected",              quote: "The staff at Happy friends went above and beyond to help me find the right pet for my lifestyle. Their dedication to animal welfare is truly inspiring. I'm so grateful for their support!",              tag: "First-time Adopter",              avatarSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Happy person with their newly adopted pet"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardTwentyOne
          title="Our Adoption Process"
          description="We make adoption simple and transparent. Follow these steps to find your new best friend."
          tag="How It Works"
          imageSrc="https://img.b2bpic.net/free-photo/digital-visa-application-tablet-travel-agent-asking-customers-fill-online-permit-go-abroad-vacation-holiday_662251-2185.jpg"
          imageAlt="Adoption process documentation"
          accordionItems={[
            {
              id: "1",              title: "Browse & Meet",              content: "Explore our available animals online or visit our shelter in person. Spend time with animals to see who fits your lifestyle and personality."
            },
            {
              id: "2",              title: "Complete Application",              content: "Fill out a simple adoption application that helps us understand your home environment and ensure a great match for both you and the animal."
            },
            {
              id: "3",              title: "Home Visit & Approval",              content: "Our staff may visit your home to ensure it's safe and suitable. We're here to support you, not judge - we just want happy endings!"
            },
            {
              id: "4",              title: "Finalize & Bring Home",              content: "Complete the adoption paperwork, pay the adoption fee, and take home your new family member. We provide care guides and ongoing support."
            }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about adoption and our services"
          faqs={[
            {
              id: "1",              title: "What should I prepare before bringing my new pet home?",              content: "We recommend preparing a safe space, food and water bowls, a bed, toys, and any necessary supplies. Our staff provides a detailed care guide specific to your new pet during adoption."
            },
            {
              id: "2",              title: "Can I return the pet if it doesn't work out?",              content: "Yes! We have a 30-day return policy with full refund of adoption fees if needed. We want to ensure the best possible match and are here to support you."
            },
            {
              id: "3",              title: "Are the animals vaccinated and neutered?",              content: "Most of our animals come fully vaccinated, neutered/spayed, and microchipped. Details for each animal are available on their profile page."
            },
            {
              id: "4",              title: "What ages of animals are available?",              content: "We have animals of all ages - from puppies and kittens to senior pets. Each age group has unique benefits, and we help match the right age to your lifestyle."
            },
            {
              id: "5",              title: "Do you adopt to all types of homes?",              content: "We work with different home situations including apartments, houses with yards, and multi-pet households. Our goal is finding the right home for each animal's needs."
            }
          ]}
          useInvertedBackground="noInvert"
          textPosition="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to make a difference? Whether you want to adopt, volunteer, or donate, we'd love to hear from you. Get in touch with Happy friends Shelter today!"
          animationType="entrance-slide"
          buttons={[
            { text: "Adopt Now", href: "#products" },
            { text: "Contact Us", href: "#footer" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Happy friends"
          columns={[
            {
              items: [
                { label: "Adoption", href: "#products" },
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonial" }
              ]
            },
            {
              items: [
                { label: "How to Adopt", href: "#feature" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              items: [
                { label: "Volunteer", href: "#contact" },
                { label: "Donate", href: "#contact" },
                { label: "Partner With Us", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}