From 34d13d1a5980e2e76e1281cc282eea0f4e0b2a04 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 16:50:40 +0000
Subject: [PATCH] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 213 +++++++++++++++++++++++++++++++-----------
 1 file changed, 160 insertions(+), 53 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 2cf0885..c8e8747 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -4,13 +4,24 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroLogo from "@/components/sections/hero/HeroLogo";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import Link from "next/link";
+import { Leaf, Flame, AlertCircle, ShoppingCart, Home } from "lucide-react";
 
 export default function MenuPage() {
+  const navItems = [
+    { name: "Shtëpia", id: "home" },
+    { name: "Menu", id: "menu" },
+    { name: "Rreth Nesh", id: "about" },
+    { name: "Galeri", id: "gallery" },
+    { name: "Kontakt", id: "contact" },
+  ];
+
   const footerColumns = [
     {
-      title: "Lidhje të Shpejta",
-      items: [
+      title: "Lidhje të Shpejta",      items: [
         { label: "Shtëpia", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Rreth Nesh", href: "/about" },
@@ -18,8 +29,7 @@ export default function MenuPage() {
       ],
     },
     {
-      title: "Kontakt",
-      items: [
+      title: "Kontakt",      items: [
         { label: "+355 69 351 4999", href: "tel:+355693514999" },
         { label: "Rruga Besim Mema, Tiranë", href: "#" },
         { label: "info@watamitirana.al", href: "mailto:info@watamitirana.al" },
@@ -27,8 +37,7 @@ export default function MenuPage() {
       ],
     },
     {
-      title: "Në Rrjet",
-      items: [
+      title: "Në Rrjet",      items: [
         { label: "Facebook", href: "#" },
         { label: "Instagram", href: "#" },
         { label: "WhatsApp", href: "#" },
@@ -37,6 +46,80 @@ export default function MenuPage() {
     },
   ];
 
+  // Menu categories with items
+  const menuCategories = [
+    {
+      id: "appetizers",      name: "Përlosat (Appetizers)",      description: "Filloni përvojën tuaj me zgjedhje të imta",      items: [
+        {
+          id: "app-1",          name: "Edamame",          price: "350 Lek",          description: "Bizele të garuara me kripë detari",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=edamame&_wi=1"},
+        {
+          id: "app-2",          name: "Gyoza (4 copë)",          price: "450 Lek",          description: "Dumplings të pjekur me mbushje peshku",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gyoza&_wi=1"},
+        {
+          id: "app-3",          name: "Miso Soup",          price: "320 Lek",          description: "Supë tradicionale me tofua dhe alga",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=miso&_wi=1"},
+        {
+          id: "app-4",          name: "Tempura Erëza",          price: "480 Lek",          description: "Perimet të pjekura në zeje të lehtë",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tempura&_wi=1"},
+      ],
+    },
+    {
+      id: "rolls",      name: "Rolet e Sushit",      description: "Kombinime të përsosura me peshk premium",      items: [
+        {
+          id: "roll-1",          name: "Philadelphia Roll",          price: "850 Lek",          description: "Salmonë e freskët, krem seluë, angushtë",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=philly&_wi=1"},
+        {
+          id: "roll-2",          name: "California Roll",          price: "750 Lek",          description: "Sufllaqe, avokado, karrotë, vezë",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=california&_wi=1"},
+        {
+          id: "roll-3",          name: "Dragon Roll",          price: "950 Lek",          description: "Sufllaqe, avokado, ujqe i kuq, ikura",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dragon&_wi=1"},
+        {
+          id: "roll-4",          name: "Rainbow Roll",          price: "1100 Lek",          description: "California roll me peshk të freskët me shumë ngjyra",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rainbow&_wi=1"},
+        {
+          id: "roll-5",          name: "Spicy Tuna Roll",          price: "820 Lek",          description: "Tonë e kuqe, mayonnaise pikantin, kastravec",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=spicytuna&_wi=1"},
+        {
+          id: "roll-6",          name: "Vegetarian Roll",          price: "650 Lek",          description: "Avokado, kastravec, karrotë, manara të matura",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vegroll&_wi=1"},
+      ],
+    },
+    {
+      id: "nigiri",      name: "Nigiri (Peshk në Oriz)",      description: "Peshk i freskët premium mbi oriz i përgatitur me durim",      items: [
+        {
+          id: "nigiri-1",          name: "Salmon Nigiri Set (8 copë)",          price: "950 Lek",          description: "Salmonë e freskët më i mirë nga furnizuesi ynë",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=salmonnigiri&_wi=1"},
+        {
+          id: "nigiri-2",          name: "Tuna Nigiri Set (8 copë)",          price: "1050 Lek",          description: "Tonë e kuqe e freskët, peshk premium",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tunanigiri&_wi=1"},
+        {
+          id: "nigiri-3",          name: "Shrimp Nigiri Set (8 copë)",          price: "880 Lek",          description: "Shrimpe të garuara të freskëta mbi oriz premium",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=shrimppnigiri&_wi=1"},
+        {
+          id: "nigiri-4",          name: "Mixed Nigiri Set (12 copë)",          price: "1350 Lek",          description: "Përzgjedhje e imtë e salmonës, tonës dhe shrimpes",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mixednigiri&_wi=1"},
+      ],
+    },
+    {
+      id: "sashimi",      name: "Sashimi (Peshk i Paproblematik)",      description: "Peshk i freskët në formën më të pastër",      items: [
+        {
+          id: "sash-1",          name: "Salmon Sashimi Set (8 copë)",          price: "1100 Lek",          description: "Salmonë e freskët në feta të imta",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=salmonsash&_wi=1"},
+        {
+          id: "sash-2",          name: "Tuna Sashimi Set (8 copë)",          price: "1200 Lek",          description: "Tonë e kuqe dhe e verdhë, peshk më i mirë",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tunasash&_wi=1"},
+        {
+          id: "sash-3",          name: "Sashimi Assortment (12 copë)",          price: "1400 Lek",          description: "Përzgjedhje premium e salmonës, tonës, shrimpes",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sashimiassort&_wi=1"},
+      ],
+    },
+    {
+      id: "specialties",      name: "Specialitete të Watami",      description: "Krijimet unike të shefit jonë",      items: [
+        {
+          id: "spec-1",          name: "Watami Special Roll",          price: "1250 Lek",          description: "Sekreti i shefit - salmonë, avokado, pikantin, ikura",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=watamispeicial&_wi=1"},
+        {
+          id: "spec-2",          name: "Tempura Roll",          price: "980 Lek",          description: "Sufllaqe në krapi, pikantin, avokado",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tempuraroll&_wi=1"},
+        {
+          id: "spec-3",          name: "Shrimp Tempura Uramaki",          price: "920 Lek",          description: "Shrimpe të pjekur, avokado, më i brendshëm",          dietary: "Nuk përmban alergene të rëndësishme",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=shrimptemp&_wi=1"},
+      ],
+    },
+    {
+      id: "sides",      name: "Anësore & Pije",      description: "Ploteso përvojën tuaj",      items: [
+        {
+          id: "side-1",          name: "Oriz i Sushit (për 2 persona)",          price: "280 Lek",          description: "Oriz i freskët i përgatitur me vesë rizi",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rice&_wi=1"},
+        {
+          id: "side-2",          name: "Sallatë Edamame",          price: "380 Lek",          description: "Bizele të garuara me dressing Asian",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=edamamesalad&_wi=1"},
+        {
+          id: "side-3",          name: "Kola e Freskët (330ml)",          price: "150 Lek",          description: "Pije e përzgjedhjes tuaj",          dietary: "Vegetarian",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=drink&_wi=1"},
+      ],
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -61,73 +144,97 @@ export default function MenuPage() {
             { name: "Kontakt", id: "contact" },
           ]}
           button={{
-            text: "Rezervo Tavolë",
-            href: "/contact",
-          }}
+            text: "Porosis Tani",            href: "#order"}}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero-menu" data-section="hero-menu" className="mx-auto px-4 md:px-6">
         <HeroLogo
-          logoText="Menyja Ynë"
-          description="Zbuloni koleksionin e plotë të rolave sushit, sashimit, nigirit dhe specialiteteve japoneze"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=4"
-          imageAlt="Meny e plotë e sushit"
+          logoText="Menyja e Plotë e Sushit"
+          description="Zbuloni koleksionin tonë eksklusiv të sushit me peshk premium të freskët dhe përgatitje autentike japoneze"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menuhero&_wi=1"
+          imageAlt="Menyja e plotë e Watami Tirana"
           buttons={[
-            { text: "Porosis Tani", href: "#" },
-            { text: "Kontakto", href: "/contact" },
+            { text: "Porosis Online", href: "#order" },
+            { text: "Thirrje për Detaje", href: "tel:+355693514999" },
           ]}
           buttonAnimation="blur-reveal"
+          showDimOverlay={false}
         />
       </div>
 
-      <div id="product-menu" data-section="product-menu" className="mx-auto px-4 md:px-6">
-        <ProductCardOne
-          title="Rolla Sushit"
-          description="Përzgjedhje e artizanit të rolave të sushit me peshk të freskët dhe përbërës premium"
+      <div id="menu-items" data-section="menu-items" className="mx-auto px-4 md:px-6">
+        {menuCategories.map((category) => (
+          <div key={category.id} className="mb-16">
+            <ProductCardOne
+              title={category.name}
+              description={category.description}
+              textboxLayout="default"
+              useInvertedBackground={false}
+              gridVariant="three-columns-all-equal-width"
+              animationType="blur-reveal"
+              products={category.items.map((item) => ({
+                id: item.id,
+                name: item.name,
+                price: item.price,
+                imageSrc: item.imageSrc,
+                imageAlt: item.name,
+              }))}
+            />
+          </div>
+        ))}
+      </div>
+
+      <div id="dietary-info" data-section="dietary-info" className="mx-auto px-4 md:px-6">
+        <FeatureBorderGlow
+          title="Informacioni për Dietë & Alergenit"
+          description="Ne marrim seriozisht kërkesat tuaja dietetike. Kontaktoni ne për detaje të plota rreth ingredientëve dhe përgatitjes"
+          features={[
+            {
+              icon: Leaf,
+              title: "Opsionet Vegetariane",              description: "Qëllimisht të përgatitura pa peshk ose produkte shtazore"},
+            {
+              icon: AlertCircle,
+              title: "Informacioni i Alergenut",              description: "Të gjithë rrjedhat potenciale të alergenut janë të identifikuara"},
+            {
+              icon: Flame,
+              title: "Përgatitje Shtesë",              description: "Përgatitimet e personalizuara janë të disponueshme në kërkesë"},
+            {
+              icon: ShoppingCart,
+              title: "Porositje Me Siguri",              description: "Porositje me besim - ne garantojmë cilësinë dhe higjienën"},
+          ]}
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="three-columns-all-equal-width"
-          animationType="blur-reveal"
-          products={[
+        />
+      </div>
+
+      <div id="order" data-section="order" className="mx-auto px-4 md:px-6">
+        <ContactSplitForm
+          title="Porosis Menun tuaj Tani"
+          description="Zgjedhni pisat tuaja të preferuara dhe porositni online. Dorëzim i shpejtë ose pjekja për të marrë - zgjedh atë që funksionon më mirë për ty."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orderform&_wi=1"
+          imageAlt="Porosis sushit online"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          useInvertedBackground={false}
+          inputs={[
             {
-              id: "roll-1",
-              name: "Philadelphia Roll",
-              price: "850 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=5",
+              name: "name",              type: "text",              placeholder: "Emri yt",              required: true,
             },
             {
-              id: "roll-2",
-              name: "California Roll",
-              price: "750 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=6",
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx",              required: true,
             },
             {
-              id: "roll-3",
-              name: "Dragon Roll",
-              price: "950 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=7",
-            },
-            {
-              id: "roll-4",
-              name: "Spicy Tuna Roll",
-              price: "800 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=8",
-            },
-            {
-              id: "roll-5",
-              name: "Ebi Tempura Roll",
-              price: "900 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=9",
-            },
-            {
-              id: "roll-6",
-              name: "Rainbow Roll",
-              price: "1050 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=10",
+              name: "email",              type: "email",              placeholder: "Email yt",              required: false,
             },
           ]}
+          textarea={{
+            name: "items",            placeholder: "Përshkruaje pisat që dëshiron (psh: Philadelphia Roll x2, Salmon Nigiri x1...)",            rows: 5,
+            required: true,
+          }}
+          buttonText="Dërgo Porosinë"
         />
       </div>
 
@@ -140,4 +247,4 @@ export default function MenuPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}