null/Queue-North-Website
null
/
Queue-North-Website
1
0
Fork 0
Code Issues 27 Pull Requests Packages Projects Releases Wiki Activity

fix: Support CTA bg color, clickable phone/email, Footer tel: +1 (#112 #106 #90) (batch 9.4)

This commit is contained in:
null 2026-05-17 21:48:27 -05:00
parent 8adb9cdb76
commit 00f5356db4
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/layout/Footer.jsx
View File

@ -59,10 +59,10 @@ const Footer = () => {
<a href={`mailto:${companyInfo.email}`} className="hover:text-primary-cyan transition-colors">{companyInfo.email}</a> <a href={`mailto:${companyInfo.email}`} className="hover:text-primary-cyan transition-colors">{companyInfo.email}</a>
</div> </div>
<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>
<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> </div>
<Link to="/contact" className="inline-block text-primary-cyan hover:underline">Contact Form</Link> <Link to="/contact" className="inline-block text-primary-cyan hover:underline">Contact Form</Link>
</div> </div>

10
src/pages/Support.jsx
View File

@ -129,13 +129,13 @@ const Support = () => {
<svg className="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <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" /> <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> </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>
<div className="flex items-center gap-2 px-4 py-2 bg-primary-navy/10 rounded-lg text-primary-navy"> <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"> <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" /> <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> </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> </div>
<div className="mb-8"> <div className="mb-8">
@ -180,18 +180,18 @@ const Support = () => {
href="https://queuenorthtechnologiesllc.zohodesk.com/portal/en/signin" href="https://queuenorthtechnologiesllc.zohodesk.com/portal/en/signin"
target="_blank" target="_blank"
rel="noopener noreferrer" 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 Already a member? Sign In
</a> </a>
</div> </div>
<p className="text-sm text-soft-text"> <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> </p>
</div> </div>
<div> <div>
<h3 className="font-semibold text-text mb-2">Phone</h3> <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>
<div> <div>
<h3 className="font-semibold text-text mb-2">Support Hours</h3> <h3 className="font-semibold text-text mb-2">Support Hours</h3>