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

87
frontend/src/pages/blog/index.astro
View file

@ -5,6 +5,8 @@ import PageHero from '@components/base/PageHero.astro';
import BlogCategories from '@components/blog/BlogCategories.astro';
import BlogCard from '@components/blog/BlogCard.astro';
import BlogPagination from '@components/blog/BlogPagination.astro';
import Pagination from '@components/base/Pagination.astro';
import CTA from '@components/base/CTA.astro';
import SearchModal from '@components/base/SearchModal.astro';
import { blogPosts, categories } from '@data/blogData';
@ -64,24 +66,21 @@ const paginatedPosts = blogPosts.slice(startIndex, endIndex);
</div>
<!-- Пагинация -->
<BlogPagination currentPage={currentPage} totalPages={totalPages} />
<Pagination
currentPage={currentPage}
totalPages={totalPages}
baseUrl="/blog"
/>
</div>
</section>
<!-- CTA-блок -->
<section class="blog-cta">
<div class="site-container">
<div class="cta-content">
<h2 class="cta-title">Нужна консультация юриста?</h2>
<p class="cta-text">
Не нашли ответ на свой вопрос? Запишитесь на бесплатную консультацию — мы поможем разобраться в вашей ситуации
</p>
<button class="cta-button" id="consultation-btn" data-modal-target="consultation-modal">
Записаться на консультацию
</button>
</div>
</div>
</section>
<CTA
icon="consult"
title="Нужна консультация юриста?"
description="Не нашли ответ на свой вопрос? Запишитесь на бесплатную консультацию — мы поможем разобраться в вашей ситуации"
btnText="Записаться на консультацию"
/>
<SearchModal />
</Layout>
@ -102,66 +101,6 @@ const paginatedPosts = blogPosts.slice(startIndex, endIndex);
transition: opacity 0.3s ease, transform 0.3s ease;
}
/* ===== CTA ===== */
.blog-cta {
padding: 5rem 0;
background: linear-gradient(135deg, #0a2540 0%, #1e3a5f 100%);
position: relative;
overflow: hidden;
}
.blog-cta::before {
content: '';
position: absolute;
bottom: -30%;
left: -10%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, transparent 70%);
border-radius: 50%;
}
.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;
letter-spacing: -0.02em;
}
.cta-text {
color: rgba(255, 255, 255, 0.75);
font-size: 1.1rem;
line-height: 1.6;
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 cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}
/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
.blog-grid {