"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { CheckCircle, Heart, Package } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Adopt", id: "product" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="PawShelter"
          bottomLeftText="Saving Lives, One Paw at a Time"
          bottomRightText="info@pawshelter.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="PawShelter"
          description="Give a loving pet a second chance at happiness. Every adoption saves a life and makes room for another."
          buttons={[
            { text: "Browse Available Pets", href: "product" },
            { text: "Volunteer Today", href: "contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/elegant-fashion-girls-summer-park_1157-21448.jpg"
          imageAlt="Happy dogs and cats at the shelter"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Our Shelter"
          description={[
            "PawShelter has been dedicated to rescuing and rehoming abandoned pets for over 15 years. Our compassionate team provides comprehensive care, medical treatment, and behavioral training to prepare every animal for their forever home.",            "We believe every pet deserves love and security. Our mission is to connect caring families with their perfect companion while ensuring the highest standards of animal welfare and support."
          ]}
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTen
          title="Our Services"
          description="Comprehensive care and support for every stage of pet rescue and adoption"
          tag="What We Do"
          tagIcon={Heart}
          features={[
            {
              id: "1",              title: "Medical Care & Wellness",              description: "Every pet receives thorough veterinary care, vaccinations, and health checks to ensure they're ready for adoption.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/young-puppy-veterinarian-going-health-checkup-professional-examining-dog-using-stethoscope_839833-8462.jpg" },
              items: [
                { icon: CheckCircle, text: "Professional veterinary services" },
                { icon: CheckCircle, text: "Preventive health care" },
                { icon: CheckCircle, text: "Emergency medical treatment" }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Adoption Matching",              description: "We carefully match each pet with the right family, ensuring lifelong happiness and compatibility.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg" },
              items: [
                { icon: CheckCircle, text: "Personalized family consultations" },
                { icon: CheckCircle, text: "Compatibility assessments" },
                { icon: CheckCircle, text: "Post-adoption support" }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Behavioral Training",              description: "Professional trainers work with every animal to develop good manners and confidence for their new homes.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/smart-dog-sideways-camera-joyful-young-adult-man-crouching-touching-friendly-smart-dog-with-leash-near-country-house-autumn-day_259150-59347.jpg" },
              items: [
                { icon: CheckCircle, text: "Socialization programs" },
                { icon: CheckCircle, text: "Behavioral rehabilitation" },
                { icon: CheckCircle, text: "Ongoing training guidance" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour
          title="Available Pets Waiting for Home"
          description="Meet our wonderful animals looking for their forever families. Each pet has their own unique personality and story."
          tag="Ready to Adopt"
          tagIcon={Package}
          products={[
            {
              id: "1",              name: "Luna - Golden Retriever",              price: "Adoption Fee: $150",              variant: "4 years old • Female • Friendly",              imageSrc: "http://img.b2bpic.net/free-photo/cute-golden-retriever-dog_1204-387.jpg",              imageAlt: "Luna the golden retriever"
            },
            {
              id: "2",              name: "Whiskers - Orange Tabby",              price: "Adoption Fee: $75",              variant: "2 years old • Male • Playful",              imageSrc: "http://img.b2bpic.net/free-photo/adorable-little-baby-kitten-walking_658552-2.jpg",              imageAlt: "Whiskers the orange tabby cat"
            },
            {
              id: "3",              name: "Max - German Shepherd Mix",              price: "Adoption Fee: $200",              variant: "5 years old • Male • Loyal & Gentle",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-puppy_181624-21270.jpg",              imageAlt: "Max the German Shepherd mix"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          buttons={[
            { text: "View All Available Pets", href: "#" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="Happy Adoption Stories"
          description="Real families sharing their joy and gratitude for finding their perfect pet match at PawShelter."
          tag="Success Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Dog Mom",              company: "Portland, OR",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "Jennifer Chen",              role: "Pet Enthusiast",              company: "Seattle, WA",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",              imageAlt: "Jennifer Chen"
            },
            {
              id: "3",              name: "Michael Johnson",              role: "First-Time Pet Owner",              company: "Denver, CO",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-129391.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "4",              name: "Emily Rodriguez",              role: "Cat Mom",              company: "Austin, TX",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-outdoors_1098-1638.jpg",              imageAlt: "Emily Rodriguez"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Involved"
          title="Ready to Help?"
          description="Join our community of pet lovers. Whether you want to adopt, volunteer, or donate, we'd love to hear from you."
          tagIcon={Heart}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our newsletters."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="PawShelter"
          columns={[
            {
              title: "Adopt",              items: [
                { label: "Available Pets", href: "#product" },
                { label: "Adoption Process", href: "#" },
                { label: "Success Stories", href: "#testimonial" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Volunteer", href: "#contact" },
                { label: "Donate", href: "#" },
                { label: "Become a Sponsor", href: "#" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Mission", href: "#about" },
                { label: "Meet the Team", href: "#" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Pet Care Tips", href: "#" },
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 PawShelter. All rights reserved. Saving lives, one paw at a time."
        />
      </div>
    </ThemeProvider>
  );
}
