"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Users, Coffee, Utensils, GlassWater, Leaf } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Home", id: "hero" },
        { name: "About", id: "about" },
        { name: "Menu", id: "menu" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="Khayal"
      button={{ text: "Reservations", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{ variant: "rotated-rays-static-grid" }}
      title="Khayal Restaurant"
      description="Where culinary artistry meets refined hospitality. Experience an unforgettable journey of flavors."
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006619.jpg", alt: "Guest" },
        { src: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg", alt: "Guest" },
        { src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg", alt: "Guest" },
      ]}
      avatarText="Loved by thousands"
      buttons={[
        { text: "View Menu", href: "#menu" },
        { text: "Book Table", href: "#contact" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Culinary Essence"
      metrics={[
        { icon: Utensils, label: "Signature Dishes", value: "85+" },
        { icon: Leaf, label: "Local Ingredients", value: "100%" },
        { icon: Award, label: "Years of Passion", value: "15" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="asymmetric-60-wide-40-narrow"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Signature Lamb Shank", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/cooked-lamb-ribs-front-view_23-2148516965.jpg" },
        { id: "p2", name: "Truffle Infused Risotto", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg" },
        { id: "p3", name: "Pan-Seared Sea Bass", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/grilled-sea-bass-with-vegetables_23-2148705009.jpg" },
        { id: "p4", name: "Garden Herb Salad", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-tomatoes-with-greens-bell-peppers-dark-background_140725-137146.jpg" },
        { id: "p5", name: "Artisanal Mocktail", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/purple-cocktail-table_140725-9605.jpg" },
        { id: "p6", name: "Velvety Roasted Tomato Soup", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-with-slice-mushroom_141793-873.jpg" },
        { id: "p7", name: "Dark Chocolate Fondant", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg" },
      ]}
      title="Exquisite Menu Selection"
      description="Discover our curated collection of culinary masterpieces, where every ingredient tells a story."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "Sarah Ahmed", role: "Gastronomy Critic", company: "DineExpert", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
        { id: "t2", name: "Khalid Omar", role: "Regular Patron", company: "Local Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enyoing-dinner-party_23-2150717851.jpg" },
        { id: "t3", name: "Laila Jassim", role: "Chef & Educator", company: "Culinary Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25277.jpg" },
      ]}
      title="Guest Reviews"
      description="Our reputation is built on the satisfaction of our guests and their love for our cuisine."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Bookings"
      title="Reserve Your Table"
      description="Join us for an evening of luxury and flavor. Book your table directly to ensure availability."
      imageSrc="http://img.b2bpic.net/free-photo/table-setting_74190-1957.jpg"
      mediaAnimation="slide-up"
      buttonText="Reserve"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/top-view-empty-plate-pinked-brown-rustic-plate-food-kitchen-wood_140725-34253.jpg"
      logoText="Khayal"
      columns={[
        {
          title: "Menu",          items: [
            { label: "Signature Courses", href: "#menu" },
            { label: "Seasonal Specials", href: "#menu" },
            { label: "Desserts & Drinks", href: "#menu" },
          ],
        },
        {
          title: "Company",          items: [
            { label: "Our Story", href: "#about" },
            { label: "Private Events", href: "#contact" },
            { label: "Careers", href: "#" },
          ],
        },
        {
          title: "Connect",          items: [
            { label: "Reservations", href: "#contact" },
            { label: "Location & Hours", href: "#contact" },
            { label: "FAQs", href: "#faq" },
          ],
        },
      ]}
      copyrightText="© 2025 | Khayal Fine Dining"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
