"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pawsitive Care"
          navItems={[
            { name: "About", id: "about" },
            { name: "Pets", id: "pets" },
            { name: "How to Adopt", id: "adoption" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="PAWSITIVE CARE"
          description="Give a loving pet a second chance at happiness. Our shelter is dedicated to rescuing, caring for, and finding forever homes for animals in need."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Browse Available Pets", href: "#pets" },
            { text: "Learn About Adoption", href: "#adoption" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
          imageAlt="Shelter animals waiting for homes"
          frameStyle="card"
          logoLineHeight={1.1}
          ariaLabel="Pet Shelter Hero Section"
        />
      </div>
      
      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We're committed to giving every animal the love and care they deserve" }
          ]}
          buttons={[
            { text: "Our Mission", href: "#" },
            { text: "Volunteer With Us", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
          ariaLabel="About Section"
        />
      </div>
      
      <div id="pets" data-section="pets">
        <ProductCardFour
          products={[
            {
              id: "1",              name: "Max",              price: "Adoption Fee: $75",              variant: "Golden Retriever • 3 years old",              imageSrc: "https://img.b2bpic.net/free-photo/local-labrador-beige-puppy-chilling-grass-looking-camera-with-sad-droopy-eyes_1268-20171.jpg",              imageAlt: "Max, friendly Golden Retriever",              isFavorited: false
            },
            {
              id: "2",              name: "Luna",              price: "Adoption Fee: $50",              variant: "Tabby Cat • 2 years old",              imageSrc: "https://img.b2bpic.net/free-photo/direct-look-into-face-duck-tolling-retriever-dog_493961-1048.jpg",              imageAlt: "Luna, playful Tabby Cat",              isFavorited: false
            },
            {
              id: "3",              name: "Pepper",              price: "Adoption Fee: $40",              variant: "Rabbit • 1 year old",              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg",              imageAlt: "Pepper, cute rabbit",              isFavorited: false
            }
          ]}
          title="Meet Our Available Pets"
          description="Browse our loving animals looking for their forever homes. Each pet has been vaccinated and is ready to become part of your family."
          tag="Ready for Adoption"
          buttons={[
            { text: "View All Pets", href: "#" }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          ariaLabel="Available Pets"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          metrics={[
            { id: "1", value: "2,847", description: "Pets Successfully Adopted" },
            { id: "2", value: "500+", description: "Active Volunteers" },
            { id: "3", value: "98%", description: "Adoption Success Rate" },
            { id: "4", value: "15 Years", description: "Serving Our Community" }
          ]}
          title="Our Impact"
          description="Together, we've transformed countless lives. Here's what we've accomplished for animals in need."
          tag="By The Numbers"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          ariaLabel="Impact Metrics"
        />
      </div>
      
      <div id="adoption" data-section="adoption">
        <FeatureCardTwelve
          features={[
            {
              id: "step1",              label: "01",              title: "Complete Application",              items: [
                "Tell us about your lifestyle",                "Share pet experience",                "Provide references"
              ]
            },
            {
              id: "step2",              label: "02",              title: "Meet & Greet",              items: [
                "Visit our facility",                "Spend time with your pet",                "Ask any questions"
              ]
            },
            {
              id: "step3",              label: "03",              title: "Home Visit",              items: [
                "Our team visits your home",                "Ensure pet safety",                "Final approval"
              ]
            },
            {
              id: "step4",              label: "04",              title: "Welcome Home",              items: [
                "Sign adoption paperwork",                "Receive care guide",                "Begin your journey"
              ]
            }
          ]}
          animationType="slide-up"
          title="Our Adoption Process"
          description="We ensure every pet finds the perfect forever home through our thorough and compassionate adoption process."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="How It Works"
          ariaLabel="Adoption Process"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Teacher",              date: "Date: December 2024",              title: "Max changed our lives completely!",              quote: "We adopted Max from Pawsitive Care six months ago, and he's brought so much joy to our family. The staff was incredibly helpful throughout the process, and we felt confident in our decision. Max is now part of our family, and we couldn't imagine life without him.",              tag: "Happy Family",              avatarSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg"
            },
            {
              id: "2",              name: "James Chen, Software Engineer",              date: "Date: November 2024",              title: "Luna is the perfect companion",              quote: "As someone living alone, I wanted a caring companion. Luna from the shelter has been the perfect match for me. The adoption team took time to understand my lifestyle and made sure Luna was a great fit. Best decision ever!",              tag: "Perfect Match",              avatarSrc: "https://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038364.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/direct-look-into-face-duck-tolling-retriever-dog_493961-1048.jpg"
            },
            {
              id: "3",              name: "Emma Rodriguez, Veterinarian",              date: "Date: October 2024",              title: "Professional and compassionate team",              quote: "I adopted Pepper from Pawsitive Care and was impressed by their professionalism and genuine care for every animal. They provide thorough health checks and wonderful guidance for new pet parents. I highly recommend their adoption program!",              tag: "Expert Approved",              avatarSrc: "https://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651539.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-280.jpg"
            },
            {
              id: "4",              name: "Michael Thompson, Retired",              date: "Date: September 2024",              title: "They made the process so easy",              quote: "At my age, I was worried about navigating the adoption process, but the team at Pawsitive Care made everything simple and clear. They answered all my questions and helped me find the perfect senior dog companion. Truly exceptional service!",              tag: "Smooth Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-family-spending-time-together-green-nature_1098-1063.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-spending-time-with-cute-rescue-dogs-shelter_23-2148682966.jpg"
            }
          ]}
          title="Success Stories"
          description="Read heartwarming stories from families who found their perfect furry companions through our shelter."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Adoptions"
          ariaLabel="Testimonials Section"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to give a loving pet their forever home? Reach out to us today to start your adoption journey or learn how you can make a difference."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "#" },
            { text: "Become a Volunteer", href: "#" }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Contact Section"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Pawsitive Care"
          columns={[
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "#" },
                { label: "Our Mission", href: "#" }
              ]
            },
            {
              items: [
                { label: "Browse Pets", href: "pets" },
                { label: "Adoption Process", href: "adoption" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              items: [
                { label: "Get Involved", href: "#" },
                { label: "Volunteer", href: "#" },
                { label: "Donate", href: "#" }
              ]
            },
            {
              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Email", href: "#" },
                { label: "Phone", href: "#" }
              ]
            }
          ]}
          ariaLabel="Site Footer"
        />
      </div>
    </ThemeProvider>
  );
}