"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 } 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}
      features={[
        {
          id: "f1",          title: "Handmade Tortillas",          description: "Freshly prepared blue corn tortillas served daily with every dish.",          tag: "Signature",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317307.jpg",          imageAlt: "Handmade tortillas"},
        {
          id: "f2",          title: "Traditional Mole",          description: "Time-honored recipes perfected using authentic spices and fresh local ingredients.",          tag: "Authentic",          imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-pile-bowl_23-2147694148.jpg",          imageAlt: "Traditional Mole"},
        {
          id: "f3",          title: "Atmosphere & Music",          description: "Enjoy live music and a warm environment crafted for memorable dining.",          tag: "Ambiance",          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-good-time-while-listening-their-friend-playing-guitar_23-2149187034.jpg",          imageAlt: "Restaurant atmosphere"},
      ]}
      title="Our Handcrafted Specialties"
      description="Discover flavors that reflect generations of Oaxacan tradition."
    />
  </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"},
        {
          id: "4",          name: "David Kim",          date: "Aug 2023",          title: "Traveler",          quote: "Great atmosphere and live music really adds to the charm.",          tag: "Great Vibes",          avatarSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg"},
        {
          id: "5",          name: "Laura Martinez",          date: "Jul 2023",          title: "Local Diner",          quote: "Perfect spot for family dinners. Everyone loved it.",          tag: "Family Favorite",          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-taking-his-shoes-off-hotel-room_637285-7610.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>
  );
}
