| 9e346cc | | | 1 | import Link from "next/link"; |
| 818dc90 | | | 2 | import { GroveLogo } from "@/app/components/grove-logo"; |
| 9e346cc | | | 3 | |
| 9e346cc | | | 4 | export default function NotFound() { |
| 9e346cc | | | 5 | return ( |
| 9e346cc | | | 6 | <div className="max-w-3xl mx-auto px-4 py-16 text-center"> |
| 818dc90 | | | 7 | <div className="mx-auto mb-6 w-fit opacity-50"> |
| 818dc90 | | | 8 | <GroveLogo size={48} /> |
| 818dc90 | | | 9 | </div> |
| 9e346cc | | | 10 | <h1 className="text-lg mb-2">Page not found</h1> |
| 9e346cc | | | 11 | <p className="text-sm mb-6" style={{ color: "var(--text-muted)" }}> |
| 9e346cc | | | 12 | The page you're looking for doesn't exist or has been moved. |
| 9e346cc | | | 13 | </p> |
| 9e346cc | | | 14 | <Link |
| 9e346cc | | | 15 | href="/" |
| 9e346cc | | | 16 | className="text-sm px-4 py-2 inline-block" |
| 9e346cc | | | 17 | style={{ |
| 9e346cc | | | 18 | color: "var(--accent-text)", |
| 9e346cc | | | 19 | backgroundColor: "var(--accent)", |
| 9e346cc | | | 20 | }} |
| 9e346cc | | | 21 | > |
| 9e346cc | | | 22 | Go home |
| 9e346cc | | | 23 | </Link> |
| 9e346cc | | | 24 | </div> |
| 9e346cc | | | 25 | ); |
| 9e346cc | | | 26 | } |