import Link from "next/link";

export default function BookingCancelPage() {
  return (
    <section className="px-6 py-24 text-center">
      <div className="mx-auto max-w-lg">
        <p className="text-xs uppercase tracking-wide-plus text-rose-dark">Checkout Cancelled</p>
        <h1 className="mt-3 font-display text-4xl text-rosewood">No charge was made</h1>
        <p className="mt-6 text-sm text-ink/70">
          Your appointment was not booked. You can start over whenever you&apos;re ready.
        </p>
        <Link
          href="/book"
          className="mt-10 inline-block rounded-full bg-rosewood px-8 py-3 text-xs uppercase tracking-wide-plus text-cream transition hover:bg-rose-dark"
        >
          Try Booking Again
        </Link>
      </div>
    </section>
  );
}
