nezha_dash/app/not-found.tsx
2024-07-27 02:17:07 +08:00

28 lines
823 B
TypeScript

import Image from "next/image";
import Link from "next/link";
export default function NotFoundPage() {
return (
<main className="relative h-screen w-full">
<div className="absolute inset-0 m-4 flex items-center justify-center">
<Image
priority
className="rounded-3xl object-cover"
src="/tardis.jpg"
fill={true}
alt="TARDIS"
/>
<div className="text-container absolute right-4 p-4 md:right-20">
<h1 className="text-2xl font-bold opacity-80 md:text-5xl">
404 Not Found
</h1>
<p className="text-lg opacity-60 md:text-base">TARDIS ERROR!</p>
<Link href={"/"} className="text-2xl opacity-80 md:text-3xl">
Doctor?
</Link>
</div>
</div>
</main>
);
}