Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -97,12 +97,14 @@ export default function LandingPage() {
             title="Our Signature Menu"
             description="A refined selection of beverages and light bites to enhance your evening."
             products={[
-              { id: "1", name: "Saffron Chai", price: "$8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=de4e79" },
-              { id: "2", name: "Signature Sheesha", price: "$35", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j5chxf" },
-              { id: "3", name: "Espresso Shot", price: "$5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtrpus" },
-              { id: "4", name: "Gourmet Dessert", price: "$12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oel7y1" },
-              { id: "5", name: "Cooling Mocktail", price: "$9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pfh644" },
-              { id: "6", name: "Premium Nuts Mix", price: "$7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4bf6yx" },
+              { id: "1", name: "Saffron Chai", price: "$8", imageSrc: "https://images.unsplash.com/photo-1594631252845-29fc4cc8cde9?q=80&w=800" },
+              { id: "2", name: "Signature Sheesha", price: "$35", imageSrc: "https://images.unsplash.com/photo-1627471465660-6395b3644046?q=80&w=800" },
+              { id: "3", name: "Spicy Samosa", price: "$6", imageSrc: "https://images.unsplash.com/photo-1601050690597-df0568f70950?q=80&w=800" },
+              { id: "4", name: "Pakistani Biryani", price: "$14", imageSrc: "https://images.unsplash.com/photo-1589302168068-965664d5d83c?q=80&w=800" },
+              { id: "5", name: "Mango Lassi", price: "$7", imageSrc: "https://images.unsplash.com/photo-1604909052743-94e838988d24?q=80&w=800" },
+              { id: "6", name: "Gulab Jamun", price: "$8", imageSrc: "https://images.unsplash.com/photo-1606890737304-57a1ca8a5b62?q=80&w=800" },
+              { id: "7", name: "Royal Kebab", price: "$18", imageSrc: "https://images.unsplash.com/photo-1603360946369-dc9bb6258143?q=80&w=800" },
+              { id: "8", name: "Chai Cake", price: "$9", imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?q=80&w=800" },
             ]}
           />
         </div>
@@ -150,6 +152,7 @@ export default function LandingPage() {
               { id: "2", title: "Is the lounge open late?", content: "Yes, we operate until the early hours to provide a perfect late-night social experience." },
               { id: "3", title: "Is parking available?", content: "Valet parking is available right outside the main entrance for all our guests." },
             ]}
+            className="bg-[url('https://images.unsplash.com/photo-1544148103-0773bf10d330?q=80&w=2000')] bg-cover bg-center"
           />
         </div>
 
@@ -161,6 +164,7 @@ export default function LandingPage() {
             title="Reserve Your Night"
             description="Secure your private booth or contact us for group inquiries."
             buttons={[{ text: "Book Now", href: "#" }]}
+            className="bg-[url('https://images.unsplash.com/photo-1579888944835-d6e2c1404169?q=80&w=2000')] bg-cover bg-center"
           />
         </div>
 
@@ -169,9 +173,10 @@ export default function LandingPage() {
             logoText="The Dera"
             leftLink={{ text: "Privacy Policy", href: "#" }}
             rightLink={{ text: "Terms of Service", href: "#" }}
+            className="bg-[url('https://images.unsplash.com/photo-1594631252845-29fc4cc8cde9?q=80&w=2000')] bg-cover bg-center opacity-90"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0D0D0D;
-  --card: #2A1F1A;
-  --foreground: #F5F4EF;
-  --primary-cta: #C8A96B;
-  --primary-cta-text: #000000;
-  --secondary-cta: #0F3B36;
-  --secondary-cta-text: #FFFFFF;
-  --accent: #C8A96B;
-  --background-accent: #0F3B36;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);