Update src/app/page.tsx

Merge version_3 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}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f514c;
+  --background: #F5F6F8;
+  --card: #FFFFFF;
+  --foreground: #1A1A1A;
+  --primary-cta: #2F3D6D;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #5A6472;
   --secondary-cta-text: #1c1c1c;
-  --accent: #159c49;
-  --background-accent: #a8e8ba;
+  --accent: #F2B705;
+  --background-accent: #F2B705;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);