28 lines
1.0 KiB
JavaScript
28 lines
1.0 KiB
JavaScript
import React from 'react'
|
||
import { useLanguage } from '../contexts/LanguageContext.jsx'
|
||
|
||
export default function NotFound() {
|
||
const { lang } = useLanguage()
|
||
return (
|
||
<div className="min-h-screen bg-slate-900 flex items-center justify-center px-4">
|
||
<div className="text-center">
|
||
<div className="text-8xl font-bold text-blue-600 mb-4">404</div>
|
||
<h1 className="text-2xl font-bold text-white mb-3">
|
||
{lang === 'ru' ? 'Страница не найдена' : 'Page not found'}
|
||
</h1>
|
||
<p className="text-slate-400 mb-8">
|
||
{lang === 'ru'
|
||
? 'Такой страницы не существует или она была удалена'
|
||
: 'This page does not exist or has been removed'}
|
||
</p>
|
||
<a
|
||
href="/"
|
||
className="px-6 py-3 bg-blue-600 hover:bg-blue-500 text-white font-semibold rounded-lg transition-colors"
|
||
>
|
||
{lang === 'ru' ? 'На главную' : 'Back to home'}
|
||
</a>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|