redi/astro_avtourist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Новые изменения

Browse source
This commit is contained in:
Web-serfer 2026-04-08 21:11:36 +05:00
parent 32bcc76021
commit c39b0c0821
9 changed files with 512 additions and 362 deletions
Download patch file Download diff file Expand all files Collapse all files

30
frontend/src/pages/contacts.astro
View file

@ -2,6 +2,7 @@
import Layout from '@layouts/Layout.astro';
import { SITE_URL, COMPANY } from '@constants';
import PageHero from '@components/base/PageHero.astro';
import CTA from '@components/base/CTA.astro';
// Логика авторизации (пока статичная переменная)
const isAuthorized = false; // Измените на true, чтобы увидеть форму
@ -174,21 +175,12 @@ const isAuthorized = false; // Измените на true, чтобы увиде
</section>
<!-- CTA-блок -->
<section class="contacts-cta">
<div class="site-container">
<div class="cta-content">
<h2 class="cta-title animate-on-scroll" data-animation="fade-up">
Нужна срочная помощь?
</h2>
<p class="cta-text animate-on-scroll" data-animation="fade-up" data-delay="100">
Запишитесь на бесплатную консультацию прямо сейчас — мы перезвоним в течение 15 минут
</p>
<button class="cta-button animate-on-scroll" data-animation="fade-up" data-delay="200" id="consultation-btn" data-modal-target="consultation-modal">
Записаться на консультацию
</button>
</div>
</div>
</section>
<CTA
icon="phone"
title="Нужна срочная помощь?"
description="Запишитесь на бесплатную консультацию прямо сейчас — мы перезвоним в течение 15 минут"
btnText="Записаться на консультацию"
/>
</Layout>
<style>
@ -357,14 +349,6 @@ const isAuthorized = false; // Измените на true, чтобы увиде
.form-privacy { font-size: 0.8rem; color: #94a3b8; text-align: center; }
.privacy-link { color: #d4af37; text-decoration: underline; }
/* ===== CTA & MAP ===== */
.contacts-cta { padding: 5rem 0; background: linear-gradient(135deg, #0a2540 0%, #1e3a5f 100%); position: relative; overflow: hidden; }
.cta-content { position: relative; z-index: 1; text-align: center; max-width: 600px; margin: 0 auto; }
.cta-title { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; color: #ffffff; margin: 0 0 1rem; }
.cta-text { color: rgba(255, 255, 255, 0.75); font-size: 1.1rem; margin: 0 0 2rem; }
.cta-button { background: linear-gradient(135deg, #d4af37 0%, #eac26e 100%); color: #1e293b; border: none; padding: 1rem 2.5rem; border-radius: 0.75rem; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.3s ease; }
.cta-button:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4); }
/* ===== ANIMATIONS ===== */
.animate-on-scroll { opacity: 0; will-change: opacity, transform; }
[data-animation="fade-up"] { transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }