it/web/components/CTA.tsx
2025-10-25 21:14:15 +02:00

29 lines
1.1 KiB
TypeScript

import Link from "next/link";
export default function CTA() {
return (
<section className="relative py-24 text-center bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 text-white">
<div className="container mx-auto max-w-3xl px-6">
<h3 className="text-3xl font-bold tracking-tight">Ready to ship a fix or start care?</h3>
<p className="mt-3 text-lg text-blue-100">
Book a free 20-minute check. Clear scope, then we execute.
</p>
<div className="mt-8 flex flex-wrap justify-center gap-4">
<Link
href="/contact"
className="inline-flex items-center rounded-lg bg-white text-blue-700 font-semibold px-6 py-3 hover:bg-blue-50 transition"
>
Book free check
</Link>
<Link
href="/services"
className="inline-flex items-center rounded-lg border border-white/70 px-6 py-3 text-white font-medium hover:bg-white/10 transition"
>
Browse services
</Link>
</div>
</div>
</section>
);
}