"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Heart, Home, Users, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Pets", id: "products" },
            { name: "Stories", id: "testimonial" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Adopt Now",            href: "contact"
          }}
          brandName="PawsHome"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="PawsHome"
          description="Find your perfect furry friend. Browse our available pets and discover the joy of giving a loving animal a second chance at happiness."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Browse Pets", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-cheerful-labrador-standing-two-feet-field-sunlight-daytime_181624-40068.jpg"
          imageAlt="Happy dogs at pet shelter"
          mediaAnimation="slide-up"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Our Mission"
          description="PawsHome is dedicated to rescuing, rehabilitating, and rehoming animals in need. We believe every pet deserves a loving home and a second chance at life."
          tag="Who We Are"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "Expert Care",              description: "Our trained staff provides medical care, socialization, and behavioral support to ensure every animal is healthy and ready for adoption.",              icon: Heart
            },
            {
              title: "Safe Haven",              description: "We provide a safe, clean, and comfortable environment where animals can recover and thrive while waiting for their forever homes.",              icon: Home
            },
            {
              title: "Community Support",              description: "We work with volunteers, donors, and local organizations to maximize our impact and help as many animals as possible.",              icon: Users
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/woman-playing-with-rescue-dogs-shelter_23-2148682984.jpg"
          imageAlt="Pet shelter caring for animals"
          mediaAnimation="slide-up"
          imagePosition="right"
          buttons={[
            { text: "Donate", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Meet Our Pets"
          description="Browse our available animals looking for loving homes. Each profile includes information to help you find the perfect companion."
          tag="Available for Adoption"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Max",              price: "Adoption Fee: $150",              variant: "Golden Retriever  2 Years Old",              imageSrc: "http://img.b2bpic.net/free-photo/mother-her-daughter-playing-with-dog-family-autumn-park-pet-domestic-animal-lifestyle-concept_1157-42385.jpg",              imageAlt: "Max the golden retriever"
            },
            {
              id: "2",              name: "Whiskers",              price: "Adoption Fee: $75",              variant: "Orange Tabby Cat  1 Year Old",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-with-pet-cat_23-2150285629.jpg",              imageAlt: "Whiskers the orange cat"
            },
            {
              id: "3",              name: "Snowball",              price: "Adoption Fee: $50",              variant: "White Rabbit  8 Months Old",              imageSrc: "http://img.b2bpic.net/free-photo/girl-with-rabbit-gray-rabbit-hands-rabbit-closeup_169016-60393.jpg",              imageAlt: "Snowball the white rabbit"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Why Adopt from PawsHome"
          description="Adopting from our shelter means supporting animal rescue and giving a deserving pet a loving home. Here's what we offer."
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "1",              title: "Comprehensive Health Screening",              description: "All animals receive veterinary care, vaccinations, and health checks before adoption to ensure they're healthy and ready for their new families.",              tag: "Health Care",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sad-woman-saying-goodbye-her-old-german-shepherd-professional-male-veterinarian-preparing-ready-put-down-sick-dog_662251-2307.jpg",              imageAlt: "Veterinary care at shelter"
            },
            {
              id: "2",              title: "Adoption Support",              description: "We provide guidance throughout the adoption process and offer ongoing support to ensure successful matches between pets and families.",              tag: "Support",              imageSrc: "http://img.b2bpic.net/free-photo/young-parents-their-small-daughter-enjoying-with-dog-home-grandparents-are-standing-background_637285-5542.jpg",              imageAlt: "Happy family with adopted pet"
            },
            {
              id: "3",              title: "Community Involvement",              description: "Our volunteer program and donation options let you support animal rescue and make a real difference in our animals' lives.",              tag: "Community",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-with-cute-rabbit_23-2149514560.jpg",              imageAlt: "Volunteers caring for animals"
            }
          ]}
          animationType="slide-up"
          buttons={[
            { text: "Get Involved", href: "#" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwo
          title="Success Stories"
          description="Hear from families whose lives have been changed by adopting from PawsHome."
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Pet Parent",              testimonial: "Adopting Max from PawsHome was the best decision we ever made. The staff was so helpful, and Max has brought so much joy to our family.",              imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Dog Lover",              testimonial: "The care and attention that PawsHome provides to their animals is exceptional. Our new dog Scout is healthy, happy, and perfectly socialized.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman_1163-3145.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Family",              testimonial: "We found our perfect cat companion here. The adoption process was smooth and the staff answered all our questions patiently.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-happy-family_23-2148514421.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              name: "David Kim",              role: "Supporter",              testimonial: "I'm impressed by the professionalism and passion of the PawsHome team. They truly care about matching the right pet with the right family.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",              imageAlt: "David Kim"
            }
          ]}
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about adoption, pet care, and visiting our shelter."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "What is the adoption process?",              content: "The adoption process includes submitting an application, meeting the animal, discussing compatibility, completing paperwork, and paying the adoption fee. Our staff is available to answer questions throughout the process."
            },
            {
              id: "2",              title: "Are the animals spayed/neutered?",              content: "Yes, all animals available for adoption have been spayed or neutered, vaccinated, and microchipped. This ensures they're healthy and ready for their new homes."
            },
            {
              id: "3",              title: "Can I return an animal if it doesn't work out?",              content: "Yes, we have a return policy. If the adoption doesn't work out, we'll help find a solution. Our goal is to ensure happy, lasting matches between pets and families."
            },
            {
              id: "4",              title: "How can I volunteer?",              content: "We welcome volunteers! Contact us to learn about available volunteer opportunities including animal care, fundraising, and community outreach. No experience necessary!"
            },
            {
              id: "5",              title: "Do you accept donations?",              content: "Absolutely! Donations support our rescue efforts, medical care, and shelter operations. You can donate online, by mail, or by visiting our facility."
            },
            {
              id: "6",              title: "What hours are you open?",              content: "We're open Monday-Friday 10am-6pm and Saturday-Sunday 12pm-5pm. Feel free to visit, meet our animals, and ask questions about adoption anytime during these hours."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Adopt?"
          ctaDescription="Contact us today to start your adoption journey. Our friendly staff is ready to help you find your perfect companion."
          ctaButton={{
            text: "Contact Us",            href: "#"
          }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What should I know before adopting?",              content: "Consider your lifestyle, living situation, and budget. Pets require time, care, and resources. Our staff can help match you with an animal suited to your circumstances."
            },
            {
              id: "2",              title: "How much does adoption cost?",              content: "Adoption fees vary by animal type and age, ranging from $50-$200. This includes veterinary care, vaccinations, and microchipping. The fee helps support our rescue work."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="PawsHome"
          copyrightText="© 2025 PawsHome Shelter. All rights reserved."
          columns={[
            {
              title: "Organization",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Mission", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Adoption",              items: [
                { label: "Available Pets", href: "products" },
                { label: "Adoption Process", href: "#" },
                { label: "Success Stories", href: "testimonial" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Volunteer", href: "#" },
                { label: "Donate", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}