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

CTA

This commit is contained in:
null 2026-05-25 20:08:04 -05:00
parent 07a43b9b7c
commit 7f48847049
1 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/Services.jsx
View File

@ -179,20 +179,28 @@ const Services = () => {
{/* CTA */}
<section className="bg-section-alt py-16 lg:py-24">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex flex-col gap-8 border-y border-border py-10 lg:flex-row lg:items-center lg:justify-between">
<div className="rounded-md bg-primary-navy px-6 py-10 text-white shadow-md sm:px-8 lg:flex lg:items-center lg:justify-between lg:gap-10 lg:px-10">
<div>
<h2 className="text-3xl md:text-4xl font-bold text-primary-navy mb-3">Not sure where to start?</h2>
<p className="text-soft-text max-w-2xl">
Tell us about your environment and we'll cut through the options to tell you what actually fits.
<h2 className="text-3xl md:text-4xl font-bold mb-3">Not sure where to start?</h2>
<p className="max-w-2xl text-white/75">
Tell us what you're trying to fix. We'll help you identify the right service path before you spend a dollar.
</p>
</div>
<Link
to="/contact"
className="inline-flex h-11 items-center justify-center gap-2 rounded-md bg-primary-navy px-6 text-sm font-semibold text-white hover:bg-primary-navy-dark transition-colors flex-shrink-0"
>
Get a Free Quote
<ArrowRight className="h-4 w-4" aria-hidden="true" />
</Link>
<div className="mt-7 flex flex-col gap-3 sm:flex-row lg:mt-0 lg:flex-shrink-0">
<Link
to="/contact"
className="inline-flex h-11 items-center justify-center gap-2 rounded-md bg-white px-6 text-sm font-semibold text-primary-navy hover:bg-section-alt transition-colors"
>
Schedule a Consultation
<ArrowRight className="h-4 w-4" aria-hidden="true" />
</Link>
<a
href="tel:+13217308020"
className="inline-flex h-11 items-center justify-center rounded-md border border-white/35 px-6 text-sm font-semibold text-white hover:bg-white/10 transition-colors"
>
Call (321) 730-8020
</a>
</div>
</div>
</div>
</section>