From 562b39581b3cefbe1f98153d99a52103b5829239 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 15 May 2026 04:28:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 445 ++++++-----------------------------------------
 1 file changed, 58 insertions(+), 387 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8d7128f..ad6144d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,403 +28,74 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Naba Cafe"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Naba Cafe"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="A Hidden Bistro Escape in the Heart of DIFC"
-      description="Fresh food. Signature juices. Cozy luxury. Minutes from the Museum of the Future."
-      testimonials={[
-        {
-          name: "Eileen",
-          handle: "@eileen",
-          testimonial: "A hidden gem near the Museum of the Future.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg?_wi=1",
-          imageAlt: "cinematic coffee pour",
-        },
-        {
-          name: "Hussain",
-          handle: "@hussain",
-          testimonial: "Dina is a Rockstar.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg?_wi=1",
-          imageAlt: "cinematic coffee pour",
-        },
-        {
-          name: "Sabreen",
-          handle: "@sabreen",
-          testimonial: "Perfect for everything from coffee runs to dinners.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg?_wi=1",
-          imageAlt: "cinematic coffee pour",
-        },
-        {
-          name: "Alex",
-          handle: "@alex",
-          testimonial: "The atmosphere is unmatched in DIFC.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg?_wi=1",
-          imageAlt: "cinematic coffee pour",
-        },
-        {
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "Consistently great coffee and service.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg?_wi=1",
-          imageAlt: "cinematic coffee pour",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg?_wi=2"
-      imageAlt="Naba Cafe atmosphere"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg",
-          alt: "Customer portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
-          alt: "Customer portrait",
-        },
-      ]}
-      avatarText="Loved by our regulars"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Fresh Organic Ingredients",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Minutes from Museum of Future",
-          icon: MapPin,
-        },
-        {
-          type: "text-icon",
-          text: "Daily Signature Juices",
-          icon: Coffee,
-        },
-        {
-          type: "text-icon",
-          text: "Cozy Modern Atmosphere",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Open Daily for Lunch & Dinner",
-          icon: Clock,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="A Hidden Bistro Escape in the Heart of DIFC"
+            description="Fresh food. Signature juices. Cozy luxury. Minutes from the Museum of the Future."
+            testimonials={[
+              { name: "Eileen", handle: "@eileen", testimonial: "A hidden gem near the Museum of the Future.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg", imageAlt: "cinematic coffee pour" },
+              { name: "Hussain", handle: "@hussain", testimonial: "Dina is a Rockstar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg", imageAlt: "cinematic coffee pour" },
+              { name: "Sabreen", handle: "@sabreen", testimonial: "Perfect for everything from coffee runs to dinners.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg", imageAlt: "cinematic coffee pour" },
+              { name: "Alex", handle: "@alex", testimonial: "The atmosphere is unmatched in DIFC.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg", imageAlt: "cinematic coffee pour" },
+              { name: "Sarah", handle: "@sarah", testimonial: "Consistently great coffee and service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg", imageAlt: "cinematic coffee pour" },
+            ]}
+            buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
+            imageAlt="Naba Cafe atmosphere"
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-barista-boy-cafe_23-2148436241.jpg", alt: "Customer portrait" }, { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg", alt: "Customer portrait" }]}
+            avatarText="Loved by our regulars"
+            marqueeItems={[{ type: "text-icon", text: "Fresh Organic Ingredients", icon: Leaf }, { type: "text-icon", text: "Minutes from Museum of Future", icon: MapPin }, { type: "text-icon", text: "Daily Signature Juices", icon: Coffee }, { type: "text-icon", text: "Cozy Modern Atmosphere", icon: Star }, { type: "text-icon", text: "Open Daily for Lunch & Dinner", icon: Clock }]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Best juices",
-        "Hidden gem",
-        "Unbeatable view",
-        "Everyday lunch spot",
-        "Amazing atmosphere",
-        "Exceptional service",
-        "Loved by locals",
-      ]}
-      title="Local Favorite"
-      description="Voted 4.9 Stars by our guests."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne textboxLayout="default" useInvertedBackground={false} names={["Best juices", "Hidden gem", "Unbeatable view", "Everyday lunch spot", "Amazing atmosphere", "Exceptional service", "Loved by locals"]} title="Local Favorite" description="Voted 4.9 Stars by our guests." />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="More Than a Cafe"
-      description="Naba Cafe was built to be the kind of place people return to daily — for morning coffee, relaxed lunches, sunset dinners, and conversations that last longer than planned. Hidden beside Dubai’s iconic skyline, Naba blends fresh ingredients, comforting hospitality, and a calm modern atmosphere into one unforgettable experience."
-      imageSrc="http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg?_wi=2"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout useInvertedBackground={false} title="More Than a Cafe" description="Naba Cafe was built to be the kind of place people return to daily — for morning coffee, relaxed lunches, sunset dinners, and conversations that last longer than planned. Hidden beside Dubai’s iconic skyline, Naba blends fresh ingredients, comforting hospitality, and a calm modern atmosphere into one unforgettable experience." imageSrc="http://img.b2bpic.net/free-photo/two-friends-talking_23-2147680738.jpg" />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Oven Roast Salmon",
-          price: "AED 85",
-          imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Signature Smoothie",
-          price: "AED 35",
-          imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg?_wi=2",
-        },
-        {
-          id: "p3",
-          name: "Smash Beef Burger",
-          price: "AED 65",
-          imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          name: "Stuffed Ravioli",
-          price: "AED 75",
-          imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg",
-        },
-        {
-          id: "p5",
-          name: "English Breakfast",
-          price: "AED 55",
-          imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-salmon_74190-700.jpg",
-        },
-        {
-          id: "p6",
-          name: "Fresh Pressed Juices",
-          price: "AED 30",
-          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crackers-with-cherry-confiture-glass-dishes_114579-17148.jpg",
-        },
-      ]}
-      title="Signature Dishes"
-      description="Carefully curated flavors prepared fresh daily."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} products={[{ id: "p1", name: "Oven Roast Salmon", price: "AED 85", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-cream-vegetables_140725-2091.jpg" }, { id: "p2", name: "Signature Smoothie", price: "AED 35", imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-ice-cream-table_140725-6739.jpg" }, { id: "p3", name: "Smash Beef Burger", price: "AED 65", imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-tomato-sauce-parmesan-vegetables-meat-side-view_141793-12462.jpg" }, { id: "p4", name: "Stuffed Ravioli", price: "AED 75", imageSrc: "http://img.b2bpic.net/free-photo/fettuccine-pasta-with-black-truffle-slices-dark-marble-background_84443-94449.jpg" }, { id: "p5", name: "English Breakfast", price: "AED 55", imageSrc: "http://img.b2bpic.net/free-photo/eggs-benedict-with-salmon_74190-700.jpg" }, { id: "p6", name: "Fresh Pressed Juices", price: "AED 30", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-crackers-with-cherry-confiture-glass-dishes_114579-17148.jpg" }]} title="Signature Dishes" description="Carefully curated flavors prepared fresh daily." />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Fresh Ingredients",
-          description: "Premium quality ingredients prepared fresh daily.",
-          icon: Leaf,
-        },
-        {
-          title: "Skyline Views",
-          description: "Steps away from the Museum of the Future.",
-          icon: Mountain,
-        },
-        {
-          title: "Hospitality",
-          description: "Friendly service guests remember and return for.",
-          icon: Heart,
-        },
-      ]}
-      title="The Naba Experience"
-      description="Discover what makes us your new favorite DIFC escape."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+          <FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Fresh Ingredients", description: "Premium quality ingredients prepared fresh daily.", icon: Leaf }, { title: "Skyline Views", description: "Steps away from the Museum of the Future.", icon: Mountain }, { title: "Hospitality", description: "Friendly service guests remember and return for.", icon: Heart }]} title="The Naba Experience" description="Discover what makes us your new favorite DIFC escape." />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ahmad",
-          role: "Visitor",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
-        },
-        {
-          id: "t2",
-          name: "Eileen",
-          role: "Resident",
-          company: "DIFC",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg",
-        },
-        {
-          id: "t3",
-          name: "Hussain",
-          role: "Dina Fan",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sabreen",
-          role: "Regular",
-          company: "DIFC",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alex",
-          role: "Foodie",
-          company: "Dubai",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
-        },
-      ]}
-      title="What Guests Say"
-      description="Authentic experiences from our daily community."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne animationType="blur-reveal" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={true} testimonials={[{ id: "t1", name: "Ahmad", role: "Visitor", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg" }, { id: "t2", name: "Eileen", role: "Resident", company: "DIFC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-holding-plate-with-muffin_107420-12322.jpg" }, { id: "t3", name: "Hussain", role: "Dina Fan", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg" }, { id: "t4", name: "Sabreen", role: "Regular", company: "DIFC", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg" }, { id: "t5", name: "Alex", role: "Foodie", company: "Dubai", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg" }]} title="What Guests Say" description="Authentic experiences from our daily community." />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <FeatureBorderGlow
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Sunset Vibes",
-          description: "Evening glow at Naba.",
-          icon: Sun,
-        },
-        {
-          title: "Coffee Rituals",
-          description: "Expertly crafted brews.",
-          icon: Coffee,
-        },
-        {
-          title: "DIFC Views",
-          description: "Urban oasis atmosphere.",
-          icon: Camera,
-        },
-      ]}
-      title="Naba Gallery"
-      description="A glimpse into our daily atmosphere."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Sunset Vibes", description: "Evening glow at Naba.", icon: Sun }, { title: "Coffee Rituals", description: "Expertly crafted brews.", icon: Coffee }, { title: "DIFC Views", description: "Urban oasis atmosphere.", icon: Camera }]} title="Naba Gallery" description="A glimpse into our daily atmosphere." />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Visit us in DIFC. Minutes from the Museum of the Future. Open daily for coffee, lunch, and sunset dinners."
-      buttons={[
-        {
-          text: "WhatsApp Reservation",
-          href: "https://wa.me/yournumber",
-        },
-        {
-          text: "Find Us on Maps",
-          href: "https://maps.google.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText useInvertedBackground={true} background={{ variant: "radial-gradient" }} text="Visit us in DIFC. Minutes from the Museum of the Future. Open daily for coffee, lunch, and sunset dinners." buttons={[{ text: "WhatsApp Reservation", href: "https://wa.me/yournumber" }, { text: "Find Us on Maps", href: "https://maps.google.com" }]} />
+        </div>
 
-  <div id="final-cta" data-section="final-cta">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "cell-wave",
-      }}
-      text="Your New Favorite Spot in DIFC. Reserve your table today."
-      buttons={[
-        {
-          text: "Reserve Now",
-          href: "#contact",
-        },
-        {
-          text: "Order Online",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="final-cta" data-section="final-cta">
+          <ContactText useInvertedBackground={false} background={{ variant: "cell-wave" }} text="Your New Favorite Spot in DIFC. Reserve your table today." buttons={[{ text: "Reserve Now", href: "#contact" }, { text: "Order Online", href: "#" }]} />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/new-york-city_649448-3524.jpg"
-      logoText="Naba Cafe"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Reserve",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia imageSrc="http://img.b2bpic.net/free-photo/new-york-city_649448-3524.jpg" logoText="Naba Cafe" columns={[{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reserve", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1