git add .!

This commit is contained in:
Web-serfer 2026-04-05 18:12:49 +05:00
parent 12cb596e5e
commit 1d8cb94085
7 changed files with 1414 additions and 300 deletions

View file

@ -3,13 +3,20 @@
const sectionsLinks = [
{ label: 'Главная', href: '/' },
{ label: 'Услуги', href: '/services' },
{ label: 'Блог', href: '#' },
{ label: 'Контакты', href: '/contacts' },
];
const legalLinks = [
{ label: 'Privacy Policy', href: '#' },
{ label: 'Terms of Service', href: '#' },
{ label: 'Legal Disclaimer', href: '#' },
{ label: 'Cookie Settings', href: '#' },
{ label: 'Политика конфиденциальности', href: '/privacy' },
{ label: 'Условия использования', href: '/terms' },
];
const infoLinks = [
{ label: 'Часто задаваемые вопросы', href: '/faq' },
{ label: 'Политика конфиденциальности', href: '/privacy' },
{ label: 'Условия использования', href: '/terms' },
{ label: 'Возврат средств', href: '#' },
];
---
@ -29,7 +36,7 @@ const legalLinks = [
</p>
</div>
<!-- Колонка 2: Разделы и Блог -->
<!-- Колонка 2: Разделы -->
<div class="footer-col">
<h4 class="col-title">Разделы</h4>
<ul class="footer-links">
@ -37,18 +44,13 @@ const legalLinks = [
<li><a href={link.href}>{link.label}</a></li>
))}
</ul>
<h4 class="col-title mt-4">Блог</h4>
<ul class="footer-links">
<li><a href="/contacts">Контакты</a></li>
</ul>
</div>
<!-- Колонка 3: Правовая информация -->
<div class="footer-col">
<h4 class="col-title">Правовая информация</h4>
<ul class="footer-links">
{legalLinks.map(link => (
{infoLinks.map(link => (
<li><a href={link.href}>{link.label}</a></li>
))}
</ul>
@ -77,7 +79,11 @@ const legalLinks = [
<!-- Нижняя часть футера (Копирайт) -->
<div class="footer-bottom">
<p class="copyright">© 2026 Автоюрист086. Все права защищены.</p>
<p class="developer">Designed for Justice</p>
<ul class="footer-bottom-links">
{legalLinks.map(link => (
<li><a href={link.href}>{link.label}</a></li>
))}
</ul>
</div>
</div>
@ -88,8 +94,7 @@ const legalLinks = [
.footer {
background-color: #031529; /* Темно-синий фон */
color: #8c9bb0; /* Приглушенный серо-голубой цвет текста */
/* Используем шрифт с засечками (serif), как на макете */
font-family: Georgia, 'Times New Roman', Times, serif;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
padding: 4rem 0 1.5rem 0;
}
@ -128,10 +133,6 @@ const legalLinks = [
letter-spacing: 0.5px;
}
.mt-4 {
margin-top: 1.5rem;
}
/* Списки ссылок */
.footer-links {
list-style: none;
@ -205,6 +206,25 @@ const legalLinks = [
margin: 0;
}
.footer-bottom-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 1.5rem;
}
.footer-bottom-links a {
color: #8c9bb0;
text-decoration: none;
font-size: 0.75rem;
transition: color 0.2s ease;
}
.footer-bottom-links a:hover {
color: #d1b06b;
}
/* Адаптивность для планшетов */
@media (max-width: 1024px) {
.footer-top {