"use client";

import { ThemeProvider, ThemeProviderProps } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TextBox from '@/components/Textbox';


export default function MenuPage() {
  const navItems = [
    { name: "Головна", id: "/" },
    { name: "Меню", id: "/menu" },
    { name: "Замовити", id: "/order" },
    { name: "Бронювання", id: "/reservation" },
    { name: "Галерея", id: "/gallery" },
    { name: "Контакти", id: "#contact" },
  ];

  const footerColumns = [
    {
      title: "Меню",      items: [
        { label: "Піца", href: "/menu" },
        { label: "Страви", href: "/menu" },
        { label: "Суші", href: "/menu" },
        { label: "Напої", href: "/menu" },
      ],
    },
    {
      title: "Компанія",      items: [
        { label: "Про Нас", href: "/about" },
        { label: "Галерея", href: "/gallery" },
        { label: "Контакти", href: "#contact" },
      ],
    },
    {
      title: "Сервіс",      items: [
        { label: "Замовити Онлайн", href: "/order" },
        { label: "Бронювання", href: "/reservation" },
        { label: "Політика Конфіденційності", href: "#" },
      ],
    },
  ];

  // ThemeProvider props copied from page.tsx
  const themeProviderProps: ThemeProviderProps = {
    defaultButtonVariant: "text-stagger",    defaultTextAnimation: "entrance-slide",    borderRadius: "pill",    contentWidth: "compact",    sizing: "largeSmall",    background: "noiseDiagonalGradient",    cardStyle: "gradient-bordered",    primaryButtonStyle: "gradient",    secondaryButtonStyle: "layered",    headingFontWeight: "light"};

  const pizzaItems = [
    { id: "p1", name: "Піца Маргарита", price: "220 UAH", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-pizza-with-mushrooms-tomato-cheese-table-food-meal-fast-food_140725-28338.jpg", imageAlt: "Піца Маргарита" },
    { id: "p6", name: "Піца Пепероні", price: "250 UAH", imageSrc: "http://img.b2bpic.net/free-photo/baked-firewood-pizza-cooked-rustic-oven-generated-by-ai_188544-14066.jpg", imageAlt: "Піца Пепероні" },
    { id: "p7", name: "Піца Чотири Сири", price: "280 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pizza-on-dark-wooden-table_87413-5800.jpg", imageAlt: "Піца Чотири Сири" },
    { id: "p8", name: "Піца Капрічоза", price: "260 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pizza-black-background-isolated-with-different-toppings-cherry-tomatoes-pepperoni-sausage-olives-basil-and-cheese_140725-27357.jpg", imageAlt: "Піца Капрічоза" },
  ];

  const pastaItems = [
    { id: "pa1", name: "Паста Карбонара", price: "180 UAH", imageSrc: "http://img.b2bpic.net/free-photo/seafood-fettuccini-with-creamy-sauce-parmesan-topped-with-cherry-tomato-dill_140725-1612.jpg", imageAlt: "Паста Карбонара" },
    { id: "pa2", name: "Паста Болоньєзе", price: "190 UAH", imageSrc: "http://img.b2bpic.net/free-photo/pasta-bolognese-with-tomato-sauce-parmesan-cheese-fresh-basil_140725-26330.jpg", imageAlt: "Паста Болоньєзе" },
    { id: "pa3", name: "Паста Альфредо", price: "200 UAH", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pasta-served-table_23-2149303569.jpg", imageAlt: "Паста Альфредо" },
  ];

  const mainCourseItems = [
    { id: "mc1", name: "Стейк Рібай на Грилі", price: "450 UAH", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg", imageAlt: "Стейк Рібай" },
    { id: "mc2", name: "Курячий Шніцель", price: "230 UAH", imageSrc: "http://img.b2bpic.net/free-photo/plate-chicken-breast-vegetables_23-2148777176.jpg", imageAlt: "Курячий Шніцель" },
  ];

  const sushiItems = [
    { id: "s1", name: "Сет 'Дракон'", price: "390 UAH", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-side-shrimps_140725-1875.jpg", imageAlt: "Сет Дракон" },
    { id: "s2", name: "Філадельфія Рол", price: "210 UAH", imageSrc: "http://img.b2bpic.net/free-photo/fresh-sushi-set-table_23-2148750867.jpg", imageAlt: "Філадельфія Рол" },
    { id: "s3", name: "Каліфорнія Рол", price: "190 UAH", imageSrc: "http://img.b2bpic.net/free-photo/sushi-food-plate-restaurant-japanese_1203-5750.jpg", imageAlt: "Каліфорнія Рол" },
  ];

  const drinkItems = [
    { id: "d1", name: "Домашній Лимонад", price: "75 UAH", imageSrc: "http://img.b2bpic.net/free-photo/infused-healthy-water-drink-glasses_1220-3983.jpg", imageAlt: "Домашній лимонад" },
    { id: "d2", name: "Кока-Кола", price: "40 UAH", imageSrc: "http://img.b2bpic.net/free-photo/fresh-drink-glass-ice_1350-1090.jpg", imageAlt: "Кока-Кола" },
    { id: "d3", name: "Вода Мінеральна", price: "35 UAH", imageSrc: "http://img.b2bpic.net/free-photo/glass-water-minerals-close-up_23-2147775586.jpg", imageAlt: "Вода Мінеральна" },
  ];


  return (
    <ThemeProvider {...themeProviderProps}>
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={navItems}
            brandName="Pizzeria Daniel"
            button={{ text: "Замовити Онлайн", href: "/order" }}
            animateOnLoad={true}
          />
        </div>

        <div id="menu-hero" data-section="menu-hero">
          <TextBox
            title="Наше Меню"
            description="Відкрийте для себе світ смаків Pizzeria Daniel – від автентичної неаполітанської піци до вишуканих суші та пасти."
            textboxLayout="default"
            center={true}
            tag="Смакуйте з Нами"
          />
        </div>

        <div id="pizza-menu" data-section="pizza-menu">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={false}
            products={pizzaItems}
            title="Піца"
            description="Справжня неаполітанська піца, випечена в дров'яній печі за традиційними рецептами."
            tag="Свіжі Інгредієнти"
          />
        </div>

        <div id="pasta-menu" data-section="pasta-menu">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width" 
            useInvertedBackground={true} 
            products={pastaItems}
            title="Паста"
            description="Класичні італійські пасти, приготовані за автентичними рецептами з найкращих інгредієнтів."
            tag="Ручна Робота"
          />
        </div>

        <div id="main-courses-menu" data-section="main-courses-menu">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="two-columns-alternating-heights"
            useInvertedBackground={false}
            products={mainCourseItems}
            title="Основні Страви"
            description="Вишукані м'ясні та рибні страви, приготовані на грилі або за спеціальними рецептами шефа."
            tag="Для Гуртманів"
          />
        </div>

        <div id="sushi-menu" data-section="sushi-menu">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={true}
            products={sushiItems}
            title="Суші та Роли"
            description="Свіжі та ароматні суші та роли, приготовані з якісних морепродуктів."
            tag="Японська Кухня"
          />
        </div>

        <div id="drinks-menu" data-section="drinks-menu">
          <ProductCardOne
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
            products={drinkItems}
            title="Напої"
            description="Освіжаючі напої, що чудово доповнять вашу страву – від домашніх лимонадів до прохолодних газованих напоїв."
            tag="Для Всіх"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
            imageAlt="Екстер'єр ресторану Pizzeria Daniel"
            logoText="Pizzeria Daniel"
            columns={footerColumns}
            copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
