not-found.tsx
849 bytes
| 1 | import Link from 'next/link'; |
|---|---|
| 2 | import { Button } from '@/components/ui/button'; |
| 3 | |
| 4 | export default function NotFound() { |
| 5 | return ( |
| 6 | <div className="container flex min-h-[60vh] flex-col items-center justify-center gap-4 text-center"> |
| 7 | <p className="font-mono text-xs uppercase tracking-[0.22em] text-muted-foreground">404</p> |
| 8 | <h1 className="font-display text-3xl font-medium tracking-tight">This page wandered off.</h1> |
| 9 | <p className="max-w-md text-muted-foreground"> |
| 10 | The debate, demo, or page you were looking for does not exist or has been removed. |
| 11 | </p> |
| 12 | <div className="mt-2 flex gap-3"> |
| 13 | <Button asChild> |
| 14 | <Link href="/">Back home</Link> |
| 15 | </Button> |
| 16 | <Button variant="ghost" asChild> |
| 17 | <Link href="/demo">Watch a demo</Link> |
| 18 | </Button> |
| 19 | </div> |
| 20 | </div> |
| 21 | ); |
| 22 | } |
| 23 | |