Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -7,8 +7,8 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Camera, Clock, Coffee, Heart, Leaf, MapPin, Mountain, Star, Sun } from "lucide-react";
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarStyleFullscreen
             navItems={[
               { name: "About", id: "about" },
               { name: "Menu", id: "menu" },
@@ -52,7 +52,7 @@ export default function LandingPage() {
               { 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" }]}
+            buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "View Menu", onClick: () => { const el = document.getElementById('menu'); if (el) el.scrollIntoView({ behavior: 'smooth' }); }, 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" }]}
@@ -70,7 +70,19 @@ export default function LandingPage() {
         </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." />
+          <ProductCardFour 
+            animationType="slide-up" 
+            textboxLayout="default" 
+            gridVariant="three-columns-all-equal-width" 
+            useInvertedBackground={false} 
+            title="Our Menu"
+            description="Explore our curated selection of coffees, juices, and seasonal bites. Click the items to learn more."
+            products={[
+              { id: "m1", name: "Signature Drip Coffee", price: "AED 25", variant: "Hot/Iced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkFQdF71kfDNDf7AN0GiJXjEdv/uploaded-1778820936660-0ny07v09.png?_wi=1" },
+              { id: "m2", name: "Avocado Toast", price: "AED 45", variant: "Sourdough", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkFQdF71kfDNDf7AN0GiJXjEdv/uploaded-1778820936660-0ny07v09.png?_wi=2" },
+              { id: "m3", name: "Fresh Mango Juice", price: "AED 30", variant: "Cold-Pressed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkFQdF71kfDNDf7AN0GiJXjEdv/uploaded-1778820936660-0ny07v09.png?_wi=3" }
+            ]} 
+          />
         </div>
 
         <div id="experience" data-section="experience">