From 7c8a8306240ccd0b06d1a61d0b0ce049b8ce0a17 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 16:50:38 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 167 +++++++++++++++++++++++++++++++++--------
 1 file changed, 134 insertions(+), 33 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 3613005..6d3aad1 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,13 +1,14 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Sparkles, Award, Users, Zap, Fish, Heart } from "lucide-react";
+import { Fish, Leaf, Award, Users, Heart, Zap } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -58,71 +59,98 @@ export default function AboutPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
         <NavbarLayoutFloatingInline
           brandName="Watami Tirana"
-          navItems={navItems}
+          navItems={[
+            { name: "Shtëpia", id: "home" },
+            { name: "Menu", id: "menu" },
+            { name: "Rreth Nesh", id: "about" },
+            { name: "Galeri", id: "gallery" },
+            { name: "Kontakt", id: "contact" },
+          ]}
           button={{
             text: "Rezervo Tavolë",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero-about" data-section="hero-about">
-        <HeroLogo
-          logoText="Rreth Watami Tirana"
-          description="Histori e pasionit për sushiin autentik dhe dedikimit në shërbimin premium në Tiranë"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=2"
-          imageAlt="Interiori i Watami Tirana"
+      <div id="hero-about" data-section="hero-about" className="mx-auto px-4 md:px-6">
+        <HeroSplit
+          title="Historia e Watami Tirana"
+          description="Një histori e pasionit për sushhin autentik japonez, peshkun e freskët dhe përgatitjen tradicionale në zemër të Tiranës"
+          background={{ variant: "radial-gradient" }}
+          imagePosition="right"
+          mediaAnimation="blur-reveal"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=1"
+          imageAlt="Interiori i restorantit Watami"
           buttons={[
-            {
-              text: "Njihuni më Mirë",              href: "#"},
+            { text: "Rezervo Tavolë", href: "/contact" },
+            { text: "Shiko Galerën", href: "/gallery" },
           ]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
-      <div id="about-content" data-section="about-content">
+      <div id="restaurant-story" data-section="restaurant-story" className="mx-auto px-4 md:px-6">
         <SplitAbout
-          title="Hyrja në Botën e Watami"
-          description="Watami Tirana lindi nga një ëndër e thjeshtë - të sjellë përvoja autentike të ngrënies japoneze në Tiranë, ku cilësia, freski dhe dedikimi janë në zemër të gjithçkaje që bëjmë."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=3"
-          imageAlt="Chef në Watami Tirana"
+          title="Rreth Restorantit Watami"
+          description="Watami Tirana u themelua me vizionin e sjellë përvojën më autentike të sushit në Tiranë. Ne besojmë se cilësia fillon me peshkun më të freskët dhe përgatitjen më të kujdesshme. Çdo pjatë përgatitet me pasion dhe dedikimin ndaj detajeve."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=1"
+          imageAlt="Shef i restorantit Watami"
           mediaAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          imagePosition="right"
+          imagePosition="left"
           bulletPoints={[
             {
-              title: "Pjeska e Freskët",              description: "Çdo ditë marrim peshkun më të freskët nga furnizuesit e besueshëm për të garantuar cilësinë më të lartë",              icon: Fish,
+              title: "Pasioni për Cilësinë",              description: "Çdo pjatë përgatitet me kujdes të paktën dhe përkushtim ndaj përsosmërisë",              icon: Heart,
             },
             {
-              title: "Përgatitja Tradicionale",              description: "Metodat e vërteta japoneze të përgatitjes së sushit nga shefi ynë me përvojë ndërkombëtare",              icon: Heart,
+              title: "Tradita Japoneze",              description: "Ne nderojmë metodat tradicionale të përgatitjes së sushit japonez",              icon: Fish,
             },
             {
-              title: "Stafi Mirëpritës",              description: "Ekipi ynë është i trajnuar për të ofruar shërbimin më të mirë dhe për të bërë çdo klient të ndihet i mirëpritur",              icon: Heart,
+              title: "Inovacion i Balancuar",              description: "Ne kombinojmë tradita me inovacione të matura për përvojën më të mirë",              icon: Zap,
             },
           ]}
         />
       </div>
 
-      <div id="feature-about" data-section="feature-about">
+      <div id="chef-background" data-section="chef-background" className="mx-auto px-4 md:px-6">
+        <TeamCardTwo
+          title="Meet Our Master Chef"
+          description="Shefi ynë ka më shumë se 20 vjet përvojë në përgatitjen e sushit autentik, me trajnim në Tokio dhe ndërkombëtar"
+          members={[
+            {
+              id: "chef-1",              name: "Chef Hiroshi Tanaka",              role: "Head Chef & Founder",              description: "20+ vjet përvojë në përgatitjen e sushit autentik me trajnim në Tokio",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3lz37",              imageAlt: "Chef Hiroshi Tanaka",              socialLinks: [
+                { icon: Heart, url: "#" },
+              ],
+            },
+          ]}
+          animationType="blur-reveal"
+          gridVariant="one-large-right-three-stacked-left"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="premium-ingredients" data-section="premium-ingredients" className="mx-auto px-4 md:px-6">
         <FeatureBorderGlow
-          title="Vlerat Tona Thelbësore"
-          description="Këto parime udhëzojnë çdo vendim që marrim në Watami Tirana"
+          title="Burimet Premium të Përbërësve"
+          description="Ne furnizohemi vetëm nga furnizimet më të besueshëm në botë për të garantuar cilësinë më të lartë"
           features={[
             {
-              icon: Sparkles,
-              title: "Cilësia Absolute",              description: "Nuk e negociojmë kurrë në cilësi - vetëm peshku më i freskët dhe përbërësit premium"},
+              icon: Fish,
+              title: "Peshk i Freskët Premium",              description: "Peshk i importuar çdo ditë nga furnizuesit më të besueshëm në Japoni dhe Skandinavi"},
+            {
+              icon: Leaf,
+              title: "Përbërës Organikë",              description: "Kripë e nigerit autentike, gjethë nori premium, dhe përbërës të çeluar me përvojë"},
             {
               icon: Award,
-              title: "Autenticiteti",              description: "Mbajtim i tradicioneve autentike japoneze në përgatitjen e çdo pjate"},
+              title: "Cilësi e Sertifikuar",              description: "Të gjithë furnizuesit janë sertifikuar ndërkombëtarisht për siguri dhe cilësi"},
             {
               icon: Users,
-              title: "Dashuria për Klientët",              description: "Çdo mysafir është i veçantë - ofrojmë shërbimin personal dhe vëmendje"},
-            {
-              icon: Zap,
-              title: "Inovacioni",              description: "Bashkojmë tradicionen me ide të reja për të krijuar përvojë të paharrueshme"},
+              title: "Partnershipet e Besueshme",              description: "Marrëdhënie afatgjata me furnizimet më të rëndësishëm në botë"},
           ]}
           animationType="blur-reveal"
           textboxLayout="default"
@@ -130,7 +158,80 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="footer-about" data-section="footer-about">
+      <div id="restaurant-values" data-section="restaurant-values" className="mx-auto px-4 md:px-6">
+        <FeatureBorderGlow
+          title="Vlerat e Restorantit Watami"
+          description="Ne jemi të përkushtuar ndaj këtyre vlerave në çdo aspekt të biznesit tonë"
+          features={[
+            {
+              icon: Heart,
+              title: "Përvojë Klientit",              description: "Çdo klient merret si familje. Përvojë e personalizuar dhe përjashtimore shërbim"},
+            {
+              icon: Leaf,
+              title: "Përgjegjësia Mjedisore",              description: "Ne përdorim praktime të qëndrueshme dhe burime të rikuperueshme"},
+            {
+              icon: Award,
+              title: "Integritet & Transparenca",              description: "Transparenca të plotë në burimin e përbërësve dhe përgatitjen e pjatave"},
+            {
+              icon: Zap,
+              title: "Inovacion Kontinuë",              description: "Ne vazhdimisht evoluojmë dhe përmirësojmë të ofruarit tonë"},
+          ]}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="gallery-preview" data-section="gallery-preview" className="mx-auto px-4 md:px-6">
+        <SplitAbout
+          title="Galeri Paraparje"
+          description="Shikoni disa nga foto më të frutem të ushqimit tonë premium, të gatuar me kujdes dhe përvojë. Vizitoni faqen e plotë të galerisë për më shumë."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=1"
+          imageAlt="Galeri e restorantit Watami"
+          mediaAnimation="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imagePosition="right"
+          bulletPoints={[
+            {
+              title: "Fotografi Cilësore",              description: "Foto të produksionit të lartë të çdo pjate të përpunuar në restorant",              icon: Award,
+            },
+            {
+              title: "Kategorizuar sipas Llojit",              description: "Organizuar me lehtësi - Rolls, Nigiri, Sashimi, Speciale dhe më shumë",              icon: Leaf,
+            },
+            {
+              title: "Atmosferë Restorantit",              description: "Vizitoni galerin për të parë interiorn elegan dhe ambiencën e restorantit",              icon: Heart,
+            },
+          ]}
+          buttons={[{ text: "Vizito Galerën e Plotë", href: "/gallery" }]}
+        />
+      </div>
+
+      <div id="cta-about" data-section="cta-about" className="mx-auto px-4 md:px-6">
+        <ContactSplitForm
+          title="Eksperienca Watami Personalisht"
+          description="Pranovi një tavolë në restorantin tonë premium dhe eksperimenta qoftën përvojën më të mirë të sushit në Tiranë"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=2"
+          imageAlt="Sushi premium në Watami"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          useInvertedBackground={false}
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Emri yt"},
+            {
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx"},
+            {
+              name: "date",              type: "date",              placeholder: "Data e kërkuar"},
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Mesazhi juaj (përjashtim i opsionalit)",            rows: 4,
+          }}
+          buttonText="Rezervo Tani"
+        />
+      </div>
+
+      <div id="footer-about" data-section="footer-about" className="mx-auto px-4 md:px-6">
         <FooterBaseCard
           logoText="Watami Tirana"
           copyrightText="© 2025 Watami Tirana. Të gjitha të drejtat e rezervuara."
-- 
2.49.1


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

---
 src/app/contact/page.tsx | 330 +++++++++++++++++++++------------------
 1 file changed, 182 insertions(+), 148 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3b89105..896f332 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,12 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import Link from "next/link";
-import { MessageCircle } from "lucide-react";
+import { Phone, Mail, MapPin, Clock, MessageCircle } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -18,24 +16,9 @@ export default function ContactPage() {
     { name: "Kontakt", id: "contact" },
   ];
 
-  const navItemsWithHref = navItems.map((item) => {
-    const hrefMap: { [key: string]: string } = {
-      home: "/",
-      menu: "/menu",
-      about: "/about",
-      gallery: "/gallery",
-      contact: "/contact",
-    };
-    return {
-      ...item,
-      href: hrefMap[item.id] || "#",
-    };
-  });
-
   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" },
@@ -43,8 +26,7 @@ export default function ContactPage() {
       ],
     },
     {
-      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" },
@@ -52,8 +34,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Në Rrjet",
-      items: [
+      title: "Në Rrjet",      items: [
         { label: "Facebook", href: "#" },
         { label: "Instagram", href: "#" },
         { label: "WhatsApp", href: "#" },
@@ -62,6 +43,24 @@ export default function ContactPage() {
     },
   ];
 
+  const contactFaqs = [
+    {
+      id: "faq-1",      title: "Si mund të bëj një rezervim?",      content:
+        "Mund të bëni një rezervim duke plotësuar formularin e kontaktit në këtë faqe. Alternativat: thirrni +355 69 351 4999 ose dërgoni email në info@watamitirana.al. Preferohet të rezervoni të paktën 2 orë më parë."},
+    {
+      id: "faq-2",      title: "Sa është koha e dorëzimit?",      content:
+        "Për porosit për të marrë: 15-20 minuta. Për dorëzim në shtëpi: 30-45 minuta në varësi të lokacionit tuaj në Tiranë. Përgatitja fillon menjëherë pas pranimit të porosisë."},
+    {
+      id: "faq-3",      title: "Çfarë metodash pagese pranoni?",      content:
+        "Pranojmë pagesa në para, kartela krediti/debiti, dhe portalin e-payment. Për porosi online, e-payment është i detyrueshëm."},
+    {
+      id: "faq-4",      title: "A ka alergjie ose kufizime ushqimore?",      content:
+        "Po, këshillojmë që të na kontaktoni paraprakisht për opsionet pa gjalp, pa gluten, ose për alergji specifike ndaj peshkut ose shelfish. Mos hezitoni të na njoftoni në formularin e kontaktit."},
+    {
+      id: "faq-5",      title: "Cili është horari juaj i punës?",      content:
+        "Hapat tonë: Dinshmë deri të martën 12:00 - 23:00, e mërkurë të diel 12:00 - 00:00 (mesnatë). Ndalim të dielën. Këshillojmë të vizitoni gjatë orëve jokulminante për përvojën më të mirë."},
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -75,158 +74,193 @@ export default function ContactPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
-      {/* Navbar */}
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
         <NavbarLayoutFloatingInline
           brandName="Watami Tirana"
-          navItems={navItems}
+          navItems={[
+            { name: "Shtëpia", id: "home" },
+            { name: "Menu", id: "menu" },
+            { name: "Rreth Nesh", id: "about" },
+            { name: "Galeri", id: "gallery" },
+            { name: "Kontakt", id: "contact" },
+          ]}
           button={{
-            text: "Rezervo Tavolë",
-            href: "/contact",
-          }}
+            text: "Rezervo Tavolë",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Hero Section */}
-      <div id="hero-contact" data-section="hero-contact">
-        <HeroLogo
-          logoText="Kontakt & Rezervim"
-          description="Rezervo tavolën tënde tani ose na kontakto për më shumë informacione - ne jemi këtu për të përgatitur përvojën më të mirë"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=4"
-          imageAlt="Kontakt"
-          buttons={[
-            {
-              text: "Thirrje Drejtpërdrejt",
-              href: "tel:+355693514999",
-            },
-          ]}
-          buttonAnimation="blur-reveal"
-        />
-      </div>
-
-      {/* Contact Form Section */}
-      <div id="contact-form" data-section="contact-form">
+      <div
+        id="contact-form"
+        data-section="contact-form"
+        className="mx-auto px-4 md:px-6"
+      >
         <ContactSplitForm
-          title="Rezervim & Pytje"
-          description="Plotëso formën më poshtë për të rezervuar tavolën tënde ose për të bërë ndonjë pytje. Mund të na kontaktosh gjithashtu drejtpërdrejt nëpër telefon ose WhatsApp."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=5"
-          imageAlt="Watami Tirana"
+          title="Rezervo Tavolën Tënde Tani"
+          description="Plotëso formularin e mposhtë dhe shtimi ynë do të konfirmojë rezervimin tuaj brenda 2 orësh. Për pyetje urgjente, na thirrni në +355 69 351 4999."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=3"
+          imageAlt="Watami Tirana - Premium Sushi Dining Experience"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
           useInvertedBackground={false}
           inputs={[
             {
-              name: "name",
-              type: "text",
-              placeholder: "Emri yt",
-              required: true,
+              name: "name",              type: "text",              placeholder: "Emri juaj",              required: true,
             },
             {
-              name: "email",
-              type: "email",
-              placeholder: "Email",
-              required: true,
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx",              required: true,
             },
             {
-              name: "phone",
-              type: "tel",
-              placeholder: "+355 69 xxx xxxx",
-              required: true,
-            },
-            {
-              name: "guests",
-              type: "number",
-              placeholder: "Numri i mysafirëve",
-              required: true,
-            },
-            {
-              name: "date",
-              type: "date",
-              placeholder: "Data e kërkuar",
-              required: true,
-            },
-            {
-              name: "time",
-              type: "time",
-              placeholder: "Ora e kërkuar",
-              required: true,
+              name: "date",              type: "date",              placeholder: "Data e kërkuar",              required: true,
             },
           ]}
           textarea={{
-            name: "message",
-            placeholder: "Mesazhi ose kërkesa të veçanta (përjashtim i opsionalit)",
-            rows: 4,
-            required: false,
+            name: "message",            placeholder: "Mesazh shtesë (p.sh. kërkesa të veçanta, alergjitë)",            rows: 4,
           }}
-          buttonText="Dërgo Rezervimin"
+          buttonText="Konfirmo Rezervimin"
         />
       </div>
 
-      {/* FAQ Section */}
-      <div id="faq-contact" data-section="faq-contact">
-        <FaqSplitText
-          sideTitle="Pyetje të Shpeshta"
-          sideDescription="Përgjigjet për pyetjet më të zakonshme rreth Watami Tirana"
-          faqs={[
-            {
-              id: "faq-1",
-              title: "Sa është koha mesatare e pritjes për një rezervim?",
-              content:
-                "Zakonisht, koha e pritjes varet nga numri i mysafirëve dhe ora e rezervimit. Për pikat më të zëna, mund të pritet 15-30 minuta. Rekomandojmë të rezervoni paraprakisht për të siguruar tavolën tuaj.",
-            },
-            {
-              id: "faq-2",
-              title: "A pranoni porosi të shuara?",
-              content:
-                "Po! Mund të porosni përmes platformave të dorëzimit si Wolt ose t'na kontaktoni drejtpërdrejt në +355 69 351 4999 për dorëzim të personalizuar në zona specifike.",
-            },
-            {
-              id: "faq-3",
-              title: "A keni opsione vegetariane?",
-              content:
-                "Po, kemi opsione vegetariane në menunë tonë. Mund të na kontaktoni gjithashtu për të kufizuar pjata sipas kërkesave tuaja dijetike të veçanta.",
-            },
-            {
-              id: "faq-4",
-              title: "Sa është madhësia e një porosie standarde?",
-              content:
-                "Porositë standarde të sushit zakonisht përbëhen nga 6-8 copë për rol. Mund të porositni edhe pjata kombinuese ose sezon të pjatave.",
-            },
-            {
-              id: "faq-5",
-              title: "A keni alergje ose ndalime ushqimore?",
-              content:
-                "Ne sjellim kostot shumë seriozisht. Ju lutemi informojeni rreth ndonjë alergije ose ndalimi ushqimor kur porositni.",
-            },
-            {
-              id: "faq-6",
-              title: "Sa është koha e dorëzimit?",
-              content:
-                "Kohët e dorëzimit zakonisht ndryshojnë përvarësisht se ku jeni. Zakonisht, dorëzimi merr 30-45 minuta brenda Tiranës.",
-            },
-          ]}
-          textPosition="left"
+      <div
+        id="contact-info"
+        data-section="contact-info"
+        className="mx-auto px-4 md:px-6 py-16 md:py-24"
+      >
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <div className="bg-card border border-foreground/10 rounded-lg p-8 hover:border-primary-cta/30 transition-colors">
+            <div className="flex items-center gap-4 mb-4">
+              <MapPin className="w-6 h-6 text-primary-cta" />
+              <h3 className="text-lg font-semibold text-foreground">
+                Lokacioni
+              </h3>
+            </div>
+            <p className="text-foreground/70 leading-relaxed">
+              Rruga Besim Mema<br />
+              Tiranë, 1000<br />
+              Shqipëri
+            </p>
+            <a
+              href="https://maps.google.com/?q=Watami+Tirana"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-block mt-4 text-primary-cta hover:text-primary-cta/80 transition-colors font-medium"
+            >
+              Shiko në Hartë →
+            </a>
+          </div>
+
+          <div className="bg-card border border-foreground/10 rounded-lg p-8 hover:border-primary-cta/30 transition-colors">
+            <div className="flex items-center gap-4 mb-4">
+              <Clock className="w-6 h-6 text-primary-cta" />
+              <h3 className="text-lg font-semibold text-foreground">
+                Horari i Punës
+              </h3>
+            </div>
+            <div className="text-foreground/70 space-y-2">
+              <p>
+                <span className="font-medium">Mon-Tue:</span> 12:00 - 23:00
+              </p>
+              <p>
+                <span className="font-medium">Wed-Sat:</span> 12:00 - 23:00
+              </p>
+              <p>
+                <span className="font-medium">Sunday:</span> 12:00 - 00:00
+              </p>
+              <p>
+                <span className="font-medium text-accent">Ndalim të dielën</span>
+              </p>
+            </div>
+          </div>
+
+          <div className="bg-card border border-foreground/10 rounded-lg p-8 hover:border-primary-cta/30 transition-colors">
+            <div className="flex items-center gap-4 mb-4">
+              <Phone className="w-6 h-6 text-primary-cta" />
+              <h3 className="text-lg font-semibold text-foreground">
+                Kontakti
+              </h3>
+            </div>
+            <div className="space-y-3 text-foreground/70">
+              <p>
+                <a
+                  href="tel:+355693514999"
+                  className="hover:text-primary-cta transition-colors font-medium"
+                >
+                  +355 69 351 4999
+                </a>
+              </p>
+              <p>
+                <a
+                  href="mailto:info@watamitirana.al"
+                  className="hover:text-primary-cta transition-colors font-medium"
+                >
+                  info@watamitirana.al
+                </a>
+              </p>
+              <p className="text-sm">
+                Përgjigja brenda 2 orësh gjatë orëve të punës
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div
+        id="social-media"
+        data-section="social-media"
+        className="mx-auto px-4 md:px-6 py-12 md:py-16 text-center"
+      >
+        <h2 className="text-3xl md:text-4xl font-bold text-foreground mb-4">
+          Ndiqni Rrjetet Shoqërore
+        </h2>
+        <p className="text-foreground/70 mb-8 max-w-2xl mx-auto">
+          Mbiqini përditësimet më të fundit, fotot e pjatave dhe ofertat ekskluzive
+          në rrjetet tona shoqërore.
+        </p>
+        <div className="flex justify-center gap-6 flex-wrap">
+          <a
+            href="#"
+            className="inline-flex items-center gap-2 px-6 py-3 bg-card border border-foreground/10 rounded-lg hover:border-primary-cta/50 hover:bg-primary-cta/5 transition-all"
+          >
+            <MessageCircle className="w-5 h-5" />
+            <span className="font-medium">Facebook</span>
+          </a>
+          <a
+            href="#"
+            className="inline-flex items-center gap-2 px-6 py-3 bg-card border border-foreground/10 rounded-lg hover:border-primary-cta/50 hover:bg-primary-cta/5 transition-all"
+          >
+            <MessageCircle className="w-5 h-5" />
+            <span className="font-medium">Instagram</span>
+          </a>
+          <a
+            href="#"
+            className="inline-flex items-center gap-2 px-6 py-3 bg-card border border-foreground/10 rounded-lg hover:border-primary-cta/50 hover:bg-primary-cta/5 transition-all"
+          >
+            <MessageCircle className="w-5 h-5" />
+            <span className="font-medium">WhatsApp</span>
+          </a>
+        </div>
+      </div>
+
+      <div
+        id="contact-faq"
+        data-section="contact-faq"
+        className="mx-auto px-4 md:px-6"
+      >
+        <ContactFaq
+          faqs={contactFaqs}
+          ctaTitle="Nuk e gjen përgjigjen që kërkoni?"
+          ctaDescription="Kontaktoni shtimin tonë direkt. Jemi këtu për të ndihmuar!"
+          ctaButton={{
+            text: "Kontakto Shtimin",            href: "#contact-form"}}
+          ctaIcon={Phone}
           useInvertedBackground={false}
-          animationType="smooth"
+          animationType="blur-reveal"
+          accordionAnimationType="smooth"
           showCard={true}
-          faqsAnimation="blur-reveal"
-          buttons={[
-            {
-              text: "Kontakto Nëpër Telefon",
-              href: "tel:+355693514999",
-            },
-            {
-              text: "Kontakto Në WhatsApp",
-              href: "#",
-            },
-          ]}
-          buttonAnimation="blur-reveal"
         />
       </div>
 
-      {/* Footer */}
-      <div id="footer-contact" data-section="footer-contact">
+      <div id="footer-home" data-section="footer-home" className="mx-auto px-4 md:px-6">
         <FooterBaseCard
           logoText="Watami Tirana"
           copyrightText="© 2025 Watami Tirana. Të gjitha të drejtat e rezervuara."
@@ -235,4 +269,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 47fd6465f60809ee006627e86a85649413f4c19b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 13 Mar 2026 16:50:39 +0000
Subject: [PATCH 3/5] Update src/app/gallery/page.tsx

---
 src/app/gallery/page.tsx | 169 ++++++++++++++++++++++++---------------
 1 file changed, 104 insertions(+), 65 deletions(-)

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 8ad5831..69b81c4 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -1,13 +1,16 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroLogo from "@/components/sections/hero/HeroLogo";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { useState } from "react";
 
 export default function GalleryPage() {
+  const [selectedImage, setSelectedImage] = useState<string | null>(null);
+
   const navItems = [
     { name: "Shtëpia", id: "home" },
     { name: "Menu", id: "menu" },
@@ -18,8 +21,7 @@ export default function GalleryPage() {
 
   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" },
@@ -27,8 +29,7 @@ export default function GalleryPage() {
       ],
     },
     {
-      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" },
@@ -36,8 +37,7 @@ export default function GalleryPage() {
       ],
     },
     {
-      title: "Në Rrjet",
-      items: [
+      title: "Në Rrjet",      items: [
         { label: "Facebook", href: "#" },
         { label: "Instagram", href: "#" },
         { label: "WhatsApp", href: "#" },
@@ -46,49 +46,31 @@ export default function GalleryPage() {
     },
   ];
 
-  const galleryProducts = [
+  const galleryItems = [
     {
-      id: "gallery-1",
-      name: "Sushi Premium",
-      price: "Koleksion",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=11",
-      imageAlt: "Sushi Premium",
-    },
+      id: "rolls-1",      name: "Philadelphia Roll",      price: "850 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=1",      category: "Rolls"},
     {
-      id: "gallery-2",
-      name: "Interiori Elegan",
-      price: "Atmosferë",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=4",
-      imageAlt: "Interiori Elegan",
-    },
+      id: "rolls-2",      name: "California Roll",      price: "750 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=2",      category: "Rolls"},
     {
-      id: "gallery-3",
-      name: "Pjata Nënshënjuese",
-      price: "Pjatë",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=12",
-      imageAlt: "Pjata Nënshënjuese",
-    },
+      id: "rolls-3",      name: "Dragon Roll",      price: "950 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=3",      category: "Rolls"},
     {
-      id: "gallery-4",
-      name: "Përgatitja e Chefir",
-      price: "Përgatitje",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=13",
-      imageAlt: "Përgatitja e Chefir",
-    },
+      id: "nigiri-1",      name: "Salmon Nigiri Set",      price: "950 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=4",      category: "Nigiri"},
     {
-      id: "gallery-5",
-      name: "Përvojë Ngrënie",
-      price: "Mysafir",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2o2pt3",
-      imageAlt: "Përvojë Ngrënie",
-    },
+      id: "nigiri-2",      name: "Tuna Nigiri Set",      price: "900 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=5",      category: "Nigiri"},
     {
-      id: "gallery-6",
-      name: "Dorëzim i Shpejtë",
-      price: "Shërbim",
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2nlaz",
-      imageAlt: "Dorëzim i Shpejtë",
-    },
+      id: "nigiri-3",      name: "Mixed Nigiri",      price: "1100 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=6",      category: "Nigiri"},
+    {
+      id: "sashimi-1",      name: "Salmon Sashimi",      price: "1050 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=7",      category: "Sashimi"},
+    {
+      id: "sashimi-2",      name: "Tuna Sashimi",      price: "1100 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=8",      category: "Sashimi"},
+    {
+      id: "sashimi-3",      name: "Sashimi Assortment",      price: "1200 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=9",      category: "Sashimi"},
+    {
+      id: "special-1",      name: "Chef's Special Roll",      price: "1400 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=10",      category: "Special"},
+    {
+      id: "special-2",      name: "Premium Omakase",      price: "1800 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=11",      category: "Special"},
+    {
+      id: "special-3",      name: "Spicy Tuna Dragon",      price: "1350 Lek",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=12",      category: "Special"},
   ];
 
   return (
@@ -104,47 +86,104 @@ export default function GalleryPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="extrabold"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
         <NavbarLayoutFloatingInline
           brandName="Watami Tirana"
-          navItems={navItems}
+          navItems={[
+            { name: "Shtëpia", id: "home" },
+            { name: "Menu", id: "menu" },
+            { name: "Rreth Nesh", id: "about" },
+            { name: "Galeri", id: "gallery" },
+            { name: "Kontakt", id: "contact" },
+          ]}
           button={{
-            text: "Rezervo Tavolë",
-            href: "/contact",
-          }}
+            text: "Rezervo Tavolë",            href: "/contact"}}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero-gallery" data-section="hero-gallery">
-        <HeroLogo
-          logoText="Galeria"
-          description="Zbuloni bukurinë e pjatave tona, atmosferën e restorantit dhe përvojën e ngrënies"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=3"
-          imageAlt="Galeria e Watami"
+      <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
+        <HeroSplit
+          title="Galeria e Sushit Watami"
+          description="Zbuloni koleksionin tonë premium të fotografive të sushit të gatuar me kujdes. Çdo pjatë është një vepër arti përpunuar nga shefi ynë përvojak."
+          background={{ variant: "radial-gradient" }}
+          imagePosition="right"
+          mediaAnimation="blur-reveal"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=1"
+          imageAlt="Galeria e Watami Tirana"
           buttons={[
-            {
-              text: "Shfletim",
-              href: "#",
-            },
+            { text: "Eksploroj Galerin", href: "#gallery-items" },
+            { text: "Rezervo Tavolë", href: "/contact" },
           ]}
           buttonAnimation="blur-reveal"
         />
       </div>
 
-      <div id="product-gallery" data-section="product-gallery">
+      <div id="gallery-items" data-section="gallery-items" className="mx-auto px-4 md:px-6">
         <ProductCardOne
-          title="Galeria e Fotos"
-          description="Përvojat ose artin kulinar të Watami Tirana përmes fotografisë të arta"
+          title="Koleksioni i Fotografive Premium"
+          description="Eksploroni gallerin tonë të plotë me fotografi cilësore të sushit të gatuar në restorantin Watami Tirana, të organizuara sipas kategorisë."
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="bento-grid"
           animationType="blur-reveal"
-          products={galleryProducts}
+          products={galleryItems.map((item) => ({
+            id: item.id,
+            name: item.name,
+            price: item.price,
+            imageSrc: item.imageSrc,
+            imageAlt: item.name,
+            onProductClick: () => setSelectedImage(item.imageSrc),
+          }))}
         />
       </div>
 
-      <div id="footer-gallery" data-section="footer-gallery">
+      {selectedImage && (
+        <div
+          className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-75 p-4"
+          onClick={() => setSelectedImage(null)}
+        >
+          <div className="relative max-w-4xl w-full max-h-[90vh]" onClick={(e) => e.stopPropagation()}>
+            <img
+              src={selectedImage}
+              alt="Gallery lightbox"
+              className="w-full h-full object-contain rounded-lg"
+            />
+            <button
+              onClick={() => setSelectedImage(null)}
+              className="absolute top-4 right-4 bg-white text-black rounded-full w-10 h-10 flex items-center justify-center hover:bg-gray-200 transition"
+            >
+              ✕
+            </button>
+          </div>
+        </div>
+      )}
+
+      <div id="cta-gallery" data-section="cta-gallery" className="mx-auto px-4 md:px-6">
+        <ContactSplitForm
+          title="Gati të Shijoni Këto Pjata?"
+          description="Rezervo tavolën tënde tani në Watami Tirana dhe eksperimenta vetë cilësinë dhe kujdesin e përgatitjeve të sushit tonë premium."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=2"
+          imageAlt="Premium sushi reservation"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          useInvertedBackground={false}
+          inputs={[
+            {
+              name: "name",              type: "text",              placeholder: "Emri yt"},
+            {
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx"},
+            {
+              name: "date",              type: "date",              placeholder: "Data e kërkuar"},
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Mesazhi juaj (përjashtim i opsionalit)",            rows: 4,
+          }}
+          buttonText="Rezervo Tani"
+        />
+      </div>
+
+      <div id="footer-gallery" data-section="footer-gallery" className="mx-auto px-4 md:px-6">
         <FooterBaseCard
           logoText="Watami Tirana"
           copyrightText="© 2025 Watami Tirana. Të gjitha të drejtat e rezervuara."
-- 
2.49.1


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 4/5] 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
+}
-- 
2.49.1


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

---
 src/app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 978867e..189575d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -239,4 +239,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1