nezha_dash/app/[locale]/not-found.tsx
2024-09-26 10:23:56 +08:00

16 lines
845 B
TypeScript

import { useTranslations } from 'next-intl';
import Image from "next/image";
import Link from "next/link";
export default function NotFoundPage() {
const t = useTranslations("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">{t('h1_490-590_404NotFound')}</h1>
<p className="text-lg opacity-60 md:text-base">{t('p_601-665_TARDISERROR')}</p>
<Link href={"/"} className="text-2xl opacity-80 md:text-3xl">{t('Link_676-775_Doctor')}</Link>
</div>
</div>
</main>;
}