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

feat: add free migration offer CTA section to homepage (batch 8.5, issue #82)

This commit is contained in:
null 2026-05-17 20:51:16 -05:00
parent 6ca8585f89
commit 123329b03e
1 changed files with 40 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/pages/Home.jsx
View File

@ -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