From ed01ec28ed7660f18ca09b28299a9ab4cde70669 Mon Sep 17 00:00:00 2001 From: Web-serfer Date: Sat, 11 Apr 2026 20:05:17 +0500 Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD=D0=B0=20?= =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B0=20-=20=D0=94?= =?UTF-8?q?=D0=BE=D0=BA=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/base/Pagination.astro | 5 +- .../src/components/documents/DocCard.astro | 217 +++++++++ .../components/documents/DocCategories.astro | 126 +++++ .../documents/SearchDocumentsModal.astro | 409 ++++++++++++++++ frontend/src/components/faq/FaqItem.astro | 447 ++++++++++++++++++ .../src/components/layout/footer/Footer.astro | 10 +- frontend/src/data/documents.ts | 196 ++++++++ frontend/src/pages/documents.astro | 310 ++++++++++++ frontend/src/pages/faq.astro | 135 +++++- 9 files changed, 1839 insertions(+), 16 deletions(-) create mode 100644 frontend/src/components/documents/DocCard.astro create mode 100644 frontend/src/components/documents/DocCategories.astro create mode 100644 frontend/src/components/documents/SearchDocumentsModal.astro create mode 100644 frontend/src/components/faq/FaqItem.astro create mode 100644 frontend/src/data/documents.ts create mode 100644 frontend/src/pages/documents.astro diff --git a/frontend/src/components/base/Pagination.astro b/frontend/src/components/base/Pagination.astro index e6d8111..ff592bb 100644 --- a/frontend/src/components/base/Pagination.astro +++ b/frontend/src/components/base/Pagination.astro @@ -14,7 +14,10 @@ const { } = Astro.props as PaginationProps; const getPageUrl = (page: number) => { - if (page === 1) return baseUrl; + if (baseUrl === '/documents' || baseUrl === '/faq') { + if (page === 1) return baseUrl; + return `${baseUrl}?page=${page}`; + } return `${baseUrl}/page/${page}`; }; diff --git a/frontend/src/components/documents/DocCard.astro b/frontend/src/components/documents/DocCard.astro new file mode 100644 index 0000000..6ac201e --- /dev/null +++ b/frontend/src/components/documents/DocCard.astro @@ -0,0 +1,217 @@ +--- +interface Props { + id: string; + title: string; + description: string; + fileSize: string; + fileType: 'pdf' | 'docx' | 'xlsx' | 'zip'; + downloadUrl: string; + category: string; +} + +const { + id, + title, + description, + fileSize, + fileType, + downloadUrl, + category +} = Astro.props as Props; + +const fileTypeIcons: Record = { + pdf: ` + + + `, + docx: ` + + + `, + xlsx: ` + + + `, + zip: ` + + + ` +}; +--- + + + + diff --git a/frontend/src/components/documents/DocCategories.astro b/frontend/src/components/documents/DocCategories.astro new file mode 100644 index 0000000..4fa0f31 --- /dev/null +++ b/frontend/src/components/documents/DocCategories.astro @@ -0,0 +1,126 @@ +--- +interface Props { + categories: string[]; + activeCategory: string; + showSearch?: boolean; +} + +const { categories, activeCategory, showSearch = true } = Astro.props as Props; +--- + + + + + + diff --git a/frontend/src/components/documents/SearchDocumentsModal.astro b/frontend/src/components/documents/SearchDocumentsModal.astro new file mode 100644 index 0000000..f0e4e5a --- /dev/null +++ b/frontend/src/components/documents/SearchDocumentsModal.astro @@ -0,0 +1,409 @@ +--- +import { documents } from '@data/documents'; + +const searchData = documents.map(doc => ({ + title: doc.title, + description: doc.description, + downloadUrl: doc.downloadUrl, + category: doc.category, + fileType: doc.fileType, + fileSize: doc.fileSize, + tags: doc.tags?.join(', ') || '' +})); + +const title = 'Поиск документов'; +const postsJson = JSON.stringify(searchData); +--- + + + + + + diff --git a/frontend/src/components/faq/FaqItem.astro b/frontend/src/components/faq/FaqItem.astro new file mode 100644 index 0000000..d26a206 --- /dev/null +++ b/frontend/src/components/faq/FaqItem.astro @@ -0,0 +1,447 @@ +--- +interface FaqItem { + question: string; + answer: string; +} + +const { + sectionSubtitle = "ОТВЕТЫ НА ВОПРОСЫ", + sectionTitle = "Часто задаваемые вопросы", + faqItems = [ + { + question: "Сколько стоит первичная консультация?", + answer: "Первичная консультация проводится бесплатно. Мы оценим вашу ситуацию, расскажем о перспективах дела и предложим оптимальную стратегию защиты. Это ни к чему вас не обязывает." + }, + { + question: "Какие документы нужны для начала работы?", + answer: "Для анализа ситуации потребуются: протокол об административном правонарушении, постановление по делу, материалы ДТП (если есть), страховой полис ОСАГО/КАСКО, а также любые другие документы, относящиеся к вашему делу." + }, + { + question: "Каковы шансы на успех моего дела?", + answer: "После изучения документов мы честно расскажем о реальных перспективах. По статистике, около 98% дел завершаются успешно. Если видим, что шансов нет — так и скажем, чтобы вы не тратили время и деньги." + }, + { + question: "Сколько времени занимает рассмотрение дела?", + answer: "Сроки зависят от сложности: простые консультации и составление жалоб — 1-3 дня, представление интересов в суде — от 2 недель до 2 месяцев. Точные сроки назовем после анализа вашей ситуации." + }, + { + question: "Работаете ли вы с делами, где уже вынесено решение?", + answer: "Да, мы помогаем обжаловать постановления и решения судов. Срок на обжалование обычно составляет 10 дней с момента вынесения постановления, но есть возможности восстановления срока и в более поздний период." + }, + { + question: "Можно ли решить вопрос без суда?", + answer: "Во многих случаях — да. Мы ведём переговоры со страховыми компаниями, ГИБДД, автосалонами и другими участниками. Досудебное урегулирование часто быстрее и выгоднее для клиента." + } + ] as FaqItem[] +} = Astro.props; +--- + +
+
+ +
+
+
+ {sectionSubtitle} +
+
+

{sectionTitle}

+

+ Собрали ответы на самые частые вопросы наших клиентов. Не нашли ответ? Позвоните — проконсультируем бесплатно +

+
+ + +
+ {faqItems.map((item: FaqItem, index: number) => ( +
+ +
+
+

{item.answer}

+
+
+
+ ))} +
+
+
+ + + + diff --git a/frontend/src/components/layout/footer/Footer.astro b/frontend/src/components/layout/footer/Footer.astro index f84c4fd..937be30 100644 --- a/frontend/src/components/layout/footer/Footer.astro +++ b/frontend/src/components/layout/footer/Footer.astro @@ -12,11 +12,9 @@ const legalLinks = [ { label: 'Условия использования', href: '/terms' }, ]; -const infoLinks = [ +const otherLinks = [ { label: 'Часто задаваемые вопросы', href: '/faq' }, - { label: 'Политика конфиденциальности', href: '/privacy' }, - { label: 'Условия использования', href: '/terms' }, - { label: 'Возврат средств', href: '#' }, + { label: 'Правовые документы', href: '/documents' }, ]; const currentYear = new Date().getFullYear().toString(); @@ -51,9 +49,9 @@ const currentYear = new Date().getFullYear().toString();
-

Правовая информация

+

Разное

    - {infoLinks.map(link => ( + {otherLinks .map(link => (
  • {link.label}
    • ))}
diff --git a/frontend/src/data/documents.ts b/frontend/src/data/documents.ts new file mode 100644 index 0000000..ec5f300 --- /dev/null +++ b/frontend/src/data/documents.ts @@ -0,0 +1,196 @@ +export interface DocumentItem { + id: string; + title: string; + description: string; + fileSize: string; + fileType: 'pdf' | 'docx' | 'xlsx' | 'zip'; + downloadUrl: string; + category: string; + tags?: string[]; +} + +export const documents: DocumentItem[] = [ + { + id: 'doc-1', + title: 'Договор на оказание юридических услуг', + description: 'Типовой договор на предоставление юридических услуг для физических лиц', + fileSize: '245 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/contract.pdf', + category: 'Договоры', + tags: ['договор', 'услуги', 'юрист', 'физические лица'] + }, + { + id: 'doc-2', + title: 'Доверенность на представление интересов', + description: 'Образец доверенности для представления интересов в суде и государственных органах', + fileSize: '180 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/power-of-attorney.docx', + category: 'Доверенности', + tags: ['доверенность', 'суд', 'представительство'] + }, + { + id: 'doc-3', + title: 'Согласие на обработку персональных данных', + description: 'Форма согласия на обработку персональных данных в соответствии с ФЗ-152', + fileSize: '120 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/privacy-consent.pdf', + category: 'Документы', + tags: ['персональные данные', 'согласие', 'фз-152'] + }, + { + id: 'doc-4', + title: 'Прайс-лист на юридические услуги 2024', + description: 'Актуальные цены на все виды предоставляемых юридических услуг', + fileSize: '320 КБ', + fileType: 'xlsx', + downloadUrl: 'https://example.com/documents/price-list.xlsx', + category: 'Информация', + tags: ['цены', 'стоимость', 'прайс', 'услуги'] + }, + { + id: 'doc-5', + title: 'Памятка клиента при ДТП', + description: 'Пошаговая инструкция: что делать при ДТП, какие документы собирать, куда обращаться', + fileSize: '1.2 МБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/dtp-memo.pdf', + category: 'Памятки', + tags: ['дтп', 'авария', 'инструкция', 'документы'] + }, + { + id: 'doc-6', + title: 'Заявление на обжалование постановления', + description: 'Образец заявления для обжалования постановления об административном правонарушении', + fileSize: '210 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/appeal-application.docx', + category: 'Шаблоны', + tags: ['обжалование', 'постановление', 'заявление'] + }, + { + id: 'doc-7', + title: 'Акт выполненных работ', + description: 'Унифицированная форма акта сдачи-приёмки выполненных работ', + fileSize: '150 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/work-act.docx', + category: 'Договоры', + tags: ['акт', 'работы', 'сдача'] + }, + { + id: 'doc-8', + title: 'Реквизиты компании', + description: 'Полные реквизиты для оплаты юридических услуг', + fileSize: '95 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/details.pdf', + category: 'Информация', + tags: ['реквизиты', 'оплата', 'банк'] + }, + { + id: 'doc-9', + title: 'Жалоба в ГИБДД', + description: 'Образец жалобы на неправомерные действия сотрудников ГИБДД', + fileSize: '190 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/gibdd-complaint.docx', + category: 'Шаблоны', + tags: ['жалоба', 'гибдд', 'неправомерные действия'] + }, + { + id: 'doc-10', + title: 'Памятка при лишении прав', + description: 'Что делать если вас лишают водительских прав: порядок действий и сроки', + fileSize: '980 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/license-revocation-memo.pdf', + category: 'Памятки', + tags: ['лишение прав', 'порядок действий', 'сроки'] + }, + { + id: 'doc-11', + title: 'Договор на ведение дела в суде', + description: 'Договор на представительство в судебных органах по гражданским делам', + fileSize: '280 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/court-contract.pdf', + category: 'Договоры', + tags: ['суд', 'представительство', 'гражданское дело'] + }, + { + id: 'doc-12', + title: 'Заявление в страховую компанию', + description: 'Образец заявления на получение выплаты по ОСАГО/КАСКО', + fileSize: '200 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/insurance-application.docx', + category: 'Шаблоны', + tags: ['страховая', 'осаго', 'каско', 'выплата'] + }, + { + id: 'doc-13', + title: 'Доверенность на получение ТС', + description: 'Доверенность на получение транспортного средства из сервисного центра', + fileSize: '165 КБ', + fileType: 'docx', + downloadUrl: 'https://example.com/documents/vehicle-power-of-attorney.docx', + category: 'Доверенности', + tags: ['автомобиль', 'получение', 'сервис'] + }, + { + id: 'doc-14', + title: 'Список документов для обращения в суд', + description: 'Перечень необходимых документов для подачи искового заявления', + fileSize: '140 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/court-docs-list.pdf', + category: 'Памятки', + tags: ['суд', 'иск', 'документы', 'перечень'] + }, + { + id: 'doc-15', + title: 'Соглашение о конфиденциальности', + description: 'Документ о неразглашении информации, полученной в ходе оказания юридических услуг', + fileSize: '130 КБ', + fileType: 'pdf', + downloadUrl: 'https://example.com/documents/nda-agreement.pdf', + category: 'Документы', + tags: ['конфиденциальность', 'ndа', 'разглашение'] + }, + { + id: 'doc-16', + title: 'Архив шаблонов документов', + description: 'Полный архив всех шаблонов документов в формате ZIP', + fileSize: '4.5 МБ', + fileType: 'zip', + downloadUrl: 'https://example.com/documents/all-templates.zip', + category: 'Шаблоны', + tags: ['архив', 'шаблоны', 'все документы'] + } +]; + +export const DOCUMENTS_PER_PAGE = 6; + +export function getCategories(): string[] { + return ['Все', ...Array.from(new Set(documents.map(doc => doc.category)))]; +} + +export function filterByCategory(category: string): DocumentItem[] { + if (category === 'Все') return documents; + return documents.filter(doc => doc.category === category); +} + +export function searchDocuments(query: string): DocumentItem[] { + const trimmed = query.trim().toLowerCase(); + if (trimmed.length < 2) return []; + + return documents.filter(doc => + doc.title.toLowerCase().includes(trimmed) || + doc.description.toLowerCase().includes(trimmed) || + doc.category.toLowerCase().includes(trimmed) || + (doc.tags && doc.tags.some(tag => tag.toLowerCase().includes(trimmed))) + ); +} diff --git a/frontend/src/pages/documents.astro b/frontend/src/pages/documents.astro new file mode 100644 index 0000000..c097264 --- /dev/null +++ b/frontend/src/pages/documents.astro @@ -0,0 +1,310 @@ +--- +import Layout from '@layouts/Layout.astro'; +import { SITE_URL } from '@constants'; +import DocCard from '@components/documents/DocCard.astro'; +import DocCategories from '@components/documents/DocCategories.astro'; +import Pagination from '@components/base/Pagination.astro'; +import SearchDocumentsModal from '@components/documents/SearchDocumentsModal.astro'; +import { documents, getCategories, filterByCategory, DOCUMENTS_PER_PAGE } from '@data/documents'; + +const url = new URL(Astro.request.url); +const categoryParam: string = url.searchParams.get('category') || 'Все'; +const pageParam: string | null = url.searchParams.get('page'); + +const activeCategory = categoryParam; +const currentPage: number = pageParam ? parseInt(pageParam, 10) : 1; + +const filteredDocs = filterByCategory(activeCategory); +const totalPages = Math.ceil(filteredDocs.length / DOCUMENTS_PER_PAGE); +const validPage = Math.max(1, Math.min(currentPage, totalPages)); + +const startIndex = (validPage - 1) * DOCUMENTS_PER_PAGE; +const endIndex = startIndex + DOCUMENTS_PER_PAGE; +const paginatedDocs = filteredDocs.slice(startIndex, endIndex); + +const categories = getCategories(); +--- + + +
+
+ +
+
+
+ ДОКУМЕНТЫ +
+
+
+

+ Документы для скачивания +

+
+

+ Здесь вы можете скачать все необходимые документы, договоры, памятки и шаблоны в удобном формате +

+
+ + + + + +
+ {paginatedDocs.map((doc) => ( + + ))} +
+ + + {totalPages > 1 && ( + + )} +
+
+ + + + + + + diff --git a/frontend/src/pages/faq.astro b/frontend/src/pages/faq.astro index 2490504..e3a57eb 100644 --- a/frontend/src/pages/faq.astro +++ b/frontend/src/pages/faq.astro @@ -1,16 +1,133 @@ --- import Layout from '@layouts/Layout.astro'; import { SITE_URL } from '@constants'; +import Faq from '@components/faq/FaqItem.astro'; +import Pagination from '@components/base/Pagination.astro'; + +const ITEMS_PER_PAGE = 10; + +const allFaqItems = [ + { + question: "Сколько стоит первичная консультация?", + answer: "Первичная консультация проводится бесплатно. Мы оценим вашу ситуацию, расскажем о перспективах дела и предложим оптимальную стратегию защиты. Это ни к чему вас не обязывает." + }, + { + question: "Какие документы нужны для начала работы?", + answer: "Для анализа ситуации потребуются: протокол об административном правонарушении, постановление по делу, материалы ДТП (если есть), страховой полис ОСАГО/КАСКО, а также любые другие документы, относящиеся к вашему делу." + }, + { + question: "Каковы шансы на успех моего дела?", + answer: "После изучения документов мы честно расскажем о реальных перспективах. По статистике, около 98% дел завершаются успешно. Если видим, что шансов нет — так и скажем, чтобы вы не тратили время и деньги." + }, + { + question: "Сколько времени занимает рассмотрение дела?", + answer: "Сроки зависят от сложности: простые консультации и составление жалоб — 1-3 дня, представление интересов в суде — от 2 недель до 2 месяцев. Точные сроки назовем после анализа вашей ситуации." + }, + { + question: "Работаете ли вы с делами, где уже вынесено решение?", + answer: "Да, мы помогаем обжаловать постановления и решения судов. Срок на обжалование обычно составляет 10 дней с момента вынесения постановления, но есть возможности восстановления срока и в более поздний период." + }, + { + question: "Можно ли решить вопрос без суда?", + answer: "Во многих случаях — да. Мы ведём переговоры со страховыми компаниями, ГИБДД, автосалонами и другими участниками. Досудебное урегулирование часто быстрее и выгоднее для клиента." + }, + { + question: "Как записаться на консультацию?", + answer: "Записаться можно через форму на сайте, по телефону или через мессенджеры. Мы свяжемся с вами в ближайшее время и согласуем удобное время для консультации." + }, + { + question: "Какие гарантии вы предоставляете?", + answer: "Мы гарантируем конфиденциальность, профессиональный подход и честную оценку перспектив дела. Результат зависит от конкретной ситуации, но мы делаем всё возможное для защиты ваших интересов." + }, + { + question: "Сколько стоят ваши услуги?", + answer: "Стоимость зависит от сложности дела. Первичная консультация бесплатна, после неё мы назовём точную цену. Возможна оплата в рассрочку." + }, + { + question: "Можно ли получить консультацию онлайн?", + answer: "Да, мы проводим консультации по видеосвязи (WhatsApp, Telegram, Zoom). Это удобно, если вы находитесь в другом городе или не можете приехать лично." + }, + { + question: "Что делать, если я пропустил срок обжалования?", + answer: "Срок можно восстановить при наличии уважительных причин: болезнь, командировка, неполучение копии постановления. Мы поможем составить ходатайство о восстановлении срока." + }, + { + question: "Нужно ли лично присутствовать на суде?", + answer: "Не всегда. По многим делам мы можем представлять ваши интересы без вашего присутствия. Однако в некоторых случаях ваше участие может быть полезно." + }, + { + question: "Вы работаете только в Сургуте?", + answer: "Основная практика в Сургуте и ХМАО, но мы можем консультировать клиентов из других регионов. Представительство в суде зависит от конкретного дела." + }, + { + question: "Как быстро вы сможете взяться за моё дело?", + answer: "Обычно мы готовы приступить к работе в день обращения или на следующий день. Срочные случаи обсуждаются индивидуально." + }, + { + question: "Можете ли вы помочь с лишением прав за пьянку?", + answer: "Да, мы берёмся за такие дела. Всё зависит от обстоятельств и доказательной базы. На бесплатной консультации мы оценим шансы и предложим стратегию." + }, + { + question: "Что входит в пакет «под ключ»?", + answer: "В пакет «под ключ» входит: сбор документов, подготовка заявлений и жалоб, представительство в суде, взаимодействие с госорганами и полное сопровождение дела." + }, + { + question: "Можно ли оплатить услуги после выигрыша дела?", + answer: "По некоторым категориям дел возможна оплата по результату. Это обсуждается индивидуально на консультации." + }, + { + question: "Какие ещё услуги вы предоставляете?", + answer: "Помимо автоюристов, мы помогаем со спорами со страховыми (ОСАГО/КАСКО), взысканием ущерба при ДТП, обжалованием штрафов, защитой прав потребителей при покупке авто." + } +]; + +const url = new URL(Astro.request.url); +const pageParam = url.searchParams.get('page'); +const currentPage = pageParam ? parseInt(pageParam, 10) : 1; + +const totalPages = Math.ceil(allFaqItems.length / ITEMS_PER_PAGE); +const validPage = Math.max(1, Math.min(currentPage, totalPages)); + +const startIndex = (validPage - 1) * ITEMS_PER_PAGE; +const endIndex = startIndex + ITEMS_PER_PAGE; +const currentFaqItems = allFaqItems.slice(startIndex, endIndex); --- -

FAQ

- \ No newline at end of file +
+ + + {totalPages > 1 && ( +
+ +
+ )} +
+ + +