"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "/about" },
              { name: "Contact", id: "/contact" }
            ]}
            brandName="Veloura Intimates"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardCarousel
            title="Unleash Your Confidence"
            description="Luxury lingerie designed to make you feel irresistible."
            background={{ variant: "gradient-bars" }}
            buttons={[{ text: "Shop Now", href: "/shop" }]}
            mediaItems={[
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=1", imageAlt: "Model in lace lingerie" },
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=2", imageAlt: "Model in lace lingerie" },
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=3", imageAlt: "Model in lace lingerie" },
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=4", imageAlt: "Model in lace lingerie" },
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=5", imageAlt: "Model in lace lingerie" },
              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-stunning-high-fashion-model-wearing-in-1774608047367-20023143.png?_wi=6", imageAlt: "Model in lace lingerie" }
            ]}
          />
        </div>

        <div id="lace-collection" data-section="lace-collection">
          <ProductCardFour
            gridVariant="three-columns-all-equal-width"
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            title="Our Signature Collections"
            description="Exquisite lace and premium silk sets."
            products={[
              { id: "1", name: "Ethereal Lace Set", price: "$85.00", variant: "Black", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-product-photography-of-a-black--1774608047529-7d193ab1.png" },
              { id: "2", name: "Smoothing Silhouette", price: "$65.00", variant: "Nude", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/a-high-end-shapewear-piece-seamless-desi-1774608046568-779b6bc2.png" },
              { id: "3", name: "Delicate Lace Thong", price: "$25.00", variant: "Blush", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/delicate-thong-and-panty-set-in-blush-pi-1774608047297-01fb52f0.png" }
            ]}
          />
        </div>

        <div id="testimonials-section" data-section="testimonials-section">
          <TestimonialCardSixteen
            title="Empowered Women"
            description="Voices of the Veloura community."
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            kpiItems={[
              { value: "10k+", label: "Confident Women" },
              { value: "98%", label: "Customer Satisfaction" },
              { value: "5+", label: "New Collections" }
            ]}
            testimonials={[
              { id: "1", name: "Sophia L.", role: "Client", company: "Veloura Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png?_wi=1" },
              { id: "2", name: "Maria K.", role: "Client", company: "Veloura Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png?_wi=2" },
              { id: "3", name: "Elena R.", role: "Client", company: "Veloura Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png?_wi=3" },
              { id: "4", name: "Chloe B.", role: "Client", company: "Veloura Fan", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/close-up-portrait-of-a-confident-woman-s-1774608046311-a423c174.png?_wi=4" }
            ]}
          />
        </div>

        <div id="newsletter" data-section="newsletter">
          <ContactSplit
            tag="Join Us"
            title="Get 10% Off Your First Order"
            description="Sign up for exclusive access to new launches, limited edition sets, and style tips."
            useInvertedBackground={true}
            background={{ variant: "plain" }}
            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/soft-focus-abstract-luxury-textile-drape-1774608048805-9a8e7698.png"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Veloura Intimates"
            columns={[
              {
                title: "Shop",                items: [{ label: "Bras", href: "/shop" }, { label: "Panties", href: "/shop" }, { label: "Sets", href: "/shop" }]
              },
              {
                title: "About",                items: [{ label: "Our Story", href: "/about" }, { label: "FAQ", href: "/faq" }, { label: "Contact", href: "/contact" }]
              }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
