"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 FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Heart, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="animatedGrid"
      cardStyle="spotlight"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="PawShelter"
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Adoption", id: "adoption" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Help us care for animals"
          bottomRightText="hello@pawshelter.org"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="PawShelter"
          description="Providing a safe haven and loving care for dogs, cats, and other animals in need. Every creature deserves a warm home."
          buttons={[
            { text: "Browse Animals", href: "adoption" },
            { text: "Support Us", href: "contact" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780846577-ymm4sr39.jpg"
          imageAlt="Happy dogs and cats at our shelter"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Mission"
          description={[
            "PawShelter is dedicated to rescuing, rehabilitating, and rehoming animals in need. We believe every creature deserves compassion, care, and a loving family.",            "Since our founding, we've cared for hundreds of dogs, cats, rabbits, and other animals. Our shelter provides medical care, nutrition, training, and emotional support to help animals thrive before finding their forever homes.",            "We're committed to animal welfare education and supporting the community. Join us in making a difference in the lives of our furry and feathered friends."
          ]}
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
          useInvertedBackground="invertDefault"
          showBorder={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Services"
          description="Comprehensive care for all animals in our shelter"
          tag="What We Do"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Dog Care",              description: "Safe housing, training, exercise, and socialization programs tailored to each dog's needs and personality.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780848305-e047560k.jpg"
            },
            {
              id: 2,
              title: "Cat Care",              description: "Comfortable environments, enrichment activities, and medical care to keep our feline friends happy and healthy.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780849987-ypwgz79b.jpg"
            },
            {
              id: 3,
              title: "Other Animals",              description: "Specialized care for rabbits, guinea pigs, birds, and other small animals with expert attention to their unique needs.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780851550-onxv03ir.jpg"
            },
            {
              id: 4,
              title: "Medical & Wellness",              description: "Professional veterinary services, vaccinations, spaying/neutering, and health assessments for all residents.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780853026-u6x5xanw.jpg"
            }
          ]}
        />
      </div>

      <div id="adoption" data-section="adoption">
        <ProductCardTwo
          title="Animals Available for Adoption"
          description="Meet wonderful animals waiting for their forever homes. Browse our current residents and find your perfect companion."
          textboxLayout="default"
          useInvertedBackground="invertCard"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "dog-1",              brand: "PawShelter",              name: "Max - Friendly Golden Retriever",              price: "Adoption Fee: $150",              rating: 5,
              reviewCount: "12 families interested",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780848305-e047560k.jpg",              imageAlt: "Golden Retriever Max"
            },
            {
              id: "cat-1",              brand: "PawShelter",              name: "Luna - Playful Orange Tabby",              price: "Adoption Fee: $75",              rating: 5,
              reviewCount: "8 families interested",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780849987-ypwgz79b.jpg",              imageAlt: "Orange Tabby Cat Luna"
            },
            {
              id: "mixed-1",              brand: "PawShelter",              name: "Buddy - Energetic Beagle Mix",              price: "Adoption Fee: $125",              rating: 5,
              reviewCount: "10 families interested",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780851550-onxv03ir.jpg",              imageAlt: "Beagle Mix Buddy"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="Adoption Stories"
          description="Hear from families who found their perfect companion at PawShelter"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              nameTitle: "Sarah Johnson, Family of 3",              quote: "When we adopted Max from PawShelter, our lives changed forever. He's brought so much joy and love to our home. The staff was incredibly helpful and caring throughout the entire process.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780856723-myk51j7g.jpg",              imageAlt: "Sarah Johnson with her family"
            },
            {
              id: "2",              nameTitle: "Michael Chen, Single Professional",              quote: "Luna has been my perfect companion. Coming home to her purr after a long day at work is therapeutic. PawShelter made the adoption so easy and stress-free.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780858018-jxdrsxy2.jpg",              imageAlt: "Michael Chen with his cat"
            },
            {
              id: "3",              nameTitle: "Emma Williams, Animal Lover",              quote: "I adopted Buddy to give a home to a dog in need. The transformation I've seen in him is remarkable. PawShelter's support and training tips made the transition smooth.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780859401-q7vjilxy.jpg",              imageAlt: "Emma Williams with her dog"
            },
            {
              id: "4",              nameTitle: "David Martinez, Retired",              quote: "Adopting from PawShelter was one of the best decisions I've made. The staff's passion for animal welfare is inspiring, and my new companion has given me purpose.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780860796-r6a5053c.jpg",              imageAlt: "David Martinez with his pet"
            },
            {
              id: "5",              nameTitle: "Jessica Lee, Parent",              quote: "Our children learned so much about responsibility and compassion through adopting our rescue dog. PawShelter was wonderful in helping us find the perfect match for our family.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780862290-d4ho2dsr.jpg",              imageAlt: "Jessica Lee with her family and dog"
            },
            {
              id: "6",              nameTitle: "Tom Roberts, Cat Enthusiast",              quote: "PawShelter has the most caring staff I've ever met. They helped me find my soulmate in a furry friend. Highly recommend supporting this amazing organization.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767780863585-9qa3r3m0.jpg",              imageAlt: "Tom Roberts with his cat"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Ready to help or adopt? Join our community of animal lovers."
          inputPlaceholder="Enter your email"
          buttonText="Get Updates"
          animationType="reveal-blur"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="PawShelter"
          description="Dedicated to rescuing and caring for animals in need. Every animal deserves love, safety, and a forever home."
          copyrightText="© 2025 PawShelter. All animals deserve care."
          columns={[
            {
              title: "Organization",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Services", href: "services" },
                { label: "Adoption Process", href: "adoption" },
                { label: "Volunteer", href: "contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Donate", href: "contact" },
                { label: "Sponsor an Animal", href: "contact" },
                { label: "Partner With Us", href: "contact" },
                { label: "FAQs", href: "help" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "hello@pawshelter.org", href: "mailto:hello@pawshelter.org" },
                { label: "Phone: (555) 123-4567", href: "tel:5551234567" },
                { label: "Hours: Mon-Sun 9AM-6PM", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Heart, href: "https://facebook.com/pawshelter", ariaLabel: "Facebook" },
            { icon: Heart, href: "https://instagram.com/pawshelter", ariaLabel: "Instagram" },
            { icon: Heart, href: "https://twitter.com/pawshelter", ariaLabel: "Twitter" },
            { icon: Mail, href: "mailto:hello@pawshelter.org", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}