Update src/app/menu/page.tsx

src/app/menu/page.tsx

@@ -2,239 +2,175 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import { Award, Sparkles, Utensils } from "lucide-react";
+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 = {
+    defaultButtonVariant: "icon-arrow",    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: "Вода Мінеральна" },
+  ];
+
 
-export default function LandingPage() {
   return (
-    <ThemeProvider
+    <ThemeProvider {...themeProviderProps}>
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="largeSmall"
-        background="noiseDiagonalGradient"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
-      navItems={[
+            navItems={navItems}
-        {
-          name: "Головна",
-          id: "/",
-        },
-        {
-          name: "Меню",
-          id: "/menu",
-        },
-        {
-          name: "Замовити",
-          id: "/order",
-        },
-        {
-          name: "Бронювання",
-          id: "/reservation",
-        },
-        {
-          name: "Галерея",
-          id: "/gallery",
-        },
-        {
-          name: "Контакти",
-          id: "/contacts",
-        },
-      ]}
             brandName="Pizzeria Daniel"
-      button={{
+            button={{ text: "Замовити Онлайн", href: "/order" }}
-        text: "Замовити Онлайн",
-        href: "/order",
-      }}
             animateOnLoad={true}
           />
         </div>
 
-  <div id="full-menu" data-section="full-menu">
+        <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={[
+            products={mainCourseItems}
-        {
+            title="Основні Страви"
-          id: "mp1",
+            description="Вишукані м'ясні та рибні страви, приготовані на грилі або за спеціальними рецептами шефа."
-          name: "Піца Маргарита (Pizza Margherita)",
+            tag="Для Гуртманів"
-          price: "220 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-pizza-with-vegetables_23-2149298060.jpg",
-          imageAlt: "Піца Маргарита",
-        },
-        {
-          id: "mp2",
-          name: "Піца Пепероні (Pizza Pepperoni)",
-          price: "250 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-pizza-rustic-wooden-table-generated-by-ai_188544-18550.jpg",
-          imageAlt: "Піца Пепероні",
-        },
-        {
-          id: "mp3",
-          name: "Паста Карбонара (Pasta Carbonara)",
-          price: "180 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/dry-pasta-spaghetti-with-ingredient_1339-881.jpg",
-          imageAlt: "Паста Карбонара",
-        },
-        {
-          id: "mp4",
-          name: "Паста Болоньєзе (Pasta Bolognese)",
-          price: "195 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pasta-with-cheese-basil_140725-11551.jpg",
-          imageAlt: "Паста Болоньєзе",
-        },
-        {
-          id: "mp5",
-          name: "Стейк Рібай на Грилі (Ribeye Steak)",
-          price: "450 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meat-pan-with-chili_23-2148610992.jpg",
-          imageAlt: "Стейк Рібай",
-        },
-        {
-          id: "mp6",
-          name: "Лосось на Грилі (Grilled Salmon)",
-          price: "380 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-grilled_1339-3584.jpg",
-          imageAlt: "Лосось на Грилі",
-        },
-        {
-          id: "mp7",
-          name: "Сет 'Дракон' (Dragon Set)",
-          price: "390 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/several-sushi-pieces-with-seafood_1203-1585.jpg",
-          imageAlt: "Сет Дракон",
-        },
-        {
-          id: "mp8",
-          name: "Сет 'Філадельфія' (Philadelphia Set)",
-          price: "420 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-sushi-order-takeaway_23-2149050373.jpg",
-          imageAlt: "Сет Філадельфія",
-        },
-        {
-          id: "mp9",
-          name: "Домашній Лимонад (Homemade Lemonade)",
-          price: "75 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/straw-glass-jar-garnished-with-lemon-slice_23-2148102599.jpg",
-          imageAlt: "Домашній лимонад",
-        },
-        {
-          id: "mp10",
-          name: "Свіжовичавлений Сік (Fresh Juice)",
-          price: "80 UAH",
-          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-tropical-fruits-with-blank-notepad_23-2147795421.jpg",
-          imageAlt: "Свіжовичавлений Сік",
-        },
-      ]}
-      title="Наше Анімоване Меню"
-      description="Відкрийте для себе повний асортимент наших страв:"
           />
         </div>
 
-  <div id="menu-metrics" data-section="menu-metrics">
+        <div id="sushi-menu" data-section="sushi-menu">
-      <MetricCardThree
+          <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}
-      metrics={[
+            products={drinkItems}
-        {
+            title="Напої"
-          id: "m1",
+            description="Освіжаючі напої, що чудово доповнять вашу страву – від домашніх лимонадів до прохолодних газованих напоїв."
-          icon: Sparkles,
+            tag="Для Всіх"
-          title: "Унікальних Рецептів",
-          value: "50+",
-        },
-        {
-          id: "m2",
-          icon: Utensils,
-          title: "Висококваліфікованих Кухарів",
-          value: "15",
-        },
-        {
-          id: "m3",
-          icon: Award,
-          title: "Нагород та Відзнак",
-          value: "7",
-        },
-      ]}
-      title="Наші Кулінарні Досягнення"
-      description="Ми постійно прагнемо досконалості, щоб кожна страва дарувала вам незабутні враження."
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg?_wi=2"
+            imageSrc="http://img.b2bpic.net/free-photo/love-sign-wall-wedding-reception_637285-5615.jpg"
             imageAlt="Екстер'єр ресторану Pizzeria Daniel"
             logoText="Pizzeria Daniel"
-      columns={[
+            columns={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: "/contacts",
-            },
-          ],
-        },
-        {
-          title: "Сервіс",
-          items: [
-            {
-              label: "Замовити Онлайн",
-              href: "/order",
-            },
-            {
-              label: "Бронювання",
-              href: "/reservation",
-            },
-            {
-              label: "Політика Конфіденційності",
-              href: "#",
-            },
-          ],
-        },
-      ]}
             copyrightText="© 2024 Pizzeria Daniel. Усі права захищено."
           />
         </div>