"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "Home", id: "#hero" },
        { name: "Menu", id: "#menu" },
        { name: "About", id: "#about" },
        { name: "Contact", id: "#contact" },
      ]}
      brandName="Le 831"
      button={{ text: "Book Now", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{ variant: "gradient-bars" }}
      title="Authentic Fusion. Halal Perfection."
      description="Experience the fire of Asian street food reimagined in a sophisticated, halal setting at Le 831."
      buttons={[
        { text: "Reserve Now", href: "#contact" },
        { text: "View Menu", href: "#menu" },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-27tpmgbe.jpg?_wi=1"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        { type: "text", content: "The Legacy of " },
        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-sit54uy2.jpg", alt: "Le 831 Heritage" },
        { type: "text", content: " Authentic Halal Flavors" },
      ]}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        { id: "1", brand: "Signature", name: "Fire-Grilled Skewers", price: "$18", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-thfyjc3t.jpg" },
        { id: "2", brand: "Main", name: "Spicy Hand-Pulled Noodles", price: "$22", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232853.jpg" },
        { id: "3", brand: "Appetizer", name: "Hand-Folded Momos", price: "$14", rating: 4, reviewCount: "88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-27tpmgbe.jpg?_wi=2" },
        { id: "4", brand: "Specialty", name: "Wok-Tossed Beef", price: "$26", rating: 5, reviewCount: "72", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-sit54uy2.jpg?_wi=1" },
        { id: "5", brand: "Delicacy", name: "Szechuan Pepper Wings", price: "$16", rating: 5, reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-cook-cutting-green-celery-gourmet-kitchen-using-cutting-board-knife-slice-coleslaw-salad-woman-chef-with-uniform-preparing-ingredients-food-recipe_482257-46080.jpg" },
        { id: "6", brand: "Fusion", name: "Lamb Flatbread Bites", price: "$19", rating: 4, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/bowling-alley-with-neon-lights_23-2151697095.jpg" },
      ]}
      title="Signature Delights"
      description="Discover our most celebrated dishes, crafted with heat and tradition."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="split-description"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      metrics={[
        { id: "m1", value: "100%", description: "Certified Halal Ingredients" },
        { id: "m2", value: "20+", description: "Years of Culinary Passion" },
        { id: "m3", value: "5k+", description: "Happy Guests Served Monthly" },
      ]}
      title="The Heat Behind 831"
      description="Our numbers speak to the passion in our kitchen."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      members={[
        { id: "t1", name: "Chef Ahmed", role: "Executive Chef", description: "Mastering flavors for over 15 years.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727983.jpg" },
        { id: "t2", name: "Sara Chen", role: "Head of Fusion", description: "Bridging traditional and modern techniques.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-attire_23-2151217179.jpg" },
        { id: "t3", name: "Marcus Wong", role: "Hospitality Lead", description: "Ensuring every diner feels like family.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-waitress_1098-14476.jpg" },
      ]}
      title="Meet Our Culinary Masters"
      description="The faces behind the fire that makes Le 831 iconic."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        { id: "1", name: "Amina R.", role: "Food Blogger", company: "FlavorQuest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg" },
        { id: "2", name: "Liam P.", role: "Local Gourmet", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
        { id: "3", name: "Sofia G.", role: "Frequent Diner", company: "CityGuide", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006735.jpg" },
        { id: "4", name: "David W.", role: "Foodie", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190932.jpg" },
        { id: "5", name: "Elena M.", role: "Traveler", company: "GlobalEats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-having-cocktails_23-2150244958.jpg" },
      ]}
      kpiItems={[
        { value: "4.9/5", label: "Avg. Rating" },
        { value: "98%", label: "Return Guest Rate" },
        { value: "500+", label: "Reviews Written" },
      ]}
      title="Voices of the Fire"
      description="What our guests have to say about their experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "f1", title: "Is the menu 100% Halal?", content: "Yes, every ingredient used at Le 831 is strictly certified Halal." },
        { id: "f2", title: "Do you accept large groups?", content: "Absolutely, we love hosting parties and private events." },
        { id: "f3", title: "Can I reserve a table online?", content: "Yes, simply use the contact section below to request a booking." },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-27tpmgbe.jpg?_wi=3"
      title="Queries & Clarities"
      description="Common questions regarding our halal certifications and dining experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="Contact"
      useInvertedBackground={true}
      background={{ variant: "rotated-rays-static" }}
      title="Visit Us"
      description="Book your table and feel the heat at our downtown location."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUfKZpZQQmdWtMe6Jko2lAPOBd/uploaded-1778341600253-sit54uy2.jpg?_wi=2"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Le 831"
      copyrightText="© 2025 Restaurant Halal Le 831."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
