33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { useTranslations } from 'next-intl'
|
|
import { Link } from '@/i18n/navigation'
|
|
|
|
export default function NotFound() {
|
|
const t = useTranslations('NotFound')
|
|
|
|
return (
|
|
<div className="min-h-[60vh] flex items-center justify-center">
|
|
<div className="text-center">
|
|
<h1 className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</h1>
|
|
<h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
|
|
<p className="text-gray-600 dark:text-gray-400 mb-8">
|
|
{t('description')}
|
|
</p>
|
|
<div className="space-x-4">
|
|
<Link
|
|
href="/blog"
|
|
className="inline-block px-6 py-3 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition"
|
|
>
|
|
{t('goHome')}
|
|
</Link>
|
|
<Link
|
|
href="/"
|
|
className="inline-block px-6 py-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition"
|
|
>
|
|
{t('goHome')}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|