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

---
 src/app/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b942342..23cd65b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ 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 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";
@@ -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: "Updated Menu Selection", price: "As Per Image", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkFQdF71kfDNDf7AN0GiJXjEdv/uploaded-1778820936660-0ny07v09.png" }]} title="Our Menu" description="Discover our freshly updated offerings." />
+          <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" },
+              { 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" },
+              { 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" }
+            ]} 
+          />
         </div>
 
         <div id="experience" data-section="experience">