import Link from 'next/link';

export default function NotFound() {
  return (
    <div className="min-h-screen flex flex-col items-center justify-center gap-4 px-4 text-center">
      <h1 className="text-4xl font-bold text-foreground">404</h1>
      <p className="text-lg font-medium text-foreground">Page not found</p>
      <p className="text-sm text-muted-foreground">
        The page you are looking for does not exist or has been moved.
      </p>
      <Link
        href="/dashboard"
        className="mt-2 text-sm underline underline-offset-4 text-muted-foreground hover:text-foreground transition-colors"
      >
        Back to dashboard
      </Link>
    </div>
  );
}