From 362a7e005986e859232263f0caf065614211f946 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Tue, 26 May 2026 17:08:55 -0500
Subject: [PATCH] heatmap

---
 src/pages/Home.jsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 431e252..28de80e 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -177,7 +177,7 @@ const Home = () => {
                   className="h-9 w-full object-contain"
                 />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy sm:text-left">8x8 Certified Partner</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">8x8 Certified Partner</span>
             </div>
             <div className="flex items-center justify-center gap-3 sm:justify-start">
               <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3">
@@ -187,19 +187,19 @@ const Home = () => {
                   className="h-12 w-full object-contain"
                 />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy sm:text-left">Cisco Certified Partner</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Cisco Certified Partner</span>
             </div>
             <div className="flex items-center justify-center gap-3 sm:justify-start">
               <span className="flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-primary-navy">
                 <ShieldCheck className="h-7 w-7 text-primary-blue" aria-hidden="true" />
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy sm:text-left">Veteran Owned</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Veteran Owned</span>
             </div>
             <div className="flex items-center justify-center gap-3 sm:justify-start">
               <span className="font-numeric flex h-14 w-24 shrink-0 items-center justify-center rounded-md border border-border bg-white px-3 text-2xl font-semibold text-primary-navy">
                 25+
               </span>
-              <span className="text-sm font-semibold leading-tight text-primary-navy sm:text-left">Years Experience</span>
+              <span className="text-sm font-semibold leading-tight text-primary-navy text-center sm:text-left">Years Experience</span>
             </div>
           </div>
         </div>
@@ -354,35 +354,35 @@ const Home = () => {
             What we'll help you do
           </h2>
           <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="flex items-start gap-3 justify-center sm:justify-start">
               <div className="bg-primary-navy/10 p-2 rounded-md 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">
+              <p className="text-center sm: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="flex items-start gap-3 justify-center sm:justify-start">
               <div className="bg-teal-500/10 p-2 rounded-md 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">
+              <p className="text-center sm: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="flex items-start gap-3 justify-center sm:justify-start">
               <div className="bg-teal-500/10 p-2 rounded-md 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">
+              <p className="text-center sm: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="flex items-start gap-3 justify-center sm:justify-start">
               <div className="bg-teal-600/10 p-2 rounded-md 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">
+              <p className="text-center sm:text-left text-sm md:text-base text-teal-700 font-semibold">
                 Ask how you qualify for our free migration
               </p>
             </div>