"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { History } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumLarge"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#products"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Haveli Restaurant"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Haveli Restaurant"
      description="Experience the timeless flavors and regal heritage of Mahendergarh in every bite."
      buttons={[
        {
          text: "View Menu",          href: "#products"},
      ]}
      slides={[
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6g2dde", imageAlt: "Traditional interior dining space" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t43h4m", imageAlt: "Elegant heritage restaurant setting" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itflmo", imageAlt: "Warm rustic architectural detail" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jw14o1", imageAlt: "Ornate traditional arched doorway" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ltb2s8", imageAlt: "Fine dining atmosphere" },
        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=77lan6", imageAlt: "Classical haveli evening mood" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="A Legacy of Taste in Mahendergarh"
      tag="Our Heritage"
      tagIcon={History}
      tagAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Royal Spices",          description: "Authentic aromatic spice blends prepared using traditional stone-grinding techniques for deep, complex flavors.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bi2m7t",            imageAlt: "spicy indian curry dish"
          },
          items: [],
          reverse: false,
        },
        {
          title: "Heritage Cooking",          description: "Slow-cooked perfection in every dish, maintaining the integrity of age-old culinary secrets.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6yneb4",            imageAlt: "spicy indian curry dish"
          },
          items: [],
          reverse: true,
        },
        {
          title: "Traditional Ambiance",          description: "Immerse yourself in a historic atmosphere designed to reflect the grandeur of Indian architectural heritage.",          media: {
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k6utp",            imageAlt: "spicy indian curry dish"
          },
          items: [],
          reverse: false,
        },
      ]}
      title="Our Specialties"
      description="Authentic recipes crafted with traditional methods."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="opacity"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        { id: "1", name: "Dal Makhani", price: "$12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6k6utp" },
        { id: "2", name: "Butter Chicken", price: "$18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avg6jx" },
        { id: "3", name: "Paneer Tikka", price: "$14", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2qugmy" },
        { id: "4", name: "Tandoori Roti", price: "$5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=djm0qu" },
        { id: "5", name: "Veg Biryani", price: "$15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99en8i" },
        { id: "6", name: "Gulab Jamun", price: "$8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxcz8e" },
      ]}
      title="Our Signature Dishes"
      description="Savor the best of local cuisine, crafted with passion and historical authenticity."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="A truly magical experience. The food tastes just like home, and the ambiance is breathtakingly authentic."
      rating={5}
      author="Rajesh Sharma"
      avatars={[
        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uyk10n", alt: "Happy regular guest" },
        { src: "asset://testimonial-1-2", alt: "Satisfied family diner" },
        { src: "asset://testimonial-1-3", alt: "Local food enthusiast" },
        { src: "asset://testimonial-1-4", alt: "Traveler visiting Mahendergarh" },
        { src: "asset://testimonial-1-5", alt: "Fine dining patron" },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance, especially during the weekends, to ensure the best table." },
        { id: "f2", title: "Is the restaurant family-friendly?", content: "Absolutely, we welcome guests of all ages and provide a comfortable, inviting space for families." },
        { id: "f3", title: "Do you host private events?", content: "We offer dedicated banquet services and can curate bespoke menus for celebrations and gatherings." },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
      sideDescription="Everything you need to know about dining at Haveli Restaurant."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Visit Us"
      title="Join Us for Dinner"
      description="Book your table and experience authentic heritage dining in the heart of Mahendergarh."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iviny2"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Haveli Restaurant"
      leftLink={{ text: "Privacy Policy", href: "#" }}
      rightLink={{ text: "Terms of Service", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
