From 00f5356db46e0591d3fa6614ab7ff260b1f9f543 Mon Sep 17 00:00:00 2001
From: null <koga.industries@gmail.com>
Date: Sun, 17 May 2026 21:48:27 -0500
Subject: [PATCH] fix: Support CTA bg color, clickable phone/email, Footer tel:
 +1 (#112 #106 #90) (batch 9.4)

---
 src/components/layout/Footer.jsx |  4 ++--
 src/pages/Support.jsx            | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/layout/Footer.jsx b/src/components/layout/Footer.jsx
index 4432de1..13d8cb8 100644
--- a/src/components/layout/Footer.jsx
+++ b/src/components/layout/Footer.jsx
@@ -59,10 +59,10 @@ const Footer = () => {
                 <a href={`mailto:${companyInfo.email}`} className="hover:text-primary-cyan transition-colors">{companyInfo.email}</a>
               </div>
               <div>
-                <a href={`tel:${companyInfo.phone.replace(/\D/g, '')}`} className="hover:text-primary-cyan transition-colors">{companyInfo.phone}</a>
+                <a href={`tel:+1${companyInfo.phone.replace(/\D/g, '')}`} className="hover:text-primary-cyan transition-colors">{companyInfo.phone}</a>
               </div>
               <div>
-                <a href={`tel:${companyInfo.tollFree.replace(/\D/g, '')}`} className="hover:text-primary-cyan transition-colors">{companyInfo.tollFree}</a>
+                <a href={`tel:+1${companyInfo.tollFree.replace(/\D/g, '')}`} className="hover:text-primary-cyan transition-colors">{companyInfo.tollFree}</a>
               </div>
               <Link to="/contact" className="inline-block text-primary-cyan hover:underline">Contact Form</Link>
             </div>
diff --git a/src/pages/Support.jsx b/src/pages/Support.jsx
index 50b39c1..5182a35 100644
--- a/src/pages/Support.jsx
+++ b/src/pages/Support.jsx
@@ -129,13 +129,13 @@ const Support = () => {
                 <svg className="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 5.13a1 1 0 01-1.31.42a2 2 0 00-2.63-.54l-2.238 5.03a2 2 0 01-2.71.319L2.663 12H4a2 2 0 012 2v2a2 2 0 01-2 2H2a2 2 0 01-2-2V5z" />
                 </svg>
-                <p className="text-sm font-medium">(321) 730-8020</p>
+                <p className="text-sm font-medium"><a href="tel:+13217308020" className="text-primary-cyan hover:text-cyan-700 underline">(321) 730-8020</a></p>
               </div>
               <div className="flex items-center gap-2 px-4 py-2 bg-primary-navy/10 rounded-lg text-primary-navy">
                 <svg className="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                   <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                 </svg>
-                <p className="text-sm font-medium">info@queuenorth.com</p>
+                <p className="text-sm font-medium"><a href="mailto:info@queuenorth.com" className="text-primary-cyan hover:text-cyan-700 underline">info@queuenorth.com</a></p>
               </div>
             </div>
             <div className="mb-8">
@@ -180,18 +180,18 @@ const Support = () => {
                         href="https://queuenorthtechnologiesllc.zohodesk.com/portal/en/signin"
                         target="_blank"
                         rel="noopener noreferrer"
-                        className="inline-flex items-center justify-center px-6 py-3 bg-secondary-bg text-primary-navy font-medium rounded-md hover:bg-secondary-bg/80 transition-colors"
+                        className="inline-flex items-center justify-center px-6 py-3 bg-white text-primary-navy font-medium rounded-md hover:bg-gray-50 transition-colors"
                       >
                         Already a member? Sign In
                       </a>
                     </div>
                     <p className="text-sm text-soft-text">
-                      Or call our support team (321) 730-8020
+                      Or call our support team <a href="tel:+13217308020" className="text-primary-cyan hover:text-cyan-700 underline">(321) 730-8020</a>
                     </p>
                   </div>
                   <div>
                     <h3 className="font-semibold text-text mb-2">Phone</h3>
-                    <p className="text-soft-text">(321) 730-8020</p>
+                    <p className="text-soft-text"><a href="tel:+13217308020" className="text-primary-cyan hover:text-cyan-700 underline">(321) 730-8020</a></p>
                   </div>
                   <div>
                     <h3 className="font-semibold text-text mb-2">Support Hours</h3>