damjan_savicandClaude Sonnet 4.5
ebf2d18969
- Add next-intl internationalization support - Use translation keys from pages.notfound (title, description, backHome) - Change button from blue to white/zinc design system colors - Link to default locale homepage - Convert component to async for getTranslations Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
26 lines
845 B
TypeScript
26 lines
845 B
TypeScript
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');
|
|
|
|
return (
|
|
<div className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
|
|
<div className="text-center px-4">
|
|
<h1 className="text-6xl font-bold mb-4">404</h1>
|
|
<h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
|
|
<p className="text-zinc-400 mb-8">
|
|
{t('description')}
|
|
</p>
|
|
<Link
|
|
href={`/${defaultLocale}`}
|
|
className="px-6 py-3 bg-white text-zinc-900 hover:bg-zinc-200 rounded-lg transition-colors inline-block font-medium"
|
|
>
|
|
{t('backHome')}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|