"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Facebook, Instagram, Twitter, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Meow Haven"
          navItems={[
            { name: "About", id: "about" },
            { name: "Features", id: "features" },
            { name: "Gallery", id: "gallery" },
            { name: "Stories", id: "stories" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Welcome to Meow Haven"
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-cute-white-cat-with-blue-eyes_181624-56251.jpg",              imageAlt: "Beautiful portrait of a domestic cat"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-black-white-cat_181624-53790.jpg",              imageAlt: "Playful kitten playing with toys"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/gray-cat-table-brown-background-studio-photo-active-cat_482257-36359.jpg",              imageAlt: "Peaceful cat resting comfortably"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-white-cat-sitting-rag-house_181624-51412.jpg",              imageAlt: "Cat exploring outdoor garden"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/british-shorthair-cat_1268-14729.jpg",              imageAlt: "Cat bonding with family members"
            }
          ]}
          buttons={[
            { text: "Explore Cats", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutPhoneTimeline
          tag="About Cats"
          title="Understanding Your Feline Friend"
          description="Cats are fascinating creatures with unique personalities, ancient instincts, and a remarkable ability to form deep bonds with humans. From their independent nature to their playful antics, cats have captivated our hearts for thousands of years. Discover what makes cats truly special and how to provide them with the best care possible."
          phoneOne={{
            imageSrc: "https://img.b2bpic.net/free-photo/girl-playing-with-siamese-kitten_1398-3804.jpg"
          }}
          phoneTwo={{
            imageSrc: "https://img.b2bpic.net/free-photo/pretty-woman-playing-with-siamese-cat_158595-5726.jpg"
          }}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Cat Care Guide", href: "features" },
            { text: "Cat Facts", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwenty
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/girl-playing-with-siamese-kitten_1398-3804.jpg"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/pets-morning-comfort-rest-people-concept_158595-7398.jpg"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-japanese-woman-with-cat_23-2150492139.jpg"
            },
            {
              id: 4,
              imageSrc: "https://img.b2bpic.net/free-photo/pretty-woman-playing-with-siamese-cat_158595-5726.jpg"
            }
          ]}
          title="Essential Cat Care"
          description="Learn everything you need to know about keeping your feline companion healthy, happy, and thriving. From proper nutrition and exercise to grooming and health monitoring, we cover all aspects of responsible cat ownership."
          tag="Care Tips"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Explore Care Guide", href: "#" }
          ]}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardSeven
          title="Cat Product Showcase"
          description="Discover premium products designed to enhance your cat's lifestyle, from interactive toys to comfortable resting spaces and essential accessories."
          tag="Shop"
          products={[
            {
              id: "1",              name: "Interactive Toy Ball",              price: "$12.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-pet-lifestyle_23-2149180534.jpg"
            },
            {
              id: "2",              name: "Feather Wand Toy",              price: "$9.99",              imageSrc: "https://img.b2bpic.net/free-photo/woman-plays-with-rope-with-bengal-cat_8353-529.jpg"
            },
            {
              id: "3",              name: "Cozy Cat Bed",              price: "$34.99",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-beautiful-cat-with-owner_23-2149216333.jpg"
            },
            {
              id: "4",              name: "Sisal Scratcher",              price: "$24.99",              imageSrc: "https://img.b2bpic.net/free-photo/cat-red-basket_1339-708.jpg"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="stories" data-section="stories">
        <TestimonialCardEleven
          title="What Cat Lovers Say"
          description="Hear heartwarming stories from cat owners who have experienced the joy and companionship of living with their feline friends."
          tag="Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              nameTitle: "Sarah Chen, Cat Parent",              quote: "Meow Haven completely transformed how I care for my cat. The resources and community support have been invaluable in understanding my feline friend's needs.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"
            },
            {
              id: "2",              nameTitle: "Michael Rodriguez, Feline Enthusiast",              quote: "I never realized how much depth there is to cat behavior until I discovered this platform. My cats are happier, and so am I!",              imageSrc: "https://img.b2bpic.net/free-photo/woman-smiles-toothily-looks-surprised-hears-awesome-news-wears-casual-yellow-sweater-poses-white-human-face-expressions-emotions-feelings-concept_273609-55936.jpg"
            },
            {
              id: "3",              nameTitle: "Emma Watson, Pet Advocate",              quote: "The tips and guidance have helped me provide the best possible environment for my three cats. They're thriving more than ever.",              imageSrc: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg"
            },
            {
              id: "4",              nameTitle: "David Kim, Multi-Cat Household",              quote: "Managing multiple cats can be challenging, but the expert advice here has made everything so much smoother and more harmonious.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-with-curly-hair-toothy-smile-has-carefree-happy-expression-wears-casual-jumper-poses-against-beige-positive-human-emotions-face-expressions-concept_273609-56482.jpg"
            },
            {
              id: "5",              nameTitle: "Lisa Thompson, New Cat Mom",              quote: "As a first-time cat owner, I felt overwhelmed. This community and resource site gave me the confidence to provide excellent care.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg"
            },
            {
              id: "6",              nameTitle: "James Anderson, Cat Rescue Partner",              quote: "The adoption guidance and post-adoption support have helped so many people give shelter cats loving forever homes.",              imageSrc: "https://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about cat care or adoption? Reach out to our community. We'd love to hear from fellow cat enthusiasts and help you on your feline journey."
          inputs={[
            {
              id: "name",              label: "Your Name",              type: "text",              placeholder: "Enter your name",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "your@email.com",              required: true
            }
          ]}
          textarea={{
            id: "message",            label: "Message",            placeholder: "Tell us about your cat or ask your question..."
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-vector/get-well-soon-with-cute-character_23-2148491698.jpg"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Meow Haven"
          description="Your ultimate destination for cat care, adoption guidance, and feline companionship. Join our community of cat lovers."
          columns={[
            {
              title: "Explore",              items: [
                { label: "About Cats", href: "about" },
                { label: "Care Guide", href: "features" },
                { label: "Products", href: "gallery" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Stories", href: "stories" },
                { label: "Contact Us", href: "contact" },
                { label: "Newsletter", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Cat Health", href: "#" },
                { label: "Adoption Tips", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
            { icon: Youtube, href: "https://youtube.com", ariaLabel: "Subscribe to our YouTube channel" }
          ]}
          copyrightText="© 2025 Meow Haven. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}