"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Paws Greenland"
          navItems={[
            { name: "About", id: "about" },
            { name: "Pets", id: "pets" },
            { name: "How to Help", id: "help" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Adopt Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PAWS"
          description="Give a loving home to a pet in need. Every animal deserves care, compassion, and a forever family."
          buttons={[
            { text: "Browse Adoptable Pets", href: "pets" },
            { text: "Support Our Mission", href: "help" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-shelter-with-dog-waiting-be-adopted_23-2148682992.jpg",              imageAlt: "Happy dog ready for adoption"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-cute-dog-up-adoption_23-2148682991.jpg",              imageAlt: "Playful kitten looking for a home"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-playing-with-cure-rescue-dogs-shelter_23-2148682967.jpg",              imageAlt: "Puppies playing together"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Paws Greenland"
          description={[
            "Since our founding, Paws Greenland has been dedicated to rescuing, rehabilitating, and rehoming animals in need. Our passionate team works tirelessly to provide shelter, medical care, and love to every animal that comes through our doors.",            "We believe every pet deserves a safe place and a loving home. Through education, community engagement, and adoption services, we've helped thousands of animals find their forever families. Join us in making a difference."
          ]}
          buttons={[
            { text: "Learn More About Us", href: "#" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pets" data-section="pets">
        <ProductCardFour
          title="Meet Our Adoptable Pets"
          description="Each animal in our shelter is waiting for their perfect match. Browse our available companions and find your new family member."
          tag="Ready for Adoption"
          tagIcon={Heart}
          textboxLayout="default"
          products={[
            {
              id: "1",              name: "Max",              price: "Golden Retriever",              variant: "3 years old  Male",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-playing-with-dog-up-adoption_23-2148682990.jpg",              imageAlt: "Max the Golden Retriever"
            },
            {
              id: "2",              name: "Luna",              price: "Domestic Shorthair",              variant: "2 years old  Female",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-adorable-dog-shelter_23-2148682978.jpg",              imageAlt: "Luna the Gray Cat"
            },
            {
              id: "3",              name: "Daisy",              price: "Holland Lop Rabbit",              variant: "1 year old  Female",              imageSrc: "https://img.b2bpic.net/free-photo/lovely-dog-posing-garden_23-2147997381.jpg",              imageAlt: "Daisy the Rabbit"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="help" data-section="help">
        <FeatureCardSixteen
          title="How You Can Help"
          description="There are many meaningful ways to support our mission and help animals in need."
          textboxLayout="default"
          negativeCard={{
            items: [
              "Animals left without care",              "Overcrowded shelters",              "Limited medical resources",              "Few adoption opportunities"
            ]
          }}
          positiveCard={{
            items: [
              "Open your home to adoption",              "Volunteer your time and skills",              "Donate supplies and funds",              "Sponsor an animal's care",              "Spread awareness on social media"
            ]
          }}
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Stories From Our Community"
          description="Hear from families who've found joy and love through adopting from Paws Greenland."
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Sarah Nielsen",              handle: "Nuruk, Greenland",              testimonial: "Adopting Max changed our lives completely. He's brought so much joy and love to our family. The Paws Greenland team was incredibly supportive throughout the process.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Nielsen"
            },
            {
              id: "2",              name: "Jens Andersen",              handle: "Sisimiut, Greenland",              testimonial: "Luna has been the perfect addition to our home. The shelter staff knew her personality so well and matched us perfectly. Thank you, Paws Greenland!",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Jens Andersen"
            },
            {
              id: "3",              name: "Aana Hentze",              handle: "Ilulissat, Greenland",              testimonial: "I volunteer here every weekend and it's the most rewarding experience. The dedication of the team to these animals is truly inspiring and touching.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Aana Hentze"
            },
            {
              id: "4",              name: "Malik Kiviok",              handle: "Qaqortoq, Greenland",              testimonial: "Supporting Paws Greenland through donations feels like an investment in compassion. Knowing my contribution helps animals find homes is incredibly fulfilling.",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13341.jpg",              imageAlt: "Malik Kiviok"
            },
            {
              id: "5",              name: "Inge Petersen",              handle: "Qeqertarsuaq, Greenland",              testimonial: "The adoption process was seamless and professional. The team really cared about finding the right fit. Daisy is now part of our family forever.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",              imageAlt: "Inge Petersen"
            },
            {
              id: "6",              name: "Kris Johansen",              handle: "Tasiilaq, Greenland",              testimonial: "As a volunteer, I've seen firsthand the impact this shelter has. Every animal gets love and attention. I'm proud to be part of this mission.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-woman-smiling-sincerely-young-natural-looking-lady-student-age-wearing-blue-cotton-shirt_285396-4376.jpg",              imageAlt: "Kris Johansen"
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
          speed={35}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Ready to Welcome a Pet Into Your Life?"
          description="Start your adoption journey by filling out our form. Our team will review your application and help match you with the perfect companion."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Full Name", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "homeType", type: "text", placeholder: "Home Type (House/Apartment)", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about yourself and what kind of pet you're looking for...",            rows: 5,
            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/rescue-dog-enjoying-being-pet-by-woman-shelter_23-2148682929.jpg"
          imageAlt="Hands caring for a pet"
          mediaPosition="right"
          buttonText="Submit Application"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "About",              items: [
                { label: "Our Mission", href: "#" },
                { label: "Staff & Team", href: "#" },
                { label: "History", href: "#" }
              ]
            },
            {
              title: "Get Involved",              items: [
                { label: "Adopt a Pet", href: "contact" },
                { label: "Volunteer", href: "#" },
                { label: "Donate", href: "#" },
                { label: "Sponsor an Animal", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Pet Care Guide", href: "#" },
                { label: "FAQ", href: "#" },
                { label: "Contact Us", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Paws Greenland. All animals deserve love and care."
          bottomRightText="Helping animals find forever homes"
        />
      </div>
    </ThemeProvider>
  );
}