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