Update src/app/page.tsx

Merge version_2 into main

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">
+      <div id="hero-about" data-section="hero-about" className="mx-auto px-4 md:px-6">
-        <HeroLogo
+        <HeroSplit
-          logoText="Rreth Watami Tirana"
+          title="Historia e Watami Tirana"
-          description="Histori e pasionit për sushiin autentik dhe dedikimit në shërbimin premium në Tiranë"
+          description="Një histori e pasionit për sushhin autentik japonez, peshkun e freskët dhe përgatitjen tradicionale në zemër të Tiranës"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=2"
+          background={{ variant: "radial-gradient" }}
-          imageAlt="Interiori i Watami Tirana"
+          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: "Rezervo Tavolë", href: "/contact" },
-              text: "Njihuni më Mirë",              href: "#"},
+            { 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"
+          title="Rreth Restorantit 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ë."
+          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=3"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=1"
-          imageAlt="Chef në Watami Tirana"
+          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&_wi=1",              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"
+          title="Burimet Premium të Përbërësve"
-          description="Këto parime udhëzojnë çdo vendim që marrim në Watami Tirana"
+          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,
+              icon: Fish,
-              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"},
+              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"},
+              title: "Partnershipet e Besueshme",              description: "Marrëdhënie afatgjata me furnizimet më të rëndësishëm në botë"},
-            {
-              icon: Zap,
-              title: "Inovacioni",              description: "Bashkojmë tradicionen me ide të reja për të krijuar përvojë të paharrueshme"},
           ]}
           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."

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 { Phone, Mail, MapPin, Clock, MessageCircle } from "lucide-react";
-import { 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",
+      title: "Lidhje të Shpejta",      items: [
-      items: [
         { label: "Shtëpia", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Rreth Nesh", href: "/about" },
@@ -43,8 +26,7 @@ export default function ContactPage() {
       ],
     },
     {
-      title: "Kontakt",
+      title: "Kontakt",      items: [
-      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",
+      title: "Në Rrjet",      items: [
-      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" className="mx-auto px-4 md:px-6">
-      <div id="nav" data-section="nav">
         <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ë",
+            text: "Rezervo Tavolë",            href: "/contact"}}
-            href: "/contact",
-          }}
           animateOnLoad={true}
         />
       </div>
 
-      {/* Hero Section */}
+      <div
-      <div id="hero-contact" data-section="hero-contact">
+        id="contact-form"
-        <HeroLogo
+        data-section="contact-form"
-          logoText="Kontakt & Rezervim"
+        className="mx-auto px-4 md:px-6"
-          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">
         <ContactSplitForm
-          title="Rezervim & Pytje"
+          title="Rezervo Tavolën Tënde Tani"
-          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."
+          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=ewzroy&_wi=5"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=3"
-          imageAlt="Watami Tirana"
+          imageAlt="Watami Tirana - Premium Sushi Dining Experience"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
           useInvertedBackground={false}
           inputs={[
             {
-              name: "name",
+              name: "name",              type: "text",              placeholder: "Emri juaj",              required: true,
-              type: "text",
-              placeholder: "Emri yt",
-              required: true,
             },
             {
-              name: "email",
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx",              required: true,
-              type: "email",
-              placeholder: "Email",
-              required: true,
             },
             {
-              name: "phone",
+              name: "date",              type: "date",              placeholder: "Data e kërkuar",              required: true,
-              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,
             },
           ]}
           textarea={{
-            name: "message",
+            name: "message",            placeholder: "Mesazh shtesë (p.sh. kërkesa të veçanta, alergjitë)",            rows: 4,
-            placeholder: "Mesazhi ose kërkesa të veçanta (përjashtim i opsionalit)",
-            rows: 4,
-            required: false,
           }}
-          buttonText="Dërgo Rezervimin"
+          buttonText="Konfirmo Rezervimin"
         />
       </div>
 
-      {/* FAQ Section */}
+      <div
-      <div id="faq-contact" data-section="faq-contact">
+        id="contact-info"
-        <FaqSplitText
+        data-section="contact-info"
-          sideTitle="Pyetje të Shpeshta"
+        className="mx-auto px-4 md:px-6 py-16 md:py-24"
-          sideDescription="Përgjigjet për pyetjet më të zakonshme rreth Watami Tirana"
+      >
-          faqs={[
+        <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">
-              id: "faq-1",
+            <div className="flex items-center gap-4 mb-4">
-              title: "Sa është koha mesatare e pritjes për një rezervim?",
+              <MapPin className="w-6 h-6 text-primary-cta" />
-              content:
+              <h3 className="text-lg font-semibold text-foreground">
-                "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.",
+                Lokacioni
-            },
+              </h3>
-            {
+            </div>
-              id: "faq-2",
+            <p className="text-foreground/70 leading-relaxed">
-              title: "A pranoni porosi të shuara?",
+              Rruga Besim Mema<br />
-              content:
+              Tiranë, 1000<br />
-                "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.",
+              Shqipëri
-            },
+            </p>
-            {
+            <a
-              id: "faq-3",
+              href="https://maps.google.com/?q=Watami+Tirana"
-              title: "A keni opsione vegetariane?",
+              target="_blank"
-              content:
+              rel="noopener noreferrer"
-                "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.",
+              className="inline-block mt-4 text-primary-cta hover:text-primary-cta/80 transition-colors font-medium"
-            },
+            >
-            {
+              Shiko në Hartë →
-              id: "faq-4",
+            </a>
-              title: "Sa është madhësia e një porosie standarde?",
+          </div>
-              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.",
+          <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" />
-              id: "faq-5",
+              <h3 className="text-lg font-semibold text-foreground">
-              title: "A keni alergje ose ndalime ushqimore?",
+                Horari i Punës
-              content:
+              </h3>
-                "Ne sjellim kostot shumë seriozisht. Ju lutemi informojeni rreth ndonjë alergije ose ndalimi ushqimor kur porositni.",
+            </div>
-            },
+            <div className="text-foreground/70 space-y-2">
-            {
+              <p>
-              id: "faq-6",
+                <span className="font-medium">Mon-Tue:</span> 12:00 - 23:00
-              title: "Sa është koha e dorëzimit?",
+              </p>
-              content:
+              <p>
-                "Kohët e dorëzimit zakonisht ndryshojnë përvarësisht se ku jeni. Zakonisht, dorëzimi merr 30-45 minuta brenda Tiranës.",
+                <span className="font-medium">Wed-Sat:</span> 12:00 - 23:00
-            },
+              </p>
-          ]}
+              <p>
-          textPosition="left"
+                <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-home" data-section="footer-home" className="mx-auto px-4 md:px-6">
-      <div id="footer-contact" data-section="footer-contact">
         <FooterBaseCard
           logoText="Watami Tirana"
           copyrightText="© 2025 Watami Tirana. Të gjitha të drejtat e rezervuara."
@@ -235,4 +269,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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",
+      title: "Lidhje të Shpejta",      items: [
-      items: [
         { label: "Shtëpia", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Rreth Nesh", href: "/about" },
@@ -27,8 +29,7 @@ export default function GalleryPage() {
       ],
     },
     {
-      title: "Kontakt",
+      title: "Kontakt",      items: [
-      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",
+      title: "Në Rrjet",      items: [
-      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",
+      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"},
-      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: "gallery-2",
+      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"},
-      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: "gallery-3",
+      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"},
-      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: "gallery-4",
+      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"},
-      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: "gallery-5",
+      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"},
-      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: "gallery-6",
+      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"},
-      name: "Dorëzim i Shpejtë",
+    {
-      price: "Shërbim",
+      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"},
-      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f2nlaz",
+    {
-      imageAlt: "Dorëzim i Shpejtë",
+      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ë",
+            text: "Rezervo Tavolë",            href: "/contact"}}
-            href: "/contact",
-          }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="hero-gallery" data-section="hero-gallery">
+      <div id="hero-gallery" data-section="hero-gallery" className="mx-auto px-4 md:px-6">
-        <HeroLogo
+        <HeroSplit
-          logoText="Galeria"
+          title="Galeria e Sushit Watami"
-          description="Zbuloni bukurinë e pjatave tona, atmosferën e restorantit dhe përvojën e ngrënies"
+          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."
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=3"
+          background={{ variant: "radial-gradient" }}
-          imageAlt="Galeria e Watami"
+          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: "Eksploroj Galerin", href: "#gallery-items" },
-              text: "Shfletim",
+            { text: "Rezervo Tavolë", href: "/contact" },
-              href: "#",
-            },
           ]}
           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"
+          title="Koleksioni i Fotografive Premium"
-          description="Përvojat ose artin kulinar të Watami Tirana përmes fotografisë të arta"
+          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."

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",
+      title: "Lidhje të Shpejta",      items: [
-      items: [
         { label: "Shtëpia", href: "/" },
         { label: "Menu", href: "/menu" },
         { label: "Rreth Nesh", href: "/about" },
@@ -18,8 +29,7 @@ export default function MenuPage() {
       ],
     },
     {
-      title: "Kontakt",
+      title: "Kontakt",      items: [
-      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",
+      title: "Në Rrjet",      items: [
-      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ë",
+            text: "Porosis Tani",            href: "#order"}}
-            href: "/contact",
-          }}
           animateOnLoad={true}
         />
       </div>
 
       <div id="hero-menu" data-section="hero-menu" className="mx-auto px-4 md:px-6">
         <HeroLogo
-          logoText="Menyja Ynë"
+          logoText="Menyja e Plotë e Sushit"
-          description="Zbuloni koleksionin e plotë të rolave sushit, sashimit, nigirit dhe specialiteteve japoneze"
+          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=rmwkle&_wi=4"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=menuhero&_wi=1"
-          imageAlt="Meny e plotë e sushit"
+          imageAlt="Menyja e plotë e Watami Tirana"
           buttons={[
-            { text: "Porosis Tani", href: "#" },
+            { text: "Porosis Online", href: "#order" },
-            { text: "Kontakto", href: "/contact" },
+            { 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">
+      <div id="menu-items" data-section="menu-items" className="mx-auto px-4 md:px-6">
-        <ProductCardOne
+        {menuCategories.map((category) => (
-          title="Rolla Sushit"
+          <div key={category.id} className="mb-16">
-          description="Përzgjedhje e artizanit të rolave të sushit me peshk të freskët dhe përbërës premium"
+            <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"
+      </div>
-          products={[
+
+      <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: "name",              type: "text",              placeholder: "Emri yt",              required: true,
-              name: "Philadelphia Roll",
-              price: "850 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=5",
             },
             {
-              id: "roll-2",
+              name: "phone",              type: "tel",              placeholder: "+355 69 xxx xxxx",              required: true,
-              name: "California Roll",
-              price: "750 Lek",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=6",
             },
             {
-              id: "roll-3",
+              name: "email",              type: "email",              placeholder: "Email yt",              required: false,
-              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",
             },
           ]}
+          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>
   );
-}
+}

src/app/page.tsx

@@ -179,7 +179,7 @@ export default function HomePage() {
         <TestimonialCardSix
           testimonials={[
             {
-              id: "test-1",              name: "Artan Hoxha",              handle: "@artanhoxha",              testimonial: "Ne hëngra shumë mirë! Peshku ishte shumë i freskët dhe shërbimi ishte përjashtimor. Me siguri do të kthehem!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3lz37",              imageAlt: "Artan Hoxha",              icon: Star,
+              id: "test-1",              name: "Artan Hoxha",              handle: "@artanhoxha",              testimonial: "Ne hëngra shumë mirë! Peshku ishte shumë i freskët dhe shërbimi ishte përjashtimor. Me siguri do të kthehem!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3lz37&_wi=2",              imageAlt: "Artan Hoxha",              icon: Star,
             },
             {
               id: "test-2",              name: "Mira Dodi",              handle: "@miradodi",              testimonial: "Sushi fantastik dhe peshk i freskët. Nëse kthehem në Tiranë, sigursiht do të vij prapë!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i748nv",              imageAlt: "Mira Dodi",              icon: Star,
@@ -239,4 +239,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}