"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="large"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Adopt",
          id: "adopt",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Happy Paws Shelter"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain",
      }}
      title="Give Them a Forever Home"
      description="Find your new best friend at our shelter. Every pet deserves a loving family and a place to call home."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=1",
          imageAlt: "Rescue Pet 1",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=1",
          imageAlt: "Rescue Pet 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=2",
          imageAlt: "Rescue Pet 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=2",
          imageAlt: "Rescue Pet 4",
        },
        {
          imageSrc: "https://pixabay.com/get/gbf1347cf02671e82e403adb987db3d6b2a8576e3e2be8280f6de4a13c3d363159783031774853db674d4a8ef4b617b5a7103cf1d2c63a81d5463ec95412f687f_1280.jpg?id=7417233",
          imageAlt: "Rescue Pet 5",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=3",
          imageAlt: "Rescue Pet 6",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=4",
          imageAlt: "Rescue Pet 7",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=4",
          imageAlt: "Rescue Pet 8",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=5",
          imageAlt: "Rescue Pet 9",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=5",
          imageAlt: "Rescue Pet 10",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=6",
          imageAlt: "Rescue Pet 11",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=6",
          imageAlt: "Rescue Pet 12",
        },
      ]}
      buttons={[
        {
          text: "Meet Our Pets",
          href: "#adopt",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-petting-dog_23-2149613984.jpg",
          alt: "Happy Adopter 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-playing-with-cat-kitchen-home_158595-7432.jpg",
          alt: "Happy Adopter 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-having-fun-with-his-dog-park_23-2147902259.jpg",
          alt: "Happy Adopter 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-elderly-woman-with-cat_23-2150139691.jpg",
          alt: "Happy Adopter 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-with-fluffy-black-dog-outdoors_23-2148683013.jpg",
          alt: "Happy Adopter 5",
        },
      ]}
      avatarText="Joined by 500+ happy families"
      marqueeItems={[
        {
          type: "text",
          text: "No-Kill Shelter",
        },
        {
          type: "text",
          text: "Vaccinated & Healthy",
        },
        {
          type: "text",
          text: "Community Focused",
        },
        {
          type: "text",
          text: "Lifetime Support",
        },
        {
          type: "text",
          text: "Join the Family",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Dedicated to Animal Welfare"
      description="Happy Paws Shelter is committed to providing a safe, temporary haven for abandoned pets while actively searching for their permanent families."
      bulletPoints={[
        {
          title: "No-Kill Policy",
          description: "We are proud to maintain a compassionate, no-kill philosophy.",
        },
        {
          title: "Full Veterinary Care",
          description: "All pets are vaccinated, spayed/neutered, and health checked.",
        },
        {
          title: "Community Adoption",
          description: "Events and support to ensure the perfect match for you.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-farmer-feeding-baby-goat_23-2149066233.jpg?_wi=1"
      imageAlt="Shelter Team"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="adopt" data-section="adopt">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Bella",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-dog-blue-background_181624-25204.jpg?_wi=1",
          imageAlt: "Bella Dog",
        },
        {
          id: "2",
          name: "Luna",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-with-her-pet_23-2149284073.jpg?_wi=1",
          imageAlt: "Luna Cat",
        },
        {
          id: "3",
          name: "Max",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-abandoned-dog-waiting-be-adopted-by-someone_23-2148682986.jpg",
          imageAlt: "Max Dog",
        },
        {
          id: "4",
          name: "Oliver",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/lovely-pet-portrait-isolated_23-2149192348.jpg",
          imageAlt: "Oliver Cat",
        },
        {
          id: "5",
          name: "Daisy",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-waiting-be-adopted-by-someone_23-2148682989.jpg",
          imageAlt: "Daisy Dog",
        },
        {
          id: "6",
          name: "Simba",
          price: "Available",
          imageSrc: "http://img.b2bpic.net/free-photo/lovely-sleeping-cat-thai-home-pet-take-nap-car-domestic-animal_1150-18111.jpg",
          imageAlt: "Simba Cat",
        },
      ]}
      title="Available for Adoption"
      description="Meet some of our amazing animals waiting for their forever homes."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Emily R.",
          date: "Jan 2024",
          title: "Best Decision Ever",
          quote: "I found the most wonderful dog here. The team was so helpful!",
          tag: "Dog Owner",
          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-petting-dog_23-2149613984.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-pet-dogs-playing-park_1359-286.jpg?_wi=7",
          imageAlt: "happy dog portrait outdoor",
        },
        {
          id: "2",
          name: "Mark S.",
          date: "Feb 2024",
          title: "Wonderful Experience",
          quote: "My kitten is a joy. The adoption process was smooth.",
          tag: "Cat Owner",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-playing-with-cat-kitchen-home_158595-7432.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-with-dog-countryside_23-2148200811.jpg?_wi=7",
          imageAlt: "rescue dog smiling meadow",
        },
        {
          id: "3",
          name: "Sarah P.",
          date: "Mar 2024",
          title: "Life Changing",
          quote: "Happy Paws helped us find our perfect companion.",
          tag: "Dog Owner",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-man-having-fun-with-his-dog-park_23-2147902259.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/female-farmer-feeding-baby-goat_23-2149066233.jpg?_wi=2",
          imageAlt: "pet shelter volunteer playing",
        },
        {
          id: "4",
          name: "John D.",
          date: "Apr 2024",
          title: "Great Support",
          quote: "Very professional and caring staff. Highly recommend.",
          tag: "Cat Owner",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-elderly-woman-with-cat_23-2150139691.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cute-dog-blue-background_181624-25204.jpg?_wi=2",
          imageAlt: "cute rescue dog portrait",
        },
        {
          id: "5",
          name: "Anna L.",
          date: "May 2024",
          title: "Perfect Match",
          quote: "Our new dog fits in our family perfectly!",
          tag: "Dog Owner",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-with-fluffy-black-dog-outdoors_23-2148683013.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-with-her-pet_23-2149284073.jpg?_wi=2",
          imageAlt: "fluffy rescue cat portrait",
        },
      ]}
      title="Happy Tails"
      description="Success stories from families who found their furry soulmates with us."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get in Touch"
      description="Interested in adopting, volunteering, or donating? Send us a message today."
      inputs={[
        {
          name: "fullName",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "How can we help?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/smiley-woman-sitting-rescue-dog-shelter_23-2148682942.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Happy Paws Shelter"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
