import Link from "next/link";

export const metadata = { title: "Donation cancelled — PIFF" };

export default function CancelPage() {
  return (
    <section className="mx-auto max-w-2xl px-6 py-24 text-center">
      <h1 className="font-display text-3xl font-bold text-text">
        Donation cancelled
      </h1>
      <p className="mt-4 text-textmuted">
        No payment was taken. The piece of the house you selected is still
        available.
      </p>
      <Link
        href="/donate"
        className="mt-8 inline-block rounded-full bg-primary px-6 py-2.5 text-sm font-medium text-white hover:bg-primaryDark"
      >
        Back to the house
      </Link>
    </section>
  );
}
