Update src/app/styles/variables.css

Merge version_21 into main

src/app/page.tsx

@@ -115,7 +115,14 @@ export default function LandingPage() {
             { id: "p26", name: "Denver Omelet", price: "$17.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg?_wi=26", imageAlt: "Classic omelet with diced ham, bell peppers, onions, and cheddar cheese.", onProductClick: () => alert("Product Denver Omelet clicked!") },
             { id: "p27", name: "Meñito Omelet", price: "$17.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg?_wi=27", imageAlt: "Savory omelet with chorizo, jalapeños, onions, and Oaxaca cheese.", onProductClick: () => alert("Product Meñito Omelet clicked!") },
             { id: "p28", name: "Popeye Omelet", price: "$16.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg?_wi=28", imageAlt: "Healthy and delicious omelet with fresh spinach, feta cheese, and tomatoes.", onProductClick: () => alert("Product Popeye Omelet clicked!") },
-            { id: "p29", name: "Make Your Own Omelet", price: "$16.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg?_wi=29", imageAlt: "Customize your omelet with your choice of three fillings.", onProductClick: () => alert("Product Make Your Own Omelet clicked!") }
+            { id: "p29", name: "Make Your Own Omelet", price: "$16.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Eb1oOLOWLW0SIej53ZQyB7eom7/uploaded-1780435309435-izbj6hwp.jpg?_wi=29", imageAlt: "Customize your omelet with your choice of three fillings.", onProductClick: () => alert("Product Make Your Own Omelet clicked!") },
+            { id: "p30", name: "Classic Breakfast Burrito", price: "$12.99", imageSrc: "https://images.unsplash.com/photo-1563273188-0ad562b70f03?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=30", imageAlt: "A hearty breakfast burrito with eggs, cheese, potatoes, and your choice of meat.", onProductClick: () => alert("Product Classic Breakfast Burrito clicked!") },
+            { id: "p31", name: "Burrito Hidalgo", price: "$13.99", imageSrc: "https://images.unsplash.com/photo-1621947844111-a8df0b555776?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=31", imageAlt: "Our signature burrito with chorizo, eggs, cheese, and salsa, wrapped in a warm tortilla.", onProductClick: () => alert("Product Burrito Hidalgo clicked!") },
+            { id: "p32", name: "Burrito del Valle", price: "$13.99", imageSrc: "https://images.unsplash.com/photo-1587391789793-195b09819777?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=32", imageAlt: "Vegetarian delight with scrambled eggs, black beans, corn, bell peppers, and avocado.", onProductClick: () => alert("Product Burrito del Valle clicked!") },
+            { id: "p33", name: "Burrito del Campo", price: "$13.99", imageSrc: "https://images.unsplash.com/photo-1563273188-0ad562b70f03?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=33", imageAlt: "A farm-fresh burrito filled with eggs, sausage, potatoes, and smoked gouda.", onProductClick: () => alert("Product Burrito del Campo clicked!") },
+            { id: "p34", name: "Make Your Own Burrito", price: "$13.99", imageSrc: "https://images.unsplash.com/photo-1621947844111-a8df0b555776?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=34", imageAlt: "Customize your perfect breakfast burrito with your favorite ingredients.", onProductClick: () => alert("Product Make Your Own Burrito clicked!") },
+            { id: "p35", name: "Bagel Sol Naciente", price: "$15.50", imageSrc: "https://images.unsplash.com/photo-1587391789793-195b09819777?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=35", imageAlt: "Toasted bagel with cream cheese, smoked salmon, capers, and red onion. Add avocado for $2.", onProductClick: () => alert("Product Bagel Sol Naciente clicked!") },
+            { id: "p36", name: "Croissant D'orée del Alba", price: "$17.99", imageSrc: "https://images.unsplash.com/photo-1549488344-ec24d6781681?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=36", imageAlt: "Flaky croissant with eggs, ham, and gruyere cheese, baked to golden perfection.", onProductClick: () => alert("Product Croissant D'orée del Alba clicked!") }
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -200,4 +207,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
+  --background: #f5faff;
-  --card: #f7f2ea;
+  --card: #f1f8ff;
-  --foreground: #000000;
+  --foreground: #001122;
-  --primary-cta: #000000;
+  --primary-cta: #15479c;
-  --primary-cta-text: #efebe5;
+  --primary-cta-text: #f5faff;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #001122;
-  --accent: #ffffff;
+  --accent: #a8cce8;
-  --background-accent: #e1b875;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);