Update src/app/styles/variables.css

Merge version_2 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: "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" }
+              { 
+                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",                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}
@@ -129,4 +144,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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