MCPeasy

import { Link } from 'react-router-dom' import { Button } from '@/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Home, ArrowLeft } from 'lucide-react' export default function NotFoundPage() { return ( <div className="container mx-auto px-4 py-16"> <div className="max-w-md mx-auto"> <Card> <CardHeader className="text-center"> <CardTitle className="text-6xl font-bold text-muted-foreground mb-4">404</CardTitle> <CardTitle className="text-2xl font-bold">Page Not Found</CardTitle> <CardDescription> The page you're looking for doesn't exist or has been moved. </CardDescription> </CardHeader> <CardContent className="space-y-4"> <div className="flex flex-col space-y-2"> <Link to="/"> <Button className="w-full"> <Home className="w-4 h-4 mr-2" /> Go to Dashboard </Button> </Link> </div> </CardContent> </Card> </div> </div> ) }