// components/pricing/Guarantee.tsx
export default function Guarantee() {
  return (
    <div className="relative overflow-hidden rounded-2xl border border-gray-200 bg-gradient-to-br from-emerald-50 to-white p-6">
      <div className="mx-auto max-w-3xl text-center">
        <h2 className="text-xl font-semibold">Risk reversed</h2>
        <p className="mt-2 text-gray-700">
          30-day, no-questions cancel. If we don’t deliver the agreed outcomes in your first month
          (including a successful restore-tested backup), we’ll complete the sprint free.
        </p>
        <div className="mt-4 inline-flex items-center gap-3 rounded-xl border border-emerald-200 bg-white px-4 py-2 text-sm font-medium text-emerald-900">
          <span className="inline-block rounded-full bg-emerald-100 px-2 py-0.5 text-xs">Guarantee</span>
          Incident credits apply if response SLAs are missed.
        </div>
      </div>
    </div>
  );
}