From 123329b03eae796a9f6275642e46a78a997ebd60 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 17 May 2026 20:51:16 -0500
Subject: [PATCH] feat: add free migration offer CTA section to homepage (batch
 8.5, issue #82)

---
 src/pages/Home.jsx | 46 ++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 5e5136a..78c1949 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -420,14 +420,48 @@ const Home = () => {
         </div>
       </section>
 
-      {/* Final CTA */}
-      <section className="bg-primary-navy text-white py-16 md:py-24">
+      {/* Final CTA - Free Migration Offer */}
+      <section className="bg-section-alt py-16 md:py-24">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h2 className="text-3xl md:text-4xl font-bold mb-6">
-            Tell us what you're trying to fix. We'll help map the path.
+          <h2 className="text-3xl md:text-4xl font-bold text-primary-navy mb-6">
+            What we'll help you do
           </h2>
-          <p className="text-xl text-section-alt mb-8 max-w-2xl mx-auto">
-            Schedule a free consultation with our communications experts.
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
+            <div className="flex items-start gap-3">
+              <div className="bg-primary-navy/10 p-2 rounded-lg flex-shrink-0">
+                <MapPin className="w-5 h-5 text-primary-navy" />
+              </div>
+              <p className="text-left text-sm md:text-base text-soft-text">
+                Identify the features you actually need
+              </p>
+            </div>
+            <div className="flex items-start gap-3">
+              <div className="bg-teal-500/10 p-2 rounded-lg flex-shrink-0">
+                <Users className="w-5 h-5 text-teal-600" />
+              </div>
+              <p className="text-left text-sm md:text-base text-soft-text">
+                Align solutions with operations and budget
+              </p>
+            </div>
+            <div className="flex items-start gap-3">
+              <div className="bg-teal-500/10 p-2 rounded-lg flex-shrink-0">
+                <Network className="w-5 h-5 text-teal-600" />
+              </div>
+              <p className="text-left text-sm md:text-base text-soft-text">
+                Plan deployment, migration, and training
+              </p>
+            </div>
+            <div className="flex items-start gap-3">
+              <div className="bg-teal-600/10 p-2 rounded-lg flex-shrink-0">
+                <ShieldCheck className="w-5 h-5 text-teal-600" />
+              </div>
+              <p className="text-left text-sm md:text-base text-teal-700 font-semibold">
+                Ask how you qualify for our free migration
+              </p>
+            </div>
+          </div>
+          <p className="text-lg text-soft-text mb-8 max-w-2xl mx-auto">
+            Share a few details and we'll provide clear direction.
           </p>
           <Button variant="default" size="lg" onClick={() => navigate('/contact')}>
             Request Consultation