Add 404 page, three phone numbers, fix nginx try_files

This commit is contained in:
2026-03-14 01:37:23 +03:00
parent fc4c2c6d07
commit 8bfd0d7750
7 changed files with 61 additions and 10 deletions

View File

@@ -117,13 +117,19 @@ export default function Home() {
<h2 className="text-3xl sm:text-4xl font-bold text-white mb-4">{t('contact.title')}</h2>
<p className="text-slate-400 text-lg mb-10">{t('contact.subtitle')}</p>
<div className="flex flex-col gap-6">
<div className="flex items-center gap-4">
<div className="w-10 h-10 bg-blue-500/10 rounded-lg flex items-center justify-center flex-shrink-0">
<div className="flex items-start gap-4">
<div className="w-10 h-10 bg-blue-500/10 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5">
<Phone size={20} className="text-blue-400" />
</div>
<div>
<div className="text-slate-400 text-xs uppercase tracking-wider mb-0.5">{t('contact.phone')}</div>
<a href="tel:+74953637476" className="text-white font-medium hover:text-blue-400 transition-colors">+7 495 363-74-76</a>
<div className="text-slate-400 text-xs uppercase tracking-wider mb-1">{t('contact.phone')}</div>
<div className="flex flex-col gap-1">
{t('contact.phones').map((phone, i) => (
<a key={i} href={`tel:${phone.replace(/\D/g,'')}`} className="text-white font-medium hover:text-blue-400 transition-colors">
{phone}
</a>
))}
</div>
</div>
</div>
<div className="flex items-center gap-4">

27
src/pages/NotFound.jsx Normal file
View File

@@ -0,0 +1,27 @@
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>
)
}