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

Создана новая страница - license-challenge

Browse source
This commit is contained in:
Web-serfer 2026-04-12 20:31:30 +05:00
parent 24be657ac6
commit 2795a4653c
9 changed files with 593 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/components/services/ArticlesList.astro
View file

@ -1,5 +1,21 @@
---
const articles = [
interface Article {
icon: string;
title: string;
desc: string;
chance: string;
}
interface Props {
articles?: Article[];
sectionLabel?: string;
sectionTitle?: string;
sectionDesc?: string;
}
const { articles: articlesProp, sectionLabel, sectionTitle, sectionDesc } = Astro.props;
const defaultArticles: Article[] = [
{ icon: "🍺", title: "Ст. 12.8 — Управление в состоянии опьянения", desc: "Оспариваем результаты освидетельствования, проверяем соблюдение процедуры медосвидетельствования.", chance: "Высокий шанс" },
{ icon: "🚫", title: "Ст. 12.26 — Отказ от медосвидетельствования", desc: "Анализируем законность требований о прохождении освидетельствования, ищем нарушения процедуры.", chance: "Высокий шанс" },
{ icon: "🚦", title: "Ст. 12.12 — Проезд на красный свет", desc: "Проверяем работу камер, анализируем материалы дела, ищем свидетелей.", chance: "Средний шанс" },
@ -7,17 +23,22 @@ const articles = [
{ icon: "🚗", title: "Ст. 12.27 — Оставление места ДТП", desc: "Доказываем отсутствие умысла или необходимость покинуть место по уважительной причине.", chance: "Средний шанс" },
{ icon: "⚠️", title: "Другие статьи", desc: "Работаем с любыми статьями КоАП — каждая ситуация индивидуальна и требует анализа.", chance: "Зависит от дела" }
];
const finalArticles = articlesProp || defaultArticles;
const finalSectionLabel = sectionLabel || "Работаем со статьями";
const finalSectionTitle = sectionTitle || "По каким статьям КоАП возвращаем права";
const finalSectionDesc = sectionDesc || "Оспариваем лишение по всем основным статьям КоАП РФ";
---
<section class="articles-section" id="articles">
<div class="articles-section-inner">
<div class="section-header animate-on-scroll" data-animation="fade-up">
<span class="section-label center">Работаем со статьями</span>
<h2>По каким статьям КоАП возвращаем права</h2>
<p class="section-desc">Оспариваем лишение по всем основным статьям КоАП РФ</p>
<span class="section-label center">{finalSectionLabel}</span>
<h2>{finalSectionTitle}</h2>
<p class="section-desc">{finalSectionDesc}</p>
</div>
<div class="articles-grid">
{articles.map((article, index) => (
{finalArticles.map((article, index) => (
<div class="article-card animate-on-scroll" data-animation="fade-up" data-delay={100 + index * 100}>
<div class="article-icon">{article.icon}</div>
<h3>{article.title}</h3>