From 52389a6afd8e0f69a6ee15caf744492bb66b645b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 18:53:15 +0000
Subject: [PATCH] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 180 ++++++++++++++----------------------------
 1 file changed, 58 insertions(+), 122 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 1823420..bc5ca67 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,137 +2,73 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-export default function LandingPage() {
+export default function MenuPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumLarge"
-        sizing="largeSmall"
-        background="aurora"
-        cardStyle="solid"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="medium"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmall"
+      background="aurora"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Contact & Order",
-          id: "/contact",
-        },
-      ]}
-      brandName="Karamel's Cafe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "Contact & Order", id: "/contact" }
+            ]}
+            brandName="Karamel's Cafe"
+          />
+        </div>
 
-  <div id="menu-grid" data-section="menu-grid">
-      <ProductCardThree
-      animationType="opacity"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Croissant",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720146.jpg",
-        },
-        {
-          id: "p2",
-          name: "Cake Slice",
-          price: "$6.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-blue-bowl-wooden-table_123827-32690.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sourdough",
-          price: "$8.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/healthy-ingredients-included-salad_23-2148173932.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fruit Bowl",
-          price: "$7.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-tasty-cheesecake-lemon-tea-cup-toast-salad-fried-egg-bacon-gray-plate-white-background_23-2148067173.jpg",
-        },
-        {
-          id: "p5",
-          name: "Sandwich",
-          price: "$9.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-cups-aroma-coffee-with-pastries-gray-table_114579-22175.jpg",
-        },
-        {
-          id: "p6",
-          name: "Brownie",
-          price: "$5.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-chocolate-pudding-with-almonds_23-2149349267.jpg",
-        },
-      ]}
-      title="Our Full Menu"
-      description="Explore our delicious range of food and drinks."
-    />
-  </div>
+        <div id="coffee" data-section="coffee">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Coffee & Drinks"
+            description="Carefully crafted beverages."
+            features={[
+              { id: "c1", title: "Espresso", subtitle: "Rich and intense", category: "Hot", value: "$3.50" },
+              { id: "c2", title: "Latte", subtitle: "Creamy and smooth", category: "Hot", value: "$4.50" },
+              { id: "c3", title: "Iced Americano", subtitle: "Cool and refreshing", category: "Cold", value: "$4.00" }
+            ]}
+          />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Menu Highlights"
-      description="What our customers love most."
-      metrics={[
-        {
-          id: "m1",
-          value: "20+",
-          title: "Daily Items",
-          items: [
-            "Fresh Pastries",
-            "Gourmet Coffee",
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="food" data-section="food">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="default"
+            title="Signature Meals"
+            description="Fresh ingredients, handmade daily."
+            features={[
+              { id: "f1", title: "Avocado Toast", subtitle: "Sourdough, radish, herbs", category: "Breakfast", value: "$12.00" },
+              { id: "f2", title: "Croissant Sandwich", subtitle: "Eggs, cheddar, greens", category: "Lunch", value: "$10.00" },
+              { id: "f3", title: "Berry Parfait", subtitle: "Yogurt, granola, honey", category: "Breakfast", value: "$8.00" }
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "Order",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Karamel's Cafe"
-      bottomRightText="123 Cafe Street, Coffee Town"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Order", href: "/contact" }] }
+            ]}
+            bottomLeftText="© 2024 Karamel's Cafe"
+            bottomRightText="123 Cafe Street, Coffee Town"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );