promist

src/components/page-shell.tsx

@@ -32,14 +32,19 @@ export function FeatureRow({ img, title, body, reverse, Icon }: { img: string; t
 
 export function CTA() {
   return (
-    <section className="bg-foreground text-background">
-      <div className="container-page py-16 flex flex-wrap items-center justify-between gap-6">
+    <section className="bg-brand-blue text-white">
+      <div className="container-page py-12 flex flex-wrap items-center justify-between gap-6">
         <div>
-          <div className="text-xs uppercase tracking-widest text-brand-red">Ready when you are</div>
-          <h3 className="mt-2 font-display text-3xl font-black">Let's design your misting system.</h3>
+          <div className="text-xl md:text-2xl font-bold leading-tight">
+            Questions? Call Now:{" "}
+            <span className="text-3xl md:text-4xl font-black whitespace-nowrap">+971 4 320 3552</span>
+          </div>
         </div>
-        <Link to="/enquiry" className="inline-flex items-center gap-2 bg-brand-red text-white px-6 py-3.5 rounded-md text-sm font-semibold">
-          Request a quote <ArrowUpRight className="h-4 w-4" />
+        <Link
+          to="/enquiry"
+          className="inline-flex items-center gap-2 bg-white text-brand-blue px-8 py-4 rounded-md text-lg font-bold hover:opacity-90 transition-opacity"
+        >
+          BOOK NOW <ArrowUpRight className="h-5 w-5" />
         </Link>
       </div>
     </section>