Merge version_4 into main

Merge version_4 into main

src/app/menu/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function MenuPage() {
   return (
@@ -34,44 +34,37 @@ export default function MenuPage() {
         />
         
         <div className="pt-32 pb-20">
-          <ProductCardOne
+          <ProductCardTwo
             title="Our Menu"
             description="All prices in Thai Baht are subject to 10% service charge and 7% VAT."
-            gridVariant="three-columns-all-equal-width"
+            gridVariant="four-items-2x2-equal-grid"
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             products={[
-              { id: "c1", name: "Signature Uni Pie", price: "790" },
-              { id: "c2", name: "Beef Shabu Shabu", price: "720" },
-              { id: "c3", name: "Blue Crab 2 Ways", price: "890" },
-              { id: "c4", name: "Baked Wild Mushroom", price: "590" },
-              { id: "s1", name: "Sashimi Carpaccio", price: "490" },
-              { id: "s2", name: "Saumon Marine", price: "450" },
-              { id: "s3", name: "Foie Gras Okonomiyaki", price: "420" },
-              { id: "s4", name: "Kakuni Croque Madame", price: "320" },
-              { id: "ch1", name: "Cold Cut Platter", price: "490" },
-              { id: "ch2", name: "Cheese Platter", price: "490" },
-              { id: "sp1", name: "Soup of The Day", price: "150" },
-              { id: "sp2", name: "Clam Chowder", price: "220" },
-              { id: "sa1", name: "Burrata Tomato Salad", price: "450" },
-              { id: "sa2", name: "Beet Root Salmon Salad", price: "280" },
-              { id: "sa3", name: "Hippopotoshi Salad", price: "300" },
-              { id: "m1", name: "Fish of The Day", price: "450" },
-              { id: "m2", name: "Ikameshi (Stuffed Squid)", price: "490" },
-              { id: "m3", name: "Maguro Hoho Steak", price: "690" },
-              { id: "m4", name: "Poulet Roti", price: "650" },
-              { id: "m5", name: "Organic Pork Chop", price: "650" },
-              { id: "m6", name: "Beef Tenderloin", price: "990" },
-              { id: "r1", name: "Pasta of The Day", price: "380" },
-              { id: "r2", name: "A5 Wagyu Kamameshi", price: "600" },
-              { id: "d1", name: "Mango Crème Brûlée", price: "190" },
-              { id: "d2", name: "Nougat Glace", price: "150" },
-              { id: "d3", name: "Chocolate Terrine", price: "190" },
-              { id: "d4", name: "Dango Mitarashi", price: "150" },
-              { id: "d5", name: "Pudding Au Citron", price: "150" }
-            ].map(p => ({ ...p, imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg" }))}
+              { id: "c1", brand: "Signature", name: "Uni Pie", price: "790", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=1" },
+              { id: "c2", brand: "Main", name: "Beef Shabu Shabu", price: "720", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=2" },
+              { id: "c3", brand: "Signature", name: "Blue Crab 2 Ways", price: "890", rating: 5, reviewCount: "45", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=3" },
+              { id: "c4", brand: "Starter", name: "Baked Wild Mushroom", price: "590", rating: 4, reviewCount: "92", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=4" }
+            ]}
           />
+          
+          <div className="mt-16">
+            <ProductCardTwo
+              title="Recommended for You"
+              description="Selection of our finest dishes."
+              gridVariant="asymmetric-60-wide-40-narrow"
+              animationType="slide-up"
+              textboxLayout="default"
+              carouselMode="auto"
+              useInvertedBackground={true}
+              products={[
+                { id: "rec1", brand: "Signature", name: "Signature Uni Pie", price: "790", rating: 5, reviewCount: "120", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=5" },
+                { id: "rec2", brand: "Main", name: "Beef Shabu Shabu", price: "720", rating: 5, reviewCount: "85", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=6" },
+                { id: "rec3", brand: "Signature", name: "Blue Crab 2 Ways", price: "890", rating: 5, reviewCount: "45", imageSrc: "https://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg?_wi=7" }
+              ]}
+            />
+          </div>
         </div>
 
         <FooterBaseReveal