Rocky_Mountain_Vending/app/checkout/cancel/page.tsx
DMleadgen 46d973904b
Initial commit: Rocky Mountain Vending website
Next.js website for Rocky Mountain Vending company featuring:
- Product catalog with Stripe integration
- Service areas and parts pages
- Admin dashboard with Clerk authentication
- SEO optimized pages with JSON-LD structured data

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-12 16:22:15 -07:00

32 lines
1 KiB
TypeScript

import Link from 'next/link'
import { Button } from '@/components/ui/button'
import { XCircle } from 'lucide-react'
export const metadata = {
title: 'Checkout Cancelled | Rocky Mountain Vending',
description: 'Your checkout was cancelled',
}
export default function CheckoutCancelPage() {
return (
<div className="container mx-auto px-4 py-16">
<div className="max-w-2xl mx-auto text-center">
<XCircle className="h-16 w-16 text-muted-foreground mx-auto mb-6" />
<h1 className="text-4xl md:text-5xl font-bold tracking-tight text-balance mb-4">Checkout Cancelled</h1>
<p className="text-lg text-muted-foreground mb-8">
Your checkout was cancelled. No charges were made.
</p>
<div className="flex gap-4 justify-center">
<Button asChild variant="brand">
<Link href="/products">Continue Shopping</Link>
</Button>
<Button variant="outline" asChild>
<Link href="/">Back to Home</Link>
</Button>
</div>
</div>
</div>
)
}