Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -12,9 +12,12 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Shield, Zap } from "lucide-react";
+import { Award, Shield, Zap, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
+  const whatsappNumber = "923000000000";
+  const handleOrder = () => window.open(`https://wa.me/${whatsappNumber}?text=Hi, I would like to order!`, "_blank");
+
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -29,7 +32,7 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50">
       <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
@@ -39,7 +42,7 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="Bites by Usama"
-      button={{ text: "Order Now", href: "#contact" }}
+      button={{ text: "Order Now", onClick: handleOrder }}
     />
   </div>
 
@@ -49,7 +52,7 @@ export default function LandingPage() {
       description="Where culinary perfection meets passion. We craft every dish with the finest ingredients to deliver a gourmet experience that defines excellence in every bite."
       buttons={[
         { text: "View Menu", href: "#product" },
-        { text: "Book Table", href: "#contact" },
+        { text: "Order Now", onClick: handleOrder },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-13879.jpg"
       imageAlt="Luxurious gourmet burger and pizza presentation"
@@ -194,12 +197,22 @@ export default function LandingPage() {
             { label: "FAQ", href: "#faq" },
             { label: "Privacy", href: "#" },
             { label: "Terms", href: "#" },
+            { label: "Order on WhatsApp", href: `https://wa.me/${whatsappNumber}` },
           ],
         },
       ]}
       copyrightText="© 2025 Bites by Usama | All Rights Reserved"
     />
   </div>
+
+  <button 
+    onClick={handleOrder}
+    className="fixed bottom-6 right-6 z-50 bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-xl transition-all duration-300 flex items-center justify-center"
+    aria-label="Order on WhatsApp"
+  >
+    <MessageCircle size={28} />
+  </button>
+
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #060000;
-  --card: #f3ede2;
+  --card: #1d0d0d;
-  --foreground: #2e2521;
+  --foreground: #ffe6e6;
-  --primary-cta: #2e2521;
+  --primary-cta: #ff3d4a;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1f0a0a;
   --secondary-cta-text: #2e2521;
-  --accent: #b2a28b;
+  --accent: #b8860b;
-  --background-accent: #b2a28b;
+  --background-accent: #b8111f;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);