From 7f488470490096ebe63dfc52444fef4064e5d796 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Mon, 25 May 2026 20:08:04 -0500
Subject: [PATCH] CTA

---
 src/pages/Services.jsx | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/pages/Services.jsx b/src/pages/Services.jsx
index 1846a46..362b5bf 100644
--- a/src/pages/Services.jsx
+++ b/src/pages/Services.jsx
@@ -179,20 +179,28 @@ const Services = () => {
       {/* CTA */}
       <section className="bg-section-alt py-16 lg:py-24">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="flex flex-col gap-8 border-y border-border py-10 lg:flex-row lg:items-center lg:justify-between">
+          <div className="rounded-md bg-primary-navy px-6 py-10 text-white shadow-md sm:px-8 lg:flex lg:items-center lg:justify-between lg:gap-10 lg:px-10">
             <div>
-              <h2 className="text-3xl md:text-4xl font-bold text-primary-navy mb-3">Not sure where to start?</h2>
-              <p className="text-soft-text max-w-2xl">
-                Tell us about your environment and we'll cut through the options to tell you what actually fits.
+              <h2 className="text-3xl md:text-4xl font-bold mb-3">Not sure where to start?</h2>
+              <p className="max-w-2xl text-white/75">
+                Tell us what you're trying to fix. We'll help you identify the right service path before you spend a dollar.
               </p>
             </div>
-            <Link
-              to="/contact"
-              className="inline-flex h-11 items-center justify-center gap-2 rounded-md bg-primary-navy px-6 text-sm font-semibold text-white hover:bg-primary-navy-dark transition-colors flex-shrink-0"
-            >
-              Get a Free Quote
-              <ArrowRight className="h-4 w-4" aria-hidden="true" />
-            </Link>
+            <div className="mt-7 flex flex-col gap-3 sm:flex-row lg:mt-0 lg:flex-shrink-0">
+              <Link
+                to="/contact"
+                className="inline-flex h-11 items-center justify-center gap-2 rounded-md bg-white px-6 text-sm font-semibold text-primary-navy hover:bg-section-alt transition-colors"
+              >
+                Schedule a Consultation
+                <ArrowRight className="h-4 w-4" aria-hidden="true" />
+              </Link>
+              <a
+                href="tel:+13217308020"
+                className="inline-flex h-11 items-center justify-center rounded-md border border-white/35 px-6 text-sm font-semibold text-white hover:bg-white/10 transition-colors"
+              >
+                Call (321) 730-8020
+              </a>
+            </div>
           </div>
         </div>
       </section>