"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Utensils, ChefHat, Flame, Wine } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="inset"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Menu",          id: "#menu"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Oaxaca Bar & Grill"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDualMedia
      background={{
        variant: "gradient-bars"}}
      title="Authentic Oaxaca Tradition Soul Flavor"
      description="Experience the vibrant culinary traditions of Oaxaca with handcrafted dishes, live music, and genuine hospitality. From blue corn tortillas to time-honored family recipes, every plate tells a story."
      tag="Authentic Regional Gastronomy"
      buttons={[
        {
          text: "Reserve Your Table",          href: "#contact"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/singe-dish-table_23-2147681075.jpg",          imageAlt: "Oaxacan cuisine plating"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chef-with-apron-chopping-cucumber-kitchen_23-2148763126.jpg",          imageAlt: "Traditional preparation"},
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Loved by the Clinton Community"
      tagIcon={Utensils}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="A Legacy of Taste"
      description="Rooted in family heritage, we bring the true essence of Oaxaca to Clinton. Our kitchen is a tribute to traditional preparation methods, where quality ingredients and love define our culinary soul."
      tag="Heritage & Quality"
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149213359.jpg"
      imageAlt="Our kitchen heritage"
    />
  </div>

  <div id="menu" data-section="menu">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      title="Oaxacan Culinary Offerings"
      description="Explore our curated selection of authentic dishes crafted with heritage techniques and fresh, vibrant ingredients."
      features={[
        {
          id: "m1",          title: "Mole Negro",          description: "The king of moles, a complex blend of chocolate, chilies, and over 30 traditional spices, simmered to perfection.",          tag: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-mole-sauce-dish_23-2148763126.jpg",          imageAlt: "Mole Negro"},
        {
          id: "m2",          title: "Tlayudas",          description: "Crispy, large, toasted tortilla topped with refried beans, avocado, quesillo, and your choice of protein.",          tag: "Traditional",          imageSrc: "http://img.b2bpic.net/free-photo/tlayuda-mexican-street-food_23-2149317307.jpg",          imageAlt: "Tlayuda"},
        {
          id: "m3",          title: "Hand-pressed Tortillas",          description: "Daily fresh blue corn tortillas pressed by hand to accompany every order.",          tag: "Artisanal",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-blue-corn-tortillas_23-2148854291.jpg",          imageAlt: "Blue corn tortillas"},
        {
          id: "m4",          title: "Mescal Flights",          description: "A curated exploration of traditional Oaxacan agave spirits, featuring smoky and floral expressions.",          tag: "Spirits",          imageSrc: "http://img.b2bpic.net/free-photo/mezcal-tasting-flight_23-2149187034.jpg",          imageAlt: "Mezcal flight"}
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          date: "Oct 2023",          title: "Food Enthusiast",          quote: "The mole is absolutely incredible. Truly authentic.",          tag: "Excellent",          avatarSrc: "http://img.b2bpic.net/free-photo/anxious-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-orange-wall-with-copy-space_141793-116438.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150652893.jpg"},
        {
          id: "2",          name: "Michael Chen",          date: "Sep 2023",          title: "Regular Diner",          quote: "Finally, a restaurant that understands real regional flavors.",          tag: "Quality",          avatarSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bread_23-2149250097.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          date: "Aug 2023",          title: "Food Blogger",          quote: "Handmade tortillas make all the difference. Fantastic experience.",          tag: "Authentic",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196963.jpg"},
      ]}
      title="Voices from Oaxaca"
      description="What our guests say about their culinary journey."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars"}}
      tag="Reserve A Table"
      title="Visit Us Soon"
      description="We are located in the heart of Clinton. Reserve your table or join our mailing list for updates on our special menu nights."
      buttonText="Subscribe"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Menu",              href: "#menu"},
            {
              label: "Testimonials",              href: "#testimonials"},
          ],
        },
        {
          items: [
            {
              label: "Reserve Table",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Oaxaca Bar & Grill"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}