"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Menu",          id: "menu"},
        {
          name: "Reservation",          id: "reservation"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="LOLA kafe "
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Haqiqiy o'zbek lazzatlari yuqori darajadagi atmosferada "
      description="Lola kafeda an'ana, ta'm va mehmondo'stlikni his eting "
      buttons={[
        {
          text: "Menu",          href: "#menu"},
        {
          text: "Book a Table",          href: "#reservation"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvWgR82VZNMwRJZ6Ff0vMRfeG9/uploaded-1775837468018-fgz2fq5c.webp"
      imageAlt="Traditional Uzbek plov and dishes"
      showDimOverlay={true}
      showBlur={false}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 5"},
      ]}
      avatarText="Join 1000+ satisfied guests"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="O'zbek mehmondo'stligi merosi "
      description="“Lola”da biz O‘zbekiston qalbini dasturxoningizga tortamiz. An’anaviy tandem pechlarimizning qizg‘in isishidan tortib qozon pishirishning nozik mahoratigacha, har bir taom meros, tazelik va o‘ziga xos lazzat haqida hikoya qiladi. "
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BvWgR82VZNMwRJZ6Ff0vMRfeG9/uploaded-1775837730602-j61oa74s.jpg"
      imageAlt="Authentic Uzbek culinary tradition"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Main",          name: "Traditional Plov",          price: "$18",          rating: 5,
          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=2"},
        {
          id: "p2",          brand: "Main",          name: "Lagman Soup",          price: "$15",          rating: 5,
          reviewCount: "98",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=3"},
        {
          id: "p3",          brand: "Main",          name: "Shashlik Set",          price: "$22",          rating: 4,
          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=4"},
        {
          id: "p4",          brand: "Bakery",          name: "Fresh Samsa",          price: "$6",          rating: 5,
          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=5"},
        {
          id: "p5",          brand: "Bakery",          name: "Uzbek Non",          price: "$4",          rating: 5,
          reviewCount: "300",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=6"},
        {
          id: "p6",          brand: "Drink",          name: "Ayran Yogurt",          price: "$5",          rating: 4,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg?_wi=7"},
      ]}
      title="Our National Treasures"
      description="Exquisite dishes prepared using ancestral recipes passed down through generations."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={true}
      testimonial="An absolute revelation. The Plov is the most authentic I have ever tasted outside of Tashkent. Truly premium service!"
      rating={5}
      author="Elena V."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/vertical-view-delicious-chicken-soup-with-noodles-greens-spoon-pink-stripped-towel-oil-bottle-garlic-lemon-notebook-dark-background_140725-141683.jpg",          alt: "Customer 5"},
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="slide-up"
    />
  </div>

  <div id="reservation" data-section="reservation">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Reserve Your Table"
      description="Secure your place at our table and enjoy an evening of authentic culture and fine dining. For inquiries: +1 (555) 123-4567 | Location: 123 Silk Road St, Central City"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
        },
        {
          name: "date",          type: "date",          placeholder: "Date",          required: true,
        },
        {
          name: "time",          type: "time",          placeholder: "Time",          required: true,
        },
      ]}
      textarea={{
        name: "notes",        placeholder: "Special requests or allergy information",        rows: 3,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-arranged-empty-coffee-shop_107420-96463.jpg"
      imageAlt="Dining experience at Sarchashma"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Instagram",              href: "https://instagram.com/sarchashma"},
            {
              label: "WhatsApp",              href: "https://wa.me/15551234567"},
            {
              label: "Telegram",              href: "https://t.me/sarchashma"},
          ],
        },
        {
          items: [
            {
              label: "Call: +1 (555) 123-4567",              href: "tel:+15551234567"},
            {
              label: "123 Silk Road St, Central City",              href: "https://maps.google.com"},
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Legal",              href: "#"},
          ],
        },
      ]}
      logoText="Sarchashma"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}