"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeLargeTitles"
        background="circleGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Products",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Sweet Aura"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars"}}
      title="Sweetness Redefined"
      description="Indulge in our exquisite, handmade sweets crafted with the finest ingredients for a truly luxurious experience."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-biscuits-with-chocolate-chips_23-2148425603.jpg",          imageAlt: "Luxury sweet 1"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-food-dark-plate-table_23-2148425498.jpg",          imageAlt: "Luxury sweet 2"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-full-small-colorful-doughnuts_114579-53887.jpg",          imageAlt: "Luxury sweet 3"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-cake-concept_23-2148769254.jpg",          imageAlt: "Luxury sweet 4"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-smoothies-jar-spoon-vase-table_23-2148028557.jpg",          imageAlt: "Luxury sweet 5"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34494.jpg",          imageAlt: "Luxury sweet 6"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/one-whole-fresh-sweet-doughnut-with-pink-frosting-high-quality-photo_114579-36631.jpg",          imageAlt: "Luxury sweet 7"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-chocolate-assortment-with-copy-space_23-2148549341.jpg",          imageAlt: "Luxury sweet 8"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-dessert-ready-be-served_23-2148622359.jpg",          imageAlt: "Luxury sweet 9"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-cake-glass-composition_23-2149030803.jpg",          imageAlt: "Luxury sweet 10"},
      ]}
      buttons={[
        {
          text: "Order Now",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/coffee-with-milk-chocolate-pralines_114579-16748.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/pot-with-pumpkin-roses_23-2148273510.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/chocolate-fantasy-world-ball_23-2151468258.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168875.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg",          alt: "Customer 5"},
      ]}
      avatarText="Loved by 10k+ sweet enthusiasts"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/muffins-black_114579-18496.jpg",          alt: "Logo 1"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/arrangement-dried-fruit-marmalade-cardboard-tray_23-2148425597.jpg",          alt: "Logo 2"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/dark-chocolate-bowls-with-filling-plate_23-2148123875.jpg",          alt: "Logo 3"},
        {
          type: "text",          text: "ARTISAN"},
        {
          type: "text",          text: "PREMIUM"},
      ]}
    />
    <audio autoPlay loop>
      <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg" />
      <track kind="captions" />
    </audio>
    <style jsx global>{`
      audio { display: none; }
    `}</style>
    <script dangerouslySetInnerHTML={{ __html: `
      const audio = document.querySelector('audio');
      if (audio) {
        audio.volume = 0.7;
        document.addEventListener('click', () => audio.play(), { once: true });
      }
    ` }} />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Crafted with Passion"
      description={[
        "Our sweets are meticulously handmade using fresh, premium ingredients to ensure unparalleled taste.",        "We believe in the beauty of simplicity and the complexity of perfect flavor profiles.",        "Experience the perfect balance of luxury, texture, and artistry in every bite."]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Sweet Aura",          name: "Gold Truffle",          price: "$15",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg"},
        {
          id: "p2",          brand: "Sweet Aura",          name: "Emerald Macaron",          price: "$8",          rating: 5,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/three-colorful-macarons-black-background_84443-85794.jpg"},
        {
          id: "p3",          brand: "Sweet Aura",          name: "Silk Ganache",          price: "$22",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/sweet-small-doughnuts-with-sprinkles-black-table_114579-78941.jpg"},
        {
          id: "p4",          brand: "Sweet Aura",          name: "Velvet Delight",          price: "$12",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/creative-arrangement-delicious-macarons_23-2148949042.jpg"},
        {
          id: "p5",          brand: "Sweet Aura",          name: "Midnight Crunch",          price: "$18",          rating: 5,
          reviewCount: "65",          imageSrc: "http://img.b2bpic.net/free-photo/rose-flavored-dessert-decorative-bowl_23-2151994663.jpg"},
        {
          id: "p6",          brand: "Sweet Aura",          name: "Forest Berry",          price: "$10",          rating: 4,
          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/chocolates-with-white-red-coating-black-board-seastones-side-view_141793-15476.jpg"},
      ]}
      title="Signature Collection"
      description="Discover our handpicked selection of artisanal sweets."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Fresh Ingredients",          description: "Sourced daily for maximum quality.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-chocolate-goodies-with-copy-space_23-2148654091.jpg"},
        {
          title: "Handmade Quality",          description: "Carefully crafted by expert chocolatiers.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-creamy-delicious-cakes-with-chocolate-cips-white-surface-cake-biscuit-cookie-tea-sweet-cream_140725-101385.jpg"},
        {
          title: "Fast Delivery",          description: "Ensuring your sweets arrive fresh.",          imageSrc: "http://img.b2bpic.net/free-photo/slice-chocolate-cake-white-plate-with-fruit-crackers_114579-19106.jpg"},
      ]}
      title="Why Choose Sweet Aura"
      description="We are dedicated to excellence in every detail of our process."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Elena V.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3895.jpg"},
        {
          id: "t2",          name: "Marcus L.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22362.jpg"},
        {
          id: "t3",          name: "Sophie K.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-yellow-jacket-red-shirt_613910-10362.jpg"},
        {
          id: "t4",          name: "James D.",          imageSrc: "http://img.b2bpic.net/free-photo/annoyed-pretty-brunette-caucasian-girl-sun-glasses-stands-with-crossed-arms-green_141793-69503.jpg"},
        {
          id: "t5",          name: "Linda R.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-stylish-red-dress-holding-shopping-bags-smiling-buying-promo-offe_1258-174602.jpg"},
      ]}
      cardTitle="Loved by Connoisseurs"
      cardAnimation="blur-reveal"
      cardTag="Testimonials"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "How are your sweets delivered?",          content: "We use climate-controlled packaging for safe delivery."},
        {
          id: "f2",          title: "Are ingredients fresh?",          content: "Yes, we source fresh, organic ingredients daily."},
        {
          id: "f3",          title: "Do you offer custom boxes?",          content: "Absolutely, contact us for custom order requests."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/baker-holding-egg-kitchen-top_23-2148302891.jpg"
      mediaAnimation="opacity"
      title="Common Questions"
      description="Everything you need to know about our luxury sweets."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      text="Ready to experience the luxury of Sweet Aura? Send us a message to start your order."
      buttons={[
        {
          text: "Submit Details",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Sweet Aura"
      leftLink={{
        text: "Home",        href: "#hero"}}
      rightLink={{
        text: "Products",        href: "#products"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
