Новые изменения
This commit is contained in:
Web-serfer
parent
32bcc76021
commit
c39b0c0821
9 changed files with 512 additions and 362 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
||||
|
|
@ -65,24 +67,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>
|
||||
|
|
@ -103,66 +102,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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue