import Container from "@/components/ui/Container";
import { ButtonLink } from "@/components/ui/Button";

export const metadata = { title: "Checkout Cancelled | LarCare Services" };

export default function CheckoutCancelPage() {
  return (
    <section className="py-24">
      <Container className="max-w-lg mx-auto text-center">
        <h1 className="font-display text-3xl text-neutral-900">Checkout cancelled</h1>
        <p className="mt-4 text-neutral-600">
          No payment was made and your cart is still saved. You can pick up right where you left off.
        </p>
        <div className="mt-8">
          <ButtonLink href="/cart">Return to Cart</ButtonLink>
        </div>
      </Container>
    </section>
  );
}