Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -52,7 +52,7 @@ export default function LandingPage() {
           ]}
           buttons={[
             { text: "Request a Quote", href: "#rfq-form" },
-            { text: "Call Now: +966 (0) 123 4567", href: "tel:+966123456789" }
+            { text: "Get Quote in 2 Hours", href: "tel:+966123456789" }
           ]}
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
@@ -160,11 +160,11 @@ export default function LandingPage() {
 
       <div id="rfq-form" data-section="rfq-form">
         <ContactText
-          text="Ready to get a quote? Submit your requirements now and our team will respond within 2 hours with a customized offer."
+          text="2-Hour Quote Guarantee. Submit your requirements now and our team will respond within 2 hours with a customized offer."
           animationType="reveal-blur"
           background={{ variant: "downward-rays-animated" }}
           buttons={[
-            { text: "Request Quote Online", href: "#contact" },
+            { text: "Get Your Quote Now", href: "#contact" },
             { text: "WhatsApp Us Now", href: "https://wa.me/966123456789?text=I%20need%20an%20industrial%20equipment%20quote" }
           ]}
           useInvertedBackground={false}
@@ -199,8 +199,13 @@ export default function LandingPage() {
               { label: "Contact Us", href: "#contact" }
             ]}
           ]}
+          containerClassName="bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-slate-100 border-t border-slate-700"
+          logoClassName="text-xl font-bold text-slate-100"
+          columnsClassName="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"
+          columnClassName="flex flex-col gap-4"
+          itemClassName="text-slate-300 hover:text-slate-100 transition-colors duration-200"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F5F6F8;
+  --background: #1a1a2e;
-  --card: #FFFFFF;
+  --card: #16213e;
-  --foreground: #1A1A1A;
+  --foreground: #e8e8e8;
-  --primary-cta: #2F3D6D;
+  --primary-cta: #1f4788;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #5A6472;
+  --secondary-cta: #707070;
   --secondary-cta-text: #1c1c1c;
-  --accent: #F2B705;
+  --accent: #f4a460;
-  --background-accent: #F2B705;
+  --background-accent: #f4a460;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);