"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

export default function MenuPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "/#about"},
        {
          name: "Menu",          id: "/menu"},
        {
          name: "Specials",          id: "/#specials"},
        {
          name: "Testimonials",          id: "/#testimonials"},
        {
          name: "FAQ",          id: "/#faq"},
        {
          name: "Contact",          id: "/#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/hand-reaching-fresh-tacos-wooden-board-candlelight_1308-189504.jpg"
      logoAlt="Taqueria Los Panchos Logo"
      brandName="Taqueria Los Panchos"
      button={{
        text: "Order Now",        href: "/#contact"}}
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "taco-al-pastor",          name: "Taco al Pastor",          price: "$3.50",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-tasty-tortillas-with-meat-tomato-sauce-ingredients_181624-46252.jpg",          imageAlt: "Taco al Pastor with pineapple"},
        {
          id: "taco-carne-asada",          name: "Taco de Carne Asada",          price: "$4.00",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-tacos_23-2150831005.jpg",          imageAlt: "Taco de Carne Asada"},
        {
          id: "fish-taco",          name: "Baja Fish Taco",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-tacos-with-shrimpguacamole-vegetables-wooden-table_123827-22793.jpg",          imageAlt: "Crispy Baja Fish Taco"},
        {
          id: "vegetarian-taco",          name: "Vegetarian Taco",          price: "$3.75",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-mexican-burritos_23-2147812175.jpg",          imageAlt: "Vegetarian Taco with fresh ingredients"},
        {
          id: "classic-burrito",          name: "Classic Burrito",          price: "$10.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-kebab-with-mayonnaise_23-2148685542.jpg",          imageAlt: "Large classic burrito"},
        {
          id: "chicken-quesadilla",          name: "Chicken Quesadilla",          price: "$9.00",          imageSrc: "http://img.b2bpic.net/free-photo/mexican-quesadilla-wrap-with-chicken-corn-sweet-pepper-salsa_2829-11768.jpg",          imageAlt: "Chicken quesadilla with melted cheese"},
      ]}
      title="Our Signature Dishes"
      description="Explore our menu filled with classic Mexican street food and gourmet creations, all made with the freshest ingredients."
      tag="Full Menu"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}