import Link from 'next/link';
import { Button } from '@/components/ui/button';
import { ArrowLeft } from 'lucide-react';
export default function NotFound() {
return (
<div className="h-[calc(100vh-4rem)] flex items-center justify-center">
<div className="text-center space-y-4">
<h1 className="text-4xl font-bold">404</h1>
<h2 className="text-2xl">Page Not Found</h2>
<p className="text-muted-foreground">
The page you're looking for doesn't exist or has been removed.
</p>
<div className="pt-4">
<Link href="/">
<Button variant="outline">
<ArrowLeft className="mr-2 h-4 w-4" />
Back to Home
</Button>
</Link>
</div>
</div>
</div>
);
}