ospab/ospab.host
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

english version update

Browse Source
This commit is contained in:
Georgiy Syralev
2025-12-31 19:59:43 +03:00
parent b799f278a4
commit a2809a705f
57 changed files with 4263 additions and 1333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
ospabhost/frontend/src/components/footer.tsx
View File

@@ -1,9 +1,13 @@
import { Link } from 'react-router-dom';
import { FaGithub } from 'react-icons/fa';
import logo from '../assets/logo.svg';
import { useTranslation } from '../i18n';
import { useLocalePath } from '../middleware';
const Footer = () => {
const currentYear = new Date().getFullYear();
const { t, locale, setLocale } = useTranslation();
const localePath = useLocalePath();
return (
<footer className="bg-gray-800 text-white py-12">
@@ -12,32 +16,32 @@ const Footer = () => {
{/* About Section */}
<div>
<div className="mb-4 flex justify-center md:justify-start">
<img src={logo} alt="Логотип" className="h-16 w-auto" width="64" height="64" />
<img src={logo} alt="Logo" className="h-20 w-20 rounded-full bg-white p-1.5 shadow-lg" width="80" height="80" />
</div>
<h3 className="text-xl font-bold mb-4">О нас</h3>
<h3 className="text-xl font-bold mb-4">{t('nav.about')}</h3>
<p className="text-sm text-gray-400">
ospab.host - это надежный хостинг для ваших проектов. Мы предлагаем высокую производительность и круглосуточную поддержку.
{t('footer.description')}
</p>
</div>
{/* Quick Links */}
<div>
<h3 className="text-xl font-bold mb-4">Навигация</h3>
<h3 className="text-xl font-bold mb-4">{t('footer.links')}</h3>
<ul className="space-y-2 text-sm">
<li><Link to="/" className="text-gray-400 hover:text-white transition-colors">Главная</Link></li>
<li><Link to="/tariffs" className="text-gray-400 hover:text-white transition-colors">Тарифы</Link></li>
<li><Link to="/about" className="text-gray-400 hover:text-white transition-colors">О нас</Link></li>
<li><Link to="/blog" className="text-gray-400 hover:text-white transition-colors">Блог</Link></li>
<li><Link to="/login" className="text-gray-400 hover:text-white transition-colors">Войти</Link></li>
<li><Link to={localePath('/')} className="text-gray-400 hover:text-white transition-colors">{t('nav.home')}</Link></li>
<li><Link to={localePath('/tariffs')} className="text-gray-400 hover:text-white transition-colors">{t('nav.tariffs')}</Link></li>
<li><Link to={localePath('/about')} className="text-gray-400 hover:text-white transition-colors">{t('nav.about')}</Link></li>
<li><Link to={localePath('/blog')} className="text-gray-400 hover:text-white transition-colors">{t('nav.blog')}</Link></li>
<li><Link to={localePath('/login')} className="text-gray-400 hover:text-white transition-colors">{t('nav.login')}</Link></li>
</ul>
</div>
{/* Legal Documents */}
<div>
<h3 className="text-xl font-bold mb-4">Документы</h3>
<h3 className="text-xl font-bold mb-4">{t('footer.legal')}</h3>
<ul className="space-y-2 text-sm">
<li><Link to="/privacy" className="text-gray-400 hover:text-white transition-colors">Политика конфиденциальности</Link></li>
<li><Link to="/terms" className="text-gray-400 hover:text-white transition-colors">Условия использования</Link></li>
<li><Link to={localePath('/privacy')} className="text-gray-400 hover:text-white transition-colors">{t('footer.privacy')}</Link></li>
<li><Link to={localePath('/terms')} className="text-gray-400 hover:text-white transition-colors">{t('footer.terms')}</Link></li>
<li>
<a
href="https://github.com/ospab/ospabhost8.1"
@@ -53,10 +57,34 @@ const Footer = () => {
</div>
</div>
<div className="mt-8 pt-8 border-t border-gray-700 text-center">
<div className="mt-8 pt-8 border-t border-gray-700 flex flex-col md:flex-row justify-between items-center gap-4">
<p className="text-sm text-gray-400">
&copy; {currentYear} ospab.host. Все права защищены.
&copy; {currentYear} ospab.host. {locale === 'en' ? 'All rights reserved.' : 'Все права защищены.'}
</p>
{/* Language Switcher */}
<div className="flex items-center gap-2">
<button
onClick={() => setLocale('ru')}
className={`px-3 py-1 rounded-full text-sm transition-colors ${
locale === 'ru'
? 'bg-ospab-primary text-white'
: 'text-gray-400 hover:text-white hover:bg-gray-700'
}`}
>
RU
</button>
<button
onClick={() => setLocale('en')}
className={`px-3 py-1 rounded-full text-sm transition-colors ${
locale === 'en'
? 'bg-ospab-primary text-white'
: 'text-gray-400 hover:text-white hover:bg-gray-700'
}`}
>
EN
</button>
</div>
</div>
</div>
</footer>