diff --git a/modules/translations/index.js b/modules/translations/index.js index 18d1cda..7f3adf5 100644 --- a/modules/translations/index.js +++ b/modules/translations/index.js @@ -294,6 +294,7 @@ const translations = { 'booking.discount': 'Скидка', 'booking.total': 'Итого к оплате:', 'booking.submit': 'Отправить заявку', + 'booking.consent': 'Я согласен на обработку персональных данных в соответствии с', 'booking.sending': 'Отправка...', 'booking.success_sent': 'Заявка отправлена Рауфу Алексеевичу!', 'booking.send_error': 'Ошибка отправки', @@ -620,6 +621,7 @@ const translations = { 'booking.discount': 'Discount', 'booking.total': 'Total to pay:', 'booking.submit': 'Send Request', + 'booking.consent': 'I consent to the processing of personal data in accordance with the', 'booking.sending': 'Sending...', 'booking.success_sent': 'Request sent to Rauf Alekseevich!', 'booking.send_error': 'Sending Error', @@ -949,6 +951,7 @@ const translations = { 'booking.discount': 'Аскидка', 'booking.total': 'Зегьы ашәахә:', 'booking.submit': 'Азаиака аашьҭра', + 'booking.consent': 'Сара сақәшаӡом аперсоналтә дыррақәа аус адулара азы иаҳасабала', 'booking.sending': 'Иаашьҭуеит...', 'booking.success_sent': 'Азаиака Рауф Алексееви иахь иаашьҭын!', 'booking.send_error': 'Аашьҭра агха', diff --git a/public/css/style.css b/public/css/style.css index 7d8ceba..9ab3fa6 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1202,6 +1202,82 @@ h1, h2, h3, h4 { color: rgba(255,255,255,0.4); font-size: clamp(0.75rem, 1.2vw, 0.85rem); } +.footer-legal { + margin-top: 8px; +} +.footer-legal a { + color: rgba(255,255,255,0.4); + text-decoration: none; + transition: color 0.3s; +} +.footer-legal a:hover { + color: var(--gold); +} +.footer-legal-divider { + margin: 0 8px; + color: rgba(255,255,255,0.15); +} + +/* Cookie Banner */ +.cookie-banner { + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 9999; + background: var(--dark); + border-top: 2px solid var(--gold); + padding: clamp(12px, 2vw, 18px) 0; + box-shadow: 0 -5px 30px rgba(0,0,0,0.3); + display: none; +} +.cookie-banner.show { + display: block; +} +.cookie-banner-content { + max-width: 1200px; + margin: 0 auto; + padding: 0 20px; + display: flex; + align-items: center; + justify-content: center; + gap: 20px; + flex-wrap: wrap; +} +.cookie-banner-text { + color: rgba(255,255,255,0.8); + font-size: clamp(0.8rem, 1.1vw, 0.9rem); + line-height: 1.5; + flex: 1; + min-width: 200px; +} +.cookie-banner-text i { + color: var(--gold); + margin-right: 8px; +} +.cookie-banner-text a { + color: var(--gold); + text-decoration: underline; +} +.cookie-banner-text a:hover { + color: #e6b84d; +} +.cookie-accept-btn { + background: var(--gold); + color: var(--dark); + border: none; + padding: clamp(8px, 1.5vw, 12px) clamp(20px, 3vw, 30px); + border-radius: 50px; + font-weight: 700; + font-size: clamp(0.8rem, 1vw, 0.9rem); + cursor: pointer; + transition: all 0.3s ease; + white-space: nowrap; +} +.cookie-accept-btn:hover { + background: #e6b84d; + transform: translateY(-2px); +} /* Animations */ @keyframes fadeInUp { diff --git a/public/index.html b/public/index.html index eb9781c..7ba8540 100644 --- a/public/index.html +++ b/public/index.html @@ -722,6 +722,11 @@
@@ -808,6 +813,13 @@