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>
  );
}
