30 lines
887 B
TypeScript
30 lines
887 B
TypeScript
 
|
import Link from "next/link";
|
||
|
|
import { Home } from "lucide-react";
|
||
|
|
import { buttonVariants } from "@/components/ui/button";
|
||
|
|
import { cn } from "@/lib/utils";
|
||
|
|
|
||
|
|
export function NotFoundContent() {
|
||
|
|
return (
|
||
|
|
<div className="mx-auto flex max-w-md flex-col items-center gap-3 py-24 text-center">
|
||
|
|
<span className="text-primary font-mono text-6xl font-semibold tracking-tight">
|
||
|
|
404
|
||
|
|
</span>
|
||
|
|
<h1 className="font-heading text-xl font-medium">Page not found</h1>
|
||
|
|
<p className="text-muted-foreground text-sm">
|
||
|
|
The page you’re looking for doesn’t exist or may have been
|
||
|
|
moved.
|
||
|
|
</p>
|
||
|
|
<Link
|
||
|
|
href="/"
|
||
|
|
className={cn(
|
||
|
|
buttonVariants({ variant: "outline", size: "sm" }),
|
||
|
|
"mt-2",
|
||
|
|
)}
|
||
|
|
>
|
||
|
|
<Home className="size-3.5" />
|
||
|
|
Back to dashboard
|
||
|
|
</Link>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|