|
1
|
import { Card, CardContent } from "@/components/ui/card"; |
|
2
|
import { AlertCircle } from "lucide-react"; |
|
3
|
|
|
4
|
export default function NotFound() { |
|
5
|
return ( |
|
6
|
<div className="min-h-screen w-full flex items-center justify-center bg-gray-50"> |
|
7
|
<Card className="w-full max-w-md mx-4"> |
|
8
|
<CardContent className="pt-6"> |
|
9
|
<div className="flex mb-4 gap-2"> |
|
10
|
<AlertCircle className="h-8 w-8 text-red-500" /> |
|
11
|
<h1 className="text-2xl font-bold text-gray-900">404 Page Not Found</h1> |
|
12
|
</div> |
|
13
|
|
|
14
|
<p className="mt-4 text-sm text-gray-600"> |
|
15
|
Did you forget to add the page to the router? |
|
16
|
</p> |
|
17
|
</CardContent> |
|
18
|
</Card> |
|
19
|
</div> |
|
20
|
); |
|
21
|
} |