Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -67,9 +67,24 @@ export default function LandingPage() {
             gridVariant="asymmetric-60-wide-40-narrow"
             animationType="slide-up"
             products={[
-              { id: "1", name: "Special BBQ Platter", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-food-meat-fish-meals-along-with-different-sauces-brown-wooden-desk-food-meal-meat-cuisine_140725-28351.jpg" },
+              { 
-              { id: "2", name: "Dragon Chicken (Chinese)", price: "PKR 650", imageSrc: "http://img.b2bpic.net/free-photo/matsusaka-wagyu-beef-sushi_1203-7815.jpg" },
+                id: "1", 
-              { id: "3", name: "Classic Beef Burger", price: "PKR 750", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheeseburger-grilled-beef-patty-with-cheese-lettuce-burger-buns_141793-4806.jpg?_wi=2" }
+                name: "Special BBQ Platter", 
+                price: "PKR 1200", 
+                imageSrc: "http://img.b2bpic.net/free-photo/top-view-tray-with-food-meat-fish-meals-along-with-different-sauces-brown-wooden-desk-food-meal-meat-cuisine_140725-28351.jpg",                onProductClick: () => console.log("Added Special BBQ Platter to cart")
+              },
+              { 
+                id: "2", 
+                name: "Dragon Chicken (Chinese)", 
+                price: "PKR 650", 
+                imageSrc: "http://img.b2bpic.net/free-photo/matsusaka-wagyu-beef-sushi_1203-7815.jpg",                onProductClick: () => console.log("Added Dragon Chicken to cart")
+              },
+              { 
+                id: "3", 
+                name: "Classic Beef Burger", 
+                price: "PKR 750", 
+                imageSrc: "http://img.b2bpic.net/free-photo/side-view-cheeseburger-grilled-beef-patty-with-cheese-lettuce-burger-buns_141793-4806.jpg?_wi=2",                onProductClick: () => console.log("Added Classic Beef Burger to cart")
+              }
             ]}
             textboxLayout="split"
             useInvertedBackground={false}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #0f0d0c;
-  --card: #1a1a1a;
+  --card: #1c1816;
-  --foreground: #fffaf0;
+  --foreground: #f7f2ed;
-  --primary-cta: #d2691e;
+  --primary-cta: #c85822;
-  --primary-cta-text: #f5f4ef;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #2a2a2a;
+  --secondary-cta: #3d3632;
-  --secondary-cta-text: #2a2928;
+  --secondary-cta-text: #f7f2ed;
-  --accent: #8b4513;
+  --accent: #e0a16c;
-  --background-accent: #3e2723;
+  --background-accent: #2a2624;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);