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 */} {/* CTA */}
<section className="bg-section-alt py-16 lg:py-24"> <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="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> <div>
<h2 className="text-3xl md:text-4xl font-bold text-primary-navy mb-3">Not sure where to start?</h2> <h2 className="text-3xl md:text-4xl font-bold mb-3">Not sure where to start?</h2>
<p className="text-soft-text max-w-2xl"> <p className="max-w-2xl text-white/75">
Tell us about your environment and we'll cut through the options to tell you what actually fits. Tell us what you're trying to fix. We'll help you identify the right service path before you spend a dollar.
</p> </p>
</div> </div>
<Link <div className="mt-7 flex flex-col gap-3 sm:flex-row lg:mt-0 lg:flex-shrink-0">
to="/contact" <Link
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" 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"
Get a Free Quote >
<ArrowRight className="h-4 w-4" aria-hidden="true" /> Schedule a Consultation
</Link> <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>
</div> </div>
</section> </section>