"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="compact"
        sizing="mediumSizeLargeTitles"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Our Story",
          id: "about",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "Gallery",
          id: "features",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Oaxaca"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static",
      }}
      title="Authentic Oaxacan Culinary Journey"
      description="Experience the vibrant flavors of Southern Mexico in the heart of the city. Traditional recipes met with modern elegance."
      testimonials={[
        {
          name: "Elena R.",
          handle: "@elena_eats",
          testimonial: "The best mole I've had outside of Oaxaca!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-server-posing-with-confidence-with-arms-crossed_482257-122122.jpg",
        },
        {
          name: "Marcus T.",
          handle: "@mtravels",
          testimonial: "An incredible atmosphere and the mezcal selection is top tier.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/american-diner-aesthetics_23-2151854444.jpg",
        },
        {
          name: "Sofia L.",
          handle: "@sofia_l",
          testimonial: "Authentic, fresh, and beautiful. A must-visit.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
        },
        {
          name: "David K.",
          handle: "@foodie_dk",
          testimonial: "Fine dining at its best, yet it feels so welcoming.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
        },
        {
          name: "Clara J.",
          handle: "@clara_clara",
          testimonial: "A true hidden gem with superb service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pretty-white-woman-stylish-summer-bohemain-autfit-posing-tropical-cafe_273443-3153.jpg"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663829.jpg",
          alt: "Diner portrait 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg",
          alt: "Diner portrait 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/plate-event-dinner-party-glass_1203-5093.jpg",
          alt: "Diner portrait 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/colourful-mexican-house_23-2151769257.jpg",
          alt: "Diner portrait 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg",
          alt: "Diner portrait 5",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Authentic",
        },
        {
          type: "text",
          text: "Traditional",
        },
        {
          type: "text",
          text: "Gourmet",
        },
        {
          type: "text",
          text: "Oaxacan",
        },
        {
          type: "text",
          text: "Fine Dining",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="A Legacy of Flavor"
      description="Our kitchen is guided by generations of Oaxacan tradition, using authentic spices and fresh local produce to create plates that tell a story."
      metrics={[
        {
          value: "15+",
          title: "Secret Recipes",
        },
        {
          value: "50+",
          title: "Mezcal Labels",
        },
        {
          value: "100%",
          title: "Authentic Ingredients",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/onion-chili-fresh-pepper-kaffir-lime-leaves-lime-placed-wooden-chopping-board_1150-24779.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Craft Mezcal Bar",
          descriptions: [
            "Expertly curated selection of premium mezcals.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19191.jpg",
        },
        {
          id: "2",
          title: "Traditional Decor",
          descriptions: [
            "Handcrafted art and warm rustic interiors.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-traditional-holi-powder_23-2147924621.jpg",
        },
        {
          id: "3",
          title: "Outdoor Terrace",
          descriptions: [
            "Charming open-air seating for warm evenings.",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3437.jpg",
        },
      ]}
      title="Beyond Just Dining"
      description="Discover our thoughtfully designed spaces meant to elevate your dining experience."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          brand: "Main",
          name: "Tlayuda Tradicional",
          price: "$28",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/beef-stew-ball-with-vegetable-feeling-sauce-dark-plate-closeup_1220-6654.jpg",
        },
        {
          id: "2",
          brand: "Main",
          name: "Mole Negro Con Pollo",
          price: "$32",
          rating: 5,
          reviewCount: "205",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-vegetables_23-2148132009.jpg",
        },
        {
          id: "3",
          brand: "Appetizer",
          name: "Chapulines Gourmet",
          price: "$18",
          rating: 4,
          reviewCount: "85",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life_23-2151053738.jpg",
        },
        {
          id: "4",
          brand: "Appetizer",
          name: "Guacamole Fresco",
          price: "$15",
          rating: 5,
          reviewCount: "150",
          imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-hot-guacamole-sauce-with-ingredients-top-view_114579-7076.jpg",
        },
        {
          id: "5",
          brand: "Main",
          name: "Cerdo al Horno",
          price: "$30",
          rating: 5,
          reviewCount: "90",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-spicy-razor-clams_1203-9554.jpg",
        },
        {
          id: "6",
          brand: "Dessert",
          name: "Flan de Dulce de Leche",
          price: "$12",
          rating: 5,
          reviewCount: "60",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-lohri-day-food_23-2148725300.jpg",
        },
      ]}
      title="Chef's Specials"
      description="A curated selection of our signature traditional Oaxacan plates."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The atmosphere and flavors are absolutely unmatched. Oaxaca is easily the best dining experience in the city, bringing true Mexican warmth and sophistication."
      rating={5}
      author="Elena Rodriguez"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/happy-asian-woman-shows-thumbs-up-approves-likes-smth-good-stands-near-cafe-entrance-give-her_1258-199002.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-fresh-cheese_23-2150267645.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-family-sitting-table_23-2147810816.jpg",
          alt: "Diner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
          alt: "Diner",
        },
      ]}
      ratingAnimation="slide-up"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "downward-rays-static",
      }}
      tag="Reserve Your Table"
      title="Join Us Tonight"
      description="Book a reservation for an unforgettable evening."
      mediaAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Oaxaca"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#about",
            },
            {
              label: "Menu",
              href: "#menu",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Twitter",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 Oaxaca Cuisine Bar & Grill"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
