1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-04 20:41:30 +01:00
.profile/app/not-found.tsx

33 lines
808 B
TypeScript

import Link from "next/link"
import { getI18n } from "@/i18n/i18n.server"
const NotFound = (): JSX.Element => {
const i18n = getI18n()
return (
<main className="flex flex-1 flex-col items-center justify-center">
<h1 className="my-6 text-4xl font-semibold">
{i18n.translate("errors.error")}{" "}
<span
className="text-yellow dark:text-yellow-dark"
data-cy="status-code"
>
404
</span>
</h1>
<p className="text-center text-lg">
{i18n.translate("errors.not-found")}{" "}
<Link
href="/"
className="text-yellow hover:underline dark:text-yellow-dark"
>
{i18n.translate("errors.return-to-home-page")}
</Link>
</p>
</main>
)
}
export default NotFound