+
+
+
+
diff --git a/frontend/src/components/blog/PostCommentForm.astro b/frontend/src/components/blog/PostCommentForm.astro
new file mode 100644
index 0000000..380f622
--- /dev/null
+++ b/frontend/src/components/blog/PostCommentForm.astro
@@ -0,0 +1,346 @@
+---
+import AuthLockBlock from '@components/base/AuthLockBlock.astro';
+
+interface Props {
+ postId: string;
+ isAuthorized?: boolean;
+}
+
+const { postId, isAuthorized = false } = Astro.props;
+---
+
+{title} {SITE_TITLE_SUFFIX}
+
+ {canonicalLink && }
+
+
+
+
+ {breadcrumbs && breadcrumbs.length > 0 && (
+
+ )}
+
+
+
+
+
+
+
+
+ }[];
+ return posts.map((post: { id: string }) => ({
+ params: { slug: post.id },
+ }));
+}
+
+const slug = Astro.params.slug;
+
+if (!slug) {
+ return Astro.redirect('/blog');
+}
+
+const post = await getEntry('blog', slug);
+
+if (!post) {
+ return Astro.redirect('/blog');
+}
+
+const { Content } = await render(post);
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+ return date.toLocaleDateString('ru-RU', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+};
+
+// Логика авторизации (пока статичная переменная)
+const isAuthorized = false;
+
+// URL текущей страницы
+const currentUrl = `${SITE_URL}/blog/${post.id}`;
+
+// Получаем все посты для блока "Читайте также"
+const allPosts = await getCollection('blog');
+---
+
+
+
+
+
+
diff --git a/frontend/src/pages/blog/index.astro b/frontend/src/pages/blog/index.astro
index e198a0a..3203a70 100644
--- a/frontend/src/pages/blog/index.astro
+++ b/frontend/src/pages/blog/index.astro
@@ -4,19 +4,35 @@ import { SITE_URL } from '@constants';
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';
+import { getCollection } from 'astro:content';
+
+const posts = await getCollection('blog');
+
+// Сортируем посты по дате (новые сверху)
+const sortedPosts = posts.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
const POSTS_PER_PAGE = 6;
const currentPage = 1;
-const totalPages = Math.ceil(blogPosts.length / POSTS_PER_PAGE);
+const totalPages = Math.ceil(sortedPosts.length / POSTS_PER_PAGE);
const startIndex = 0;
const endIndex = POSTS_PER_PAGE;
-const paginatedPosts = blogPosts.slice(startIndex, endIndex);
+const paginatedPosts = sortedPosts.slice(startIndex, endIndex);
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+ return date.toLocaleDateString('ru-RU', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+};
+
+// Категории
+const categories = ['Все', ...new Set(posts.map((post: any) => post.data.category))];
---
+
+
+
+
+
+
+
+
diff --git a/frontend/src/components/blog/PostSocialShare.astro b/frontend/src/components/blog/PostSocialShare.astro
new file mode 100644
index 0000000..e0ed821
--- /dev/null
+++ b/frontend/src/components/blog/PostSocialShare.astro
@@ -0,0 +1,120 @@
+---
+interface Props {
+ title: string;
+ url: string;
+ className?: string;
+}
+
+const { title, url, className = '' } = Astro.props;
+
+const encodedTitle = encodeURIComponent(title);
+const encodedUrl = encodeURIComponent(url);
+---
+
+
+
+
diff --git a/frontend/src/components/blog/RelatedPosts.astro b/frontend/src/components/blog/RelatedPosts.astro
new file mode 100644
index 0000000..7f87649
--- /dev/null
+++ b/frontend/src/components/blog/RelatedPosts.astro
@@ -0,0 +1,91 @@
+---
+import BlogCard from '@components/blog/BlogCard.astro';
+
+interface CollectionEntry {
+ id: string;
+ data: {
+ title: string;
+ description: string;
+ category: string;
+ categoryColor: string;
+ date: Date;
+ readTime: string;
+ imageUrl: string;
+ };
+}
+
+interface Props {
+ posts: CollectionEntry[];
+ currentSlug?: string;
+}
+
+const { posts, currentSlug } = Astro.props;
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+ return date.toLocaleDateString('ru-RU', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+};
+
+// Фильтруем текущую статью
+const filteredPosts = currentSlug
+ ? posts.filter(post => post.id !== currentSlug).slice(0, 3)
+ : posts.slice(0, 3);
+---
+
+
+
+
diff --git a/frontend/src/content.config.ts b/frontend/src/content.config.ts
new file mode 100644
index 0000000..3bdb79c
--- /dev/null
+++ b/frontend/src/content.config.ts
@@ -0,0 +1,20 @@
+import { z } from 'astro/zod';
+import { defineCollection } from 'astro:content';
+import { glob } from 'astro/loaders';
+
+const blog = defineCollection({
+ loader: glob({ pattern: '**/*.{md,mdx}', base: './src/content/blog' }),
+ schema: z.object({
+ title: z.string(),
+ description: z.string(),
+ author: z.string().default('Юрист АВ'),
+ category: z.string(),
+ categoryColor: z.string().default('bg-gold'),
+ date: z.date(),
+ readTime: z.string(),
+ imageUrl: z.string(),
+ draft: z.boolean().default(false),
+ }),
+});
+
+export const collections = { blog };
diff --git a/frontend/src/content/blog/camera-fine-appeal.mdx b/frontend/src/content/blog/camera-fine-appeal.mdx
new file mode 100644
index 0000000..7cfef4c
--- /dev/null
+++ b/frontend/src/content/blog/camera-fine-appeal.mdx
@@ -0,0 +1,40 @@
+---
+title: "Спор с ГИБДД: как обжаловать штраф с камеры"
+description: "Камеры фотофиксации часто ошибаются. Рассказываем, как правильно обжаловать штраф, полученные с автоматических комплексов."
+author: "Юрист АВ"
+category: "Штрафы"
+categoryColor: "bg-green"
+date: 2024-03-05
+readTime: "7 мин"
+imageUrl: "/images/blog/camera-fine.avif"
+draft: false
+---
+
+## Введение
+
+Автоматические камеры фиксации нарушений не всегда работают корректно. Ошибки могут быть связаны с неправильной настройкой, погодными условиями и другими факторами.
+
+## Типичные ошибки камер
+
+- Неверное определение номера автомобиля
+- Фиксация нарушения на соседней полосе
+- Ошибки в распознавании дорожных знаков
+- Срабатывание на тени или отражении
+
+## Порядок обжалования
+
+Подать жалобу можно в течение **10 дней** через:
+
+- Портал Госуслуг
+- Лично в подразделении ГИБДД
+- Через суд
+
+**Необходимые документы:**
+
+1. Копия постановления о штрафе
+2. Доказательства вашей невиновности (видео, фото, свидетели)
+3. Заявление с обоснованием жалобы
+
+## Заключение
+
+Не оплачивайте штрафы, с которыми не согласны. Обжалуйте их в установленный срок.
diff --git a/frontend/src/content/blog/car-dealer-dispute.mdx b/frontend/src/content/blog/car-dealer-dispute.mdx
new file mode 100644
index 0000000..8d5ecfd
--- /dev/null
+++ b/frontend/src/content/blog/car-dealer-dispute.mdx
@@ -0,0 +1,42 @@
+---
+title: "Спор с автосалоном: как вернуть неисправный автомобиль"
+description: "Права потребителя при покупке автомобиля с дефектами. Закон «О защите прав потребителей» и судебная практика в Сургуте."
+author: "Юрист АВ"
+category: "Автосалоны"
+categoryColor: "bg-gold"
+date: 2024-02-20
+readTime: "11 мин"
+imageUrl: "/images/blog/car-dealer-dispute.avif"
+draft: false
+---
+
+## Введение
+
+Покупка автомобиля — серьёзное вложение средств. Что делать, если купленная машина оказалась с дефектами?
+
+## Права потребителя
+
+По закону вы вправе:
+
+- Вернуть автомобиль в течение 15 дней после покупки
+- Потребовать соразмерного уменьшения цены
+- Потребовать безвозмездного устранения недостатков
+
+## Экспертиза качества
+
+Проведение независимой экспертизы поможет подтвердить наличие дефектов и их стоимость устранения.
+
+**Важно:** Автосалон обязан принять автомобиль на экспертизу за свой счёт, если гарантийный срок ещё не истёк.
+
+## Судебная практика
+
+Суды в большинстве случаев встают на сторону потребителей. Однако для успеха необходимо:
+
+1. Сохранить все документы о покупке
+2. Зафиксировать дефекты актом
+3. Провести независимую экспертизу
+4. Подать претензию в автосалон
+
+## Заключение
+
+Не бойтесь отстаивать свои права. Закон на стороне потребителя, а юристы помогут вам в этом.
diff --git a/frontend/src/content/blog/dtp-instruction-2024.mdx b/frontend/src/content/blog/dtp-instruction-2024.mdx
new file mode 100644
index 0000000..2682250
--- /dev/null
+++ b/frontend/src/content/blog/dtp-instruction-2024.mdx
@@ -0,0 +1,59 @@
+---
+title: "Что делать при ДТП: пошаговая инструкция 2024"
+description: "Подробный разбор действий после дорожно-транспортного происшествия. Как оформить ДТП, какие документы собрать и куда обращаться за компенсацией."
+author: "Юрист АВ"
+category: "ДТП"
+categoryColor: "bg-red"
+date: 2024-03-20
+readTime: "8 мин"
+imageUrl: "/images/posts/2026/04/dtp-instruction.avif"
+draft: false
+---
+
+## Введение
+
+Дорожно-транспортное происшествие — это всегда стрессовая ситуация для любого водителя. Однако от правильности ваших действий в первые минуты после аварии зависит не только безопасность всех участников, но и успешность получения страховой выплаты.
+
+## Первые действия после ДТП
+
+Немедленно остановите автомобиль, включите аварийную сигнализацию и выставьте знак аварийной остановки. Не перемещайте предметы, имеющие отношение к ДТП, до прибытия сотрудников ГИБДД.
+
+**Основные шаги:**
+
+1. Остановитесь и не покидайте место происшествия
+2. Включите аварийную сигнализацию
+3. Выставьте знак аварийной остановки (15 м в населённом пункте, 30 м вне его)
+4. Проверьте состояние всех участников ДТП
+5. При необходимости вызовите скорую помощь
+
+## Оформление документов
+
+При оформлении ДТП по европротоколу (без вызова ГИБДД) необходимо заполнить извещение о ДТП. Оба участника должны подписать документ и сфотографировать место происшествия.
+
+> **Важно:** Если второй участник ДТП предлагает разобраться на месте без оформления — не соглашайтесь. Это может привести к серьёзным проблемам в будущем.
+
+### Когда вызов ГИБДД обязателен
+
+- Если есть пострадавшие
+- Если ущерб превышает 100 000 рублей
+- Если у одного из участников нет ОСАГО
+- Если возникли разногласия между участниками
+
+## Обращение в страховую компанию
+
+В течение 5 рабочих дней после ДТП обратитесь в свою страховую компанию с заявлением и полным пакетом документов. Задержка может стать основанием для отказа в выплате.
+
+**Необходимые документы:**
+
+- Заявление о страховой выплате
+- Извещение о ДТП (европротокол) или справка о ДТП
+- Копия протокола об административном правонарушении (если составлялся)
+- Копия постановления по делу об административном правонарушении
+- Паспорт транспортного средства
+- Свидетельство о регистрации ТС
+
+## Заключение
+
+Своевременное и правильное оформление ДТП — залог успешного получения страховой выплаты. Если у вас возникли сложности, наши юристы готовы помочь вам разобраться в ситуации.
+
+**Помните:** профессиональная юридическая помощь значительно повышает шансы на благоприятный исход дела.
diff --git a/frontend/src/content/blog/independent-expertise.mdx b/frontend/src/content/blog/independent-expertise.mdx
new file mode 100644
index 0000000..c91072e
--- /dev/null
+++ b/frontend/src/content/blog/independent-expertise.mdx
@@ -0,0 +1,37 @@
+---
+title: "Независимая экспертиза после ДТП: зачем и когда нужна"
+description: "Когда страховая занижает ущерб — поможет независимая оценка. Как выбрать эксперта, сколько стоит и как использовать в суде."
+author: "Юрист АВ"
+category: "ДТП"
+categoryColor: "bg-red"
+date: 2024-02-15
+readTime: "6 мин"
+imageUrl: "/images/blog/independent-expertise.avif"
+draft: false
+---
+
+## Введение
+
+Независимая экспертиза — важный инструмент для защиты ваших интересов при получении страховой выплаты.
+
+## Когда нужна экспертиза
+
+- Сумма выплаты существенно отличается от реального ущерба
+- Страховая затягивает сроки рассмотрения
+- Есть споры о степени повреждений
+- Не учтены скрытые повреждения
+
+## Выбор эксперта
+
+Обращайтесь только к сертифицированным оценщикам, имеющим лицензию на данный вид деятельности.
+
+**На что обратить внимание:**
+
+1. Наличие сертификата и лицензии
+2. Опыт работы (желательно от 3 лет)
+3. Отзывы клиентов
+4. Стоимость услуг
+
+## Заключение
+
+Независимая экспертиза — ваш козырь в споре со страховой компанией.
diff --git a/frontend/src/content/blog/license-appeal.mdx b/frontend/src/content/blog/license-appeal.mdx
new file mode 100644
index 0000000..12242dd
--- /dev/null
+++ b/frontend/src/content/blog/license-appeal.mdx
@@ -0,0 +1,53 @@
+---
+title: "Как оспорить лишение водительских прав"
+description: "Разбираем основные основания для лишения прав и способы защиты в суде. Сроки обжалования, необходимые документы и типичные ошибки водителей."
+author: "Юрист АВ"
+category: "Лишение прав"
+categoryColor: "bg-blue"
+date: 2024-03-15
+readTime: "12 мин"
+imageUrl: "/images/blog/license-appeal.avif"
+draft: false
+---
+
+## Введение
+
+Лишение водительских прав — серьёзное наказание, которое может существенно осложнить жизнь. Однако не все водители знают, что решение суда можно обжаловать.
+
+## Основания для лишения прав
+
+Основные причины лишения:
+
+- Управление в состоянии опьянения
+- Отказ от медицинского освидетельствования
+- Оставление места ДТП
+- Повторные нарушения ПДД
+- Выезд на встречную полосу
+
+## Сроки обжалования
+
+На обжалование решения суда даётся **10 дней** с момента вынесения постановления. Пропуск срока возможен только по уважительным причинам.
+
+> **Важно:** Срок обжалования начинает течь с момента получения копии постановления. Если вы не получили документ — срок не начинается.
+
+## Необходимые документы
+
+Для успешного обжалования потребуются:
+
+1. Копия постановления суда
+2. Протокол об административном правонарушении
+3. Показания свидетелей (письменные)
+4. Видео- и фотоматериалы с места происшествия
+5. Заключения экспертов (при необходимости)
+
+## Типичные ошибки
+
+Многие водители допускают следующие ошибки:
+
+- **Пропуск срока обжалования** — не ждите до последнего дня
+- **Отсутствие адвоката** — самостоятельная защита не всегда эффективна
+- **Игнорирование судебныхных заседаний** — обязательно присутствуйте
+
+## Заключение
+
+Обжалование лишения прав — сложный процесс, требующий профессионального подхода. Обратитесь к специалистам для повышения шансов на успех.
diff --git a/frontend/src/content/blog/license-return-2024.mdx b/frontend/src/content/blog/license-return-2024.mdx
new file mode 100644
index 0000000..dca59e7
--- /dev/null
+++ b/frontend/src/content/blog/license-return-2024.mdx
@@ -0,0 +1,45 @@
+---
+title: "Возврат прав после лишения: новая процедура"
+description: "Изменения в законодательстве 2024 года. Новый порядок возврата водительского удостоверения после окончания срока лишения."
+author: "Юрист АВ"
+category: "Лишение прав"
+categoryColor: "bg-blue"
+date: 2024-02-28
+readTime: "9 мин"
+imageUrl: "/images/blog/license-return.avif"
+draft: false
+---
+
+## Введение
+
+В 2024 году вступили в силу изменения в порядке возврата водительских прав после лишения.
+
+## Что изменилось
+
+Теперь для возврата прав необходимо:
+
+- Повторно сдать теоретический экзамен по ПДД
+- Оплатить все штрафы
+- Предоставить медицинскую справку (для некоторых категорий нарушений)
+
+## Медицинская справка
+
+Для некоторых категорий нарушений требуется предоставление медицинской справки об отсутствии противопоказаний к управлению ТС.
+
+**Когда нужна медсправка:**
+
+- Лишение за управление в состоянии опьянения
+- Отказ от медицинского освидетельствования
+- Лишение за повторные нарушения
+
+## Пошаговая инструкция
+
+1. Дождитесь окончания срока лишения
+2. Подготовьте необходимые документы
+3. Сдайте экзамен по ПДД
+4. Обратитесь в подразделение ГИБДД
+5. Получите водительское удостоверение
+
+## Заключение
+
+Процедура возврата прав стала более регламентированной. Соблюдайте все требования для успешного получения удостоверения.
diff --git a/frontend/src/content/blog/no-osago-at-fault.mdx b/frontend/src/content/blog/no-osago-at-fault.mdx
new file mode 100644
index 0000000..d34efcc
--- /dev/null
+++ b/frontend/src/content/blog/no-osago-at-fault.mdx
@@ -0,0 +1,34 @@
+---
+title: "Что делать, если виновник ДТП не имеет ОСАГО"
+description: "Как получить компенсацию, если у виновника аварии нет полиса ОСАГО. Судебный иск, взыскание ущерба и практические советы юриста."
+author: "Юрист АВ"
+category: "ОСАГО"
+categoryColor: "bg-gold"
+date: 2024-02-08
+readTime: "8 мин"
+imageUrl: "/images/blog/no-osago.avif"
+draft: false
+---
+
+## Введение
+
+Ситуация, когда виновник не имеет полиса ОСАГО, встречается нередко. Разбираемся, как получить компенсацию.
+
+## Возмещение через суд
+
+Если у виновника нет ОСАГО, единственный способ получения компенсации — обращение в суд с иском к виновнику.
+
+**Необходимые документы:**
+
+1. Исковое заявление
+2. Документы о ДТП (протокол, справка)
+3. Заключение независимой экспертизы
+4. Документы о стоимости ремонта
+
+## Исполнительное производство
+
+После решения суда можно обратиться к судебным приставам для принудительного взыскания.
+
+## Заключение
+
+Не оставляйте попыток получить компенсацию. Даже если у виновника нет ОСАГО, закон на вашей стороне.
diff --git a/frontend/src/content/blog/osago-full-payout.mdx b/frontend/src/content/blog/osago-full-payout.mdx
new file mode 100644
index 0000000..cdf86f6
--- /dev/null
+++ b/frontend/src/content/blog/osago-full-payout.mdx
@@ -0,0 +1,46 @@
+---
+title: "ОСАГО: как получить полную выплату от страховой"
+description: "Почему страховые компании занижают выплаты и как добиться справедливой компенсации. Независимая экспертиза и судебная практика."
+author: "Юрист АВ"
+category: "ОСАГО"
+categoryColor: "bg-gold"
+date: 2024-03-10
+readTime: "10 мин"
+imageUrl: "/images/blog/osago-payout.avif"
+draft: false
+---
+
+## Введение
+
+Страховые компании часто занижают размер выплат по ОСАГО. Разбираемся, как добиться справедливой компенсации.
+
+## Почему страховая занижает выплату
+
+Основные причины:
+
+- Использование минимальных коэффициентов износа
+- Применение расценок не из вашего региона
+- Игнорирование скрытых повреждений
+- Неучтённые дополнительные расходы (эвакуация, хранение)
+
+## Независимая экспертиза
+
+Если вы не согласны с суммой выплаты, проведите независимую оценку ущерба. Это будет весомым аргументом при обращении в суд.
+
+**Шаги для проведения экспертизы:**
+
+1. Найдите сертифицированного эксперта-оценщика
+2. Согласуйте дату и место осмотра
+3. Уведомите страховую компанию о проведении экспертизы
+4. Получите заключение эксперта
+5. Подайте претензию в страховую компанию
+
+> **Совет:** Расходы на независимую экспертизу можно взыскать со страховой компании через суд.
+
+## Обращение в суд
+
+Если страховая отказывается доплачивать, обращайтесь в суд. Практика показывает, что в большинстве случаев суды встают на сторону автовладельцев.
+
+## Заключение
+
+Не соглашайтесь на заниженные выплаты. Боритесь за свои права с помощью профессиональных юристов.
diff --git a/frontend/src/content/blog/protocol-errors.mdx b/frontend/src/content/blog/protocol-errors.mdx
new file mode 100644
index 0000000..018166e
--- /dev/null
+++ b/frontend/src/content/blog/protocol-errors.mdx
@@ -0,0 +1,31 @@
+---
+title: "Обжалование протокола ГИБДД: типичные ошибки инспекторов"
+description: "Какие нарушения допускают сотрудники ГИБДД при составлении протокола и как использовать это в свою пользу при обжаловании."
+author: "Юрист АВ"
+category: "Штрафы"
+categoryColor: "bg-green"
+date: 2024-02-01
+readTime: "10 мин"
+imageUrl: "/images/blog/protocol-errors.avif"
+draft: false
+---
+
+## Введение
+
+Протокол ГИБДД может быть признан недействительным при наличии существенных нарушений в порядке его составления.
+
+## Типичные нарушения
+
+- Отсутствие понятых
+- Неправильное указание данных
+- Отсутствие схемы ДТП
+- Нарушения при фотофиксации
+- Протокол составлен не тем должностным лицом
+
+## Как обжаловать
+
+Подайте жалобу в вышестоящий орган или суд в течение **10 дней** с момента получения копии протокола.
+
+## Заключение
+
+Знание своих прав и процедур обжалования — ключ к успешной защите интересов.
diff --git a/frontend/src/data/blogData.ts b/frontend/src/data/blogData.ts
deleted file mode 100644
index 432eab8..0000000
--- a/frontend/src/data/blogData.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-export interface BlogPost {
- title: string;
- description: string;
- category: string;
- categoryColor: string;
- date: string;
- readTime: string;
- imageUrl: string;
- slug: string;
-}
-
-export const blogPosts: BlogPost[] = [
- {
- title: "Что делать при ДТП: пошаговая инструкция 2024",
- description: "Подробный разбор действий после дорожно-транспортного происшествия. Как оформить ДТП, какие документы собрать и куда обращаться за компенсацией.",
- category: "ДТП",
- categoryColor: "bg-red",
- date: "2024-03-20",
- readTime: "8 мин",
- imageUrl: "/images/blog/dtp-instruction.avif",
- slug: "/blog/dtp-instruction-2024"
- },
- {
- title: "Как оспорить лишение водительских прав",
- description: "Разбираем основные основания для лишения прав и способы защиты в суде. Сроки обжалования, необходимые документы и типичные ошибки водителей.",
- category: "Лишение прав",
- categoryColor: "bg-blue",
- date: "2024-03-15",
- readTime: "12 мин",
- imageUrl: "/images/blog/license-appeal.avif",
- slug: "/blog/license-appeal"
- },
- {
- title: "ОСАГО: как получить полную выплату от страховой",
- description: "Почему страховые компании занижают выплаты и как добиться справедливой компенсации. Независимая экспертиза и судебная практика.",
- category: "ОСАГО",
- categoryColor: "bg-gold",
- date: "2024-03-10",
- readTime: "10 мин",
- imageUrl: "/images/blog/osago-payout.avif",
- slug: "/blog/osago-full-payout"
- },
- {
- title: "Спор с ГИБДД: как обжаловать штраф с камеры",
- description: "Камеры фотофиксации часто ошибаются. Рассказываем, как правильно обжаловать штраф, полученные с автоматических комплексов.",
- category: "Штрафы",
- categoryColor: "bg-green",
- date: "2024-03-05",
- readTime: "7 мин",
- imageUrl: "/images/blog/camera-fine.avif",
- slug: "/blog/camera-fine-appeal"
- },
- {
- title: "Возврат прав после лишения: новая процедура",
- description: "Изменения в законодательстве 2024 года. Новый порядок возврата водительского удостоверения после окончания срока лишения.",
- category: "Лишение прав",
- categoryColor: "bg-blue",
- date: "2024-02-28",
- readTime: "9 мин",
- imageUrl: "/images/blog/license-return.avif",
- slug: "/blog/license-return-2024"
- },
- {
- title: "Спор с автосалоном: как вернуть неисправный автомобиль",
- description: "Права потребителя при покупке автомобиля с дефектами. Закон «О защите прав потребителей» и судебная практика в Сургуте.",
- category: "Автосалоны",
- categoryColor: "bg-gold",
- date: "2024-02-20",
- readTime: "11 мин",
- imageUrl: "/images/blog/car-dealer-dispute.avif",
- slug: "/blog/car-dealer-dispute"
- },
- {
- title: "Независимая экспертиза после ДТП: зачем и когда нужна",
- description: "Когда страховая занижает ущерб — поможет независимая оценка. Как выбрать эксперта, сколько стоит и как использовать в суде.",
- category: "ДТП",
- categoryColor: "bg-red",
- date: "2024-02-15",
- readTime: "6 мин",
- imageUrl: "/images/blog/independent-expertise.avif",
- slug: "/blog/independent-expertise"
- },
- {
- title: "Что делать, если виновник ДТП не имеет ОСАГО",
- description: "Как получить компенсацию, если у виновника аварии нет полиса ОСАГО. Судебный иск, взыскание ущерба и практические советы юриста.",
- category: "ОСАГО",
- categoryColor: "bg-gold",
- date: "2024-02-08",
- readTime: "8 мин",
- imageUrl: "/images/blog/no-osago.avif",
- slug: "/blog/no-osago-at-fault"
- },
- {
- title: "Обжалование протокола ГИБДД: типичные ошибки инспекторов",
- description: "Какие нарушения допускают сотрудники ГИБДД при составлении протокола и как использовать это в свою пользу при обжаловании.",
- category: "Штрафы",
- categoryColor: "bg-green",
- date: "2024-02-01",
- readTime: "10 мин",
- imageUrl: "/images/blog/protocol-errors.avif",
- slug: "/blog/protocol-errors"
- }
-];
-
-export const categories = ['Все', 'ДТП', 'ОСАГО', 'Лишение прав', 'Штрафы', 'Автосалоны'];
diff --git a/frontend/src/layouts/ArticleLayout.astro b/frontend/src/layouts/ArticleLayout.astro
new file mode 100644
index 0000000..ad5b118
--- /dev/null
+++ b/frontend/src/layouts/ArticleLayout.astro
@@ -0,0 +1,344 @@
+---
+import "@styles/global.css";
+import { SITE_TITLE_SUFFIX } from "@constants";
+
+import Header from "@components/layout/header/Header.astro";
+import Footer from "@components/layout/footer/Footer.astro";
+import Breadcrumbs from "@components/base/Breadcrumbs.astro";
+import ConsultationModal from "@components/base/ConsultationModal.astro";
+import PostSocialShare from "@components/blog/PostSocialShare.astro";
+import PostReactionButtons from "@components/blog/PostReactionButtons.astro";
+
+export interface Props {
+ title: string;
+ description: string;
+ canonicalLink?: string;
+ breadcrumbs?: Array<{ label: string; href?: string }>;
+ heroImage: string;
+ heroAlt: string;
+ category: string;
+ postTitle: string;
+ date: string;
+ author: string;
+ readTime: string;
+ postId: string;
+ postUrl: string;
+ initialLikes?: number;
+ initialDislikes?: number;
+}
+
+const {
+ title,
+ description,
+ canonicalLink,
+ breadcrumbs,
+ heroImage,
+ heroAlt,
+ category,
+ postTitle,
+ date,
+ author,
+ readTime,
+ postId,
+ postUrl,
+ initialLikes = 0,
+ initialDislikes = 0
+} = Astro.props;
+---
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ {category}
+
+
+ {postTitle}
+ + +
+
+
+
+
+
+
+
+
+
+
- {paginatedPosts.map((post) => (
-
+ {paginatedPosts.map((post: any) => (
+
))}
diff --git a/frontend/src/pages/blog/page/[page].astro b/frontend/src/pages/blog/page/[page].astro
index 002aa53..bc0a90c 100644
--- a/frontend/src/pages/blog/page/[page].astro
+++ b/frontend/src/pages/blog/page/[page].astro
@@ -4,19 +4,35 @@ import { SITE_URL } from '@constants';
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';
+import { getCollection } from 'astro:content';
+
+const posts = await getCollection('blog');
+
+// Сортируем посты по дате (новые сверху)
+const sortedPosts = posts.sort((a, b) => b.data.date.getTime() - a.data.date.getTime());
const POSTS_PER_PAGE = 6;
const currentPage = Number(Astro.params.page) || 1;
-const totalPages = Math.ceil(blogPosts.length / POSTS_PER_PAGE);
+const totalPages = Math.ceil(sortedPosts.length / POSTS_PER_PAGE);
const startIndex = (currentPage - 1) * POSTS_PER_PAGE;
const endIndex = startIndex + POSTS_PER_PAGE;
-const paginatedPosts = blogPosts.slice(startIndex, endIndex);
+const paginatedPosts = sortedPosts.slice(startIndex, endIndex);
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+ return date.toLocaleDateString('ru-RU', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+};
+
+// Категории
+const categories = ['Все', ...new Set(posts.map(post => post.data.category))];
---
- {paginatedPosts.map((post) => (
-
+ {paginatedPosts.map((post: any) => (
+
))}
diff --git a/frontend/src/pages/blog/search.astro b/frontend/src/pages/blog/search.astro
index 892cab8..4a909e6 100644
--- a/frontend/src/pages/blog/search.astro
+++ b/frontend/src/pages/blog/search.astro
@@ -3,7 +3,9 @@ import Layout from '@layouts/Layout.astro';
import { SITE_URL } from '@constants';
import BlogCard from '@components/blog/BlogCard.astro';
import SearchModal from '@components/base/SearchModal.astro';
-import { blogPosts } from '@data/blogData';
+import { getCollection } from 'astro:content';
+
+const posts = await getCollection('blog');
// Получаем параметр поиска из URL
const url = new URL(Astro.request.url);
@@ -16,21 +18,30 @@ const breadcrumbsItems = [
];
// Функция поиска по статьям
-function searchArticles(query: string) {
+function searchArticles(query: string, allPosts: typeof posts) {
if (!query.trim()) return [];
-
+
const lowerQuery = query.toLowerCase();
-
- return blogPosts.filter(post => {
- const titleMatch = post.title.toLowerCase().includes(lowerQuery);
- const descriptionMatch = post.description.toLowerCase().includes(lowerQuery);
- const categoryMatch = post.category.toLowerCase().includes(lowerQuery);
-
+
+ return allPosts.filter(post => {
+ const titleMatch = post.data.title.toLowerCase().includes(lowerQuery);
+ const descriptionMatch = post.data.description.toLowerCase().includes(lowerQuery);
+ const categoryMatch = post.data.category.toLowerCase().includes(lowerQuery);
+
return titleMatch || descriptionMatch || categoryMatch;
});
}
-const searchResults = searchArticles(searchQuery);
+const searchResults = searchArticles(searchQuery, posts);
+
+// Форматируем дату
+const formatDate = (date: Date) => {
+ return date.toLocaleDateString('ru-RU', {
+ day: 'numeric',
+ month: 'long',
+ year: 'numeric'
+ });
+};
---
{searchQuery ? `Результаты поиска` : 'Поиск статей'}
-
+
{searchQuery && (
)}
-
+
По запросу: "{searchQuery}"
- {searchResults.length === 0 - ? 'Ничего не найдено' + {searchResults.length === 0 + ? 'Ничего не найдено' : `Найдено статей: ${searchResults.length}`}
Комментарии
+ + {isAuthorized ? ( + + ) : ( +Спасибо за полезную статью! Столкнулся с похожей ситуацией, теперь знаю куда обращаться за помощью.
+Алексей, спасибо за ваш комментарий! Обращайтесь — мы всегда готовы помочь в решении автоспоров.
+Очень подробная инструкция! Подскажите, а если ДТП произошло без пострадавших, можно ли обойтись без вызова ГИБДД?
+