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>
  )
}