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-23 21:00:30 +05:00
parent 92778a126b
commit 107b7f461f
11 changed files with 546 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

66
frontend/src/components/cases/CaseSidebar.astro Normal file
View file

@ -0,0 +1,66 @@
---
import AdBanner from "@components/base/AdBanner.astro";
import { EXPERIENCE_YEARS } from '@constants';
interface Props {
category: string;
duration: string;
result: string;
}
const { category, duration, result } = Astro.props;
---
<div class="case-sidebar__card">
<h3 class="case-sidebar__title">Детали кейса</h3>
<div class="case-sidebar__info">
<div class="case-sidebar__row">
<span>Категория</span>
<strong>{category}</strong>
</div>
<div class="case-sidebar__row">
<span>Срок ведения</span>
<strong>{duration}</strong>
</div>
<div class="case-sidebar__row">
<span>Результат</span>
<strong class="success">{result}</strong>
</div>
</div>
</div>
<div class="case-sidebar__card case-sidebar__card--lawyer">
<div class="case-sidebar__lawyer-avatar">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
<circle cx="12" cy="7" r="4"/>
</svg>
</div>
<h3>Автоюрист Сургут</h3>
<p class="case-sidebar__lawyer-name">Алексей Петров</p>
<div class="case-sidebar__lawyer-stats">
<div class="case-sidebar__lawyer-stat">
<strong>{EXPERIENCE_YEARS}</strong>
<span>лет опыта</span>
</div>
<div class="case-sidebar__lawyer-stat">
<strong>500+</strong>
<span>выигранных дел</span>
</div>
</div>
<a href="/services" class="case-sidebar__lawyer-link">
Все услуги
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M5 12h14"/>
<path d="m12 5 7 7-7 7"/>
</svg>
</a>
</div>
<div class="case-sidebar__card case-sidebar__card--ad">
<AdBanner
width="300"
height="470"
className="ad-banner--vertical"
/>
</div>

10
frontend/src/components/cases/CasesList.astro
View file

@ -69,7 +69,7 @@ const categoriesList = [
<!-- Список кейсов -->
<div class="cases-list">
{paginatedCases.map((caseItem: Case, index: number) => (
<article class="case-card animate-on-scroll" data-animation="slide-up" data-delay={index * 100 + 300} data-category={caseItem.category}>
<a href={caseItem.href} class="case-card animate-on-scroll" data-animation="slide-up" data-delay={index * 100 + 300} data-category={caseItem.category}>
<div class="case-card__inner">
<!-- Верхняя часть -->
<div class="case-card__header">
@ -130,15 +130,15 @@ const categoriesList = [
</div>
<!-- Кнопка -->
<a href={caseItem.href} class="case-card__link">
<span class="case-card__link">
<span>Подробнее о деле</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M5 12h14"/>
<path d="m12 5 7 7-7 7"/>
</svg>
</a>
</span>
</div>
</article>
</a>
))}
</div>
@ -302,7 +302,7 @@ const categoriesList = [
}
.case-card {
display: flex;
display: block;
text-decoration: none;
color: inherit;
cursor: pointer;