Merge pull request #22 from damjan1996/auto-claude/008-404-page-internationalization-and-design-consisten
auto-claude: 008-404-page-internationalization-and-design-consisten
This commit is contained in:
+12
-10
@@ -1,23 +1,25 @@
|
|||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
|
import { getTranslations } from 'next-intl/server';
|
||||||
|
import { defaultLocale } from '@/i18n/config';
|
||||||
|
|
||||||
|
export default async function NotFound() {
|
||||||
|
const t = await getTranslations('pages.notfound');
|
||||||
|
|
||||||
export default function NotFound() {
|
|
||||||
return (
|
return (
|
||||||
<html lang="de">
|
<div className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
|
||||||
<body className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
|
|
||||||
<div className="text-center px-4">
|
<div className="text-center px-4">
|
||||||
<h1 className="text-6xl font-bold mb-4">404</h1>
|
<h1 className="text-6xl font-bold mb-4">404</h1>
|
||||||
<h2 className="text-2xl font-semibold mb-4">Page Not Found</h2>
|
<h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
|
||||||
<p className="text-zinc-400 mb-8">
|
<p className="text-zinc-400 mb-8">
|
||||||
The page you are looking for does not exist or has been moved.
|
{t('description')}
|
||||||
</p>
|
</p>
|
||||||
<Link
|
<Link
|
||||||
href="/de"
|
href={`/${defaultLocale}`}
|
||||||
className="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors inline-block"
|
className="px-6 py-3 bg-white text-zinc-900 hover:bg-zinc-200 rounded-lg transition-colors inline-block font-medium"
|
||||||
>
|
>
|
||||||
Go to Homepage
|
{t('backHome')}
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</div>
|
||||||
</html>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user