"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "home"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "products"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Kohli Sweets"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
      title="Kohli Sweets & Bakers"
      description="Authentic Punjabi Flavors, Crafted with Heritage and Luxury. Experience the tradition of excellence in every bite."
      buttons={[
        {
          text: "View Menu",          href: "#products"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/delectable-sweet-corn-sticks-plate-blue-table_114579-89707.jpg"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Legacy of Taste"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/male-hand-gloves-making-dough-marble-table_2831-8152.jpg",          alt: "Crafting sweets"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Gulab Jamun",          brand: "Signature",          price: "₹150",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-arrangement-with-chocolate-box-rose_23-2148243780.jpg",          onProductClick: () => window.location.href = '#contact'
        },
        {
          id: "2",          name: "Ras Malai",          brand: "Signature",          price: "₹200",          rating: 5,
          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/colors-prepared-holi-festival_23-2151903622.jpg",          onProductClick: () => window.location.href = '#contact'
        },
        {
          id: "3",          name: "Assorted Barfi",          brand: "Gift Box",          price: "₹500",          rating: 4,
          reviewCount: "200",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-organic-dye-collection_23-2148883210.jpg",          onProductClick: () => window.location.href = '#contact'
        },
        {
          id: "4",          name: "Kesar Jalebi",          brand: "Traditional",          price: "₹120",          rating: 5,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-varieties-traditional-nuts-lemon-confiture-sweets-served-white-tablecloth_114579-279.jpg",          onProductClick: () => window.location.href = '#contact'
        },
        {
          id: "5",          name: "Motichoor Ladoo",          brand: "Classic",          price: "₹180",          rating: 4,
          reviewCount: "80",          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-dessert-bowl-with-fresh-fruit-variation-generated-by-ai_188544-38848.jpg",          onProductClick: () => window.location.href = '#contact'
        },
        {
          id: "6",          name: "Kaju Katli",          brand: "Premium",          price: "₹450",          rating: 5,
          reviewCount: "300",          imageSrc: "http://img.b2bpic.net/free-photo/tray-full-appetizing-turkish-delight-marble-background-high-quality-photo_114579-36450.jpg",          onProductClick: () => window.location.href = '#contact'
        },
      ]}
      title="Signature Mithai"
      description="Hand-selected traditional sweets made with pure desi ghee and premium ingredients."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "No artificial preservatives",          "Zero compromise on quality",          "Traditional methods only"],
      }}
      positiveCard={{
        items: [
          "Farm-fresh milk daily",          "Authentic Punjabi recipes",          "Luxurious dining environment"],
      }}
      title="Why Choose Kohli?"
      description="Combining old-school Punjabi hospitality with a modern, luxurious dining experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Incredible Flavors",          quote: "The most authentic mithai I have had in years. Feels like home.",          name: "Rajesh Kumar",          role: "Patron",          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663876.jpg"},
        {
          id: "2",          title: "Luxury Dining",          quote: "The ambiance is perfect for family celebrations. Highly recommend.",          name: "Simran Kaur",          role: "Regular",          imageSrc: "http://img.b2bpic.net/free-photo/group-young-happy-friends-enjoying-lunch-focus-is-african-american-woman-serving-salad-dining-table_637285-2870.jpg"},
        {
          id: "3",          title: "Sweet Perfection",          quote: "Kohli's Kaju Katli is simply unmatched in flavor and texture.",          name: "Anil Singh",          role: "Foodie",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-paper-wrapped-sandwich_23-2151309996.jpg"},
        {
          id: "4",          title: "Great Hospitality",          quote: "The staff goes above and beyond. Truly a luxurious experience.",          name: "Deepika V.",          role: "Guest",          imageSrc: "http://img.b2bpic.net/free-photo/couple-together-romantic-dinner_23-2148060555.jpg"},
        {
          id: "5",          title: "Heritage Taste",          quote: "Keeping the old traditions alive with such elegance. Brilliant.",          name: "Vikram Singh",          role: "Patron",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-posing-with-souvenirs_23-2149557028.jpg"},
      ]}
      title="Voices of Delight"
      description="What our patrons say about their authentic Punjabi experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Do you offer catering?",          content: "Yes, we specialize in high-end catering for weddings and events."},
        {
          id: "f2",          title: "Are your sweets eggless?",          content: "100% of our traditional mithai and bakery items are eggless."},
        {
          id: "f3",          title: "Where are you located?",          content: "We have multiple flagship stores across the city. Visit our Contact section for details."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/patient-enjoying-free-time-after-chemotherapy-treatment_23-2149261143.jpg"
      mediaAnimation="slide-up"
      title="Common Questions"
      description="Everything you need to know about our restaurant and bakery services."
      faqsAnimation="opacity"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Visit Us"
      title="Experience Kohli Excellence"
      description="Book a table or inquire about our premium catering services today."
      buttons={[
        {
          text: "Contact Us Now",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Menu",          items: [
            {
              label: "Mithai",              href: "#products"},
            {
              label: "Restaurant",              href: "#"},
            {
              label: "Catering",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Kohli Sweets & Bakers"
      bottomRightText="All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}