plan: rewrite Sprint 5-12 — document only what exists on real site

Key principle: brandbook documents only existing perm.oclinica.ru blocks,
no invented style variants. Every sprint starts with Research phase.

Sprint 5: Header/Navigation
Sprint 6: Hero banner + Advantages block
Sprint 7: Intro text (CEO) + Services
Sprint 8: Doctors page blocks
Sprint 9: Reviews + News
Sprint 10: Contact forms + Contact block
Sprint 11: Pages — Disease + Home (assembled)
Sprint 12: Pages — Prices + Contacts + final smoke

Sidebar: removed invented hero variants, added "soon" back to blocks
pending documentation from real site.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

apps/web/components/layout/Sidebar.tsx

@@ -30,24 +30,20 @@ const NAV: NavSection[] = [
       { label: "Кнопки", href: "/components/buttons" },
       { label: "Форм-контролы", href: "/components/forms" },
       { label: "Карточки", href: "/components/cards" },
-      { label: "Бейджи и теги", href: "/components/badges", soon: true },
-      { label: "Алерты", href: "/components/alerts", soon: true },
-      { label: "Модальные окна", href: "/components/modals", soon: true },
-      { label: "Таблицы", href: "/components/tables", soon: true },
       { label: "Навигация", href: "/components/navigation", soon: true },
     ],
   },
   {
     title: "Блоки",
     items: [
-      { label: "Hero", href: "/blocks/hero" },
+      { label: "Hero + Преимущества", href: "/blocks/hero", soon: true },
-      { label: "CEO-текст", href: "/blocks/ceo" },
+      { label: "Вводный текст", href: "/blocks/ceo", soon: true },
+      { label: "Услуги", href: "/blocks/services", soon: true },
       { label: "Наши врачи", href: "/blocks/doctors", soon: true },
       { label: "Отзывы", href: "/blocks/reviews", soon: true },
       { label: "Новости", href: "/blocks/news", soon: true },
       { label: "Формы контакта", href: "/blocks/contact-forms", soon: true },
       { label: "Контакт", href: "/blocks/contact", soon: true },
-      { label: "Услуги", href: "/blocks/services", soon: true },
     ],
   },
   {

docs/SPRINTS.md

@@ -171,177 +171,178 @@
 
 ---
 
-## Sprint 5 — Hero-блок и CEO-текст
+## Принцип документирования (Sprint 5+)
 
-**Цель:** Ключевые верхние блоки страниц.
+> **Правило:** Брендбук документирует только то, что реально существует на сайте `perm.oclinica.ru`.
+> Никаких придуманных вариантов, никаких новых стилей. Процесс: сначала изучаем реальный сайт → потом воспроизводим в брендбуке.
+
+---
+
+## Sprint 5 — Шапка (Header) и навигация
+
+**Цель:** Задокументировать реальную шапку сайта perm.oclinica.ru/lor как она есть.
 
 ### Задачи
-- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации Hero и CEO-блоков
+- [ ] Research: Изучить реальную шапку сайта — скриншот, CSS, HTML
-- [ ] FE: Добавить LLM-блоки на страницы Hero и CEO-текст
+- [ ] FE: Страница `/components/navigation` — документация реальной навигации сайта
-- [ ] FE: Hero-блок вариант 1 — фон + заголовок + CTA
+  - Логотип в шапке (размер, положение)
-- [ ] FE: Hero-блок вариант 2 — иллюстрация сбоку
+  - Главное меню: Клиника, ЛОР врачи, Заболевания, Вопрос-ответ, ЛОР операции, Сурдология, Цены, Контакты
-- [ ] FE: Hero-блок вариант 3 — с встроенной формой записи
+  - Телефоны в шапке
-- [ ] FE: Блок CEO-текст — фото руководителя, цитата, подпись
+  - Кнопки «Записаться на прием» и «Заказать звонок» (цвета, стили взятые из CSS)
-- [ ] FE: Блок «Преимущества клиники» — иконки + текст
+- [ ] FE: Убрать `soon` у `/components/navigation` в Sidebar
-- [ ] FE: Страница «Блоки → Hero и вступление»
+- [ ] FE: Добавить LLM-блок v1.0
-- [ ] Design: Согласование вариантов Hero под разные страницы
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — секция Navigation
-
+
-**Результат спринта:** Hero и CEO-секция полностью задокументированы.
+**Результат спринта:** Шапка и навигация задокументированы по реальному сайту.
 
 ---
 
-## Sprint 6 — Врачи и профиль врача
+## Sprint 6 — Hero-баннер и блок преимуществ
 
-**Цель:** Блоки и компоненты, связанные с врачами.
+**Цель:** Задокументировать реальный баннер страницы /lor и блок преимуществ — ровно так, как они есть.
 
 ### Задачи
-- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации блоков врачей
+- [ ] Research: Скриншот + CSS баннера с perm.oclinica.ru/lor
-- [ ] FE: Добавить LLM-блок на страницу «Блоки → Врачи»
+- [ ] FE: Страница `/blocks/hero` — реальный баннер:
-- [ ] FE: Блок «Наши врачи» — сетка карточек с фильтром по специализации
+  - Фото врача-хирурга на фоне #b8e6ed
-- [ ] FE: Блок «Врач — профиль» (полная страница): фото, биография, специализации, расписание
+  - Заголовок: «ЭНДОСКОПИЧЕСКОЕ ХИРУРГИЧЕСКОЕ ЛЕЧЕНИЕ ЛОР ОРГАНОВ»
-- [ ] FE: Компонент «Расписание / слоты записи»
+  - 3 преимущества (безопасность, без внешних разрезов, скорость восстановления)
-- [ ] FE: Компонент навигации (header menu, breadcrumbs)
+  - Кнопка «Узнать стоимость операции» (primary #FFA39C)
-- [ ] FE: Пагинация
+- [ ] FE: Блок «Преимущества клиники» на той же странице:
-- [ ] FE: Страница «Блоки → Врачи»
+  - 4 иконки + текст: кандидаты наук, оборудование, династия врачей, количество пациентов
-
+- [ ] FE: Добавить LLM-блок v1.0
-**Результат спринта:** Все блоки о врачах готовы.
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
+
+**Результат спринта:** Hero и блок преимуществ задокументированы по реальному сайту.
 
 ---
 
-## Sprint 7 — Отзывы и новости
+## Sprint 7 — Вводный текст (CEO-блок) и блок услуг
 
-**Цель:** Контентные блоки сайта.
+**Цель:** Задокументировать вводный текст от клиники и блок заболеваний/услуг.
 
 ### Задачи
-- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации блоков отзывов и новостей
+- [ ] Research: Изучить вводный текст на /lor (секция после баннера) — структура, стили
-- [ ] FE: Добавить LLM-блок на страницу «Блоки → Отзывы и новости»
+- [ ] FE: Страница `/blocks/ceo` — вводный текст:
-- [ ] FE: Блок отзывов — карусель
+  - Структура секции (заголовок, описание специализации, вопросы-стимулы)
-- [ ] FE: Блок отзывов — статичная сетка
+  - Типографика, цвета, отступы — взятые с реального сайта
-- [ ] FE: Блок рейтинга (звёзды + количество отзывов)
+- [ ] Research: Блок заболеваний / услуг — как выглядит список (иконки/текст/карточки?)
-- [ ] FE: Блок новостей — сетка превью (3 в ряд)
+- [ ] FE: Блок «Услуги и заболевания» на странице `/blocks/services`
-- [ ] FE: Блок новостей — горизонтальный список
+- [ ] FE: Добавить LLM-блоки v1.0
-- [ ] FE: Блок «Последние новости» для сайдбара
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
-- [ ] FE: Блок услуг / заболеваний — иконки + список
+
-- [ ] FE: Страница «Блоки → Отзывы и новости»
+**Результат спринта:** Вводный блок и услуги задокументированы по реальному сайту.
-
-**Результат спринта:** Контентные блоки задокументированы.
 
 ---
 
-## Sprint 8 — Формы контакта и модальные окна
+## Sprint 8 — Врачи: блок на главной + страница списка
 
-**Цель:** Все формы и диалоги взаимодействия с пациентом.
+**Цель:** Задокументировать все блоки, связанные с врачами, по реальному сайту /lor/doctors.
 
 ### Задачи
-- [ ] Docs: Обновить `docs/LLM_CONTEXT.md` — добавить спецификации форм и модальных окон
+- [ ] Research: Изучить страницу perm.oclinica.ru/lor/doctors — CSS, HTML, скриншоты
-- [ ] FE: Добавить LLM-блок на страницу «Блоки → Формы и контакты»
+- [ ] FE: Страница `/blocks/doctors` — блок «Наши врачи»:
-- [ ] FE: Форма записи — короткая (имя, телефон)
+  - Сетка карточек врачей (реальная вёрстка с сайта)
-- [ ] FE: Форма записи — расширенная (имя, телефон, специализация, врач, дата)
+  - Фильтры: по адресу клиники, стоимости приёма, стажу, специализации
-- [ ] FE: Форма записи в модальном окне
+  - Пагинация — если есть на сайте
-- [ ] FE: Контактная форма (имя, email, сообщение)
+- [ ] FE: Страница `/pages/doctors` — полная страница врачей как сборка блоков
-- [ ] FE: Блок «Контакт» — карта + адрес + часы работы
+- [ ] FE: Добавить LLM-блоки v1.0
-- [ ] FE: Модальное окно — информационное
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
-- [ ] FE: Модальное окно — подтверждение
+
-- [ ] FE: Страница «Блоки → Формы и контакты»
+**Результат спринта:** Все компоненты страницы врачей задокументированы.
-
-**Результат спринта:** Все формы и диалоги готовы.
 
 ---
 
-## Sprint 9 — Страницы: Главная и Заболевание
+## Sprint 9 — Отзывы и новости
 
-**Цель:** Первые две полноразмерные страницы в брендбуке.
+**Цель:** Задокументировать блоки отзывов и новостей — только то, что реально на сайте.
 
 ### Задачи
-- [ ] FE: Страница «Главная» — сборка из утверждённых блоков
+- [ ] Research: Изучить блок отзывов на /lor — реальная вёрстка (список? карусель? что именно?)
-- [ ] FE: Страница «Заболевание» — Hero (мини), описание, врачи по теме, форма
+- [ ] Research: Изучить страницу /lor/news — структура списка новостей
-- [ ] FE: Раздел «Страницы» в навигации брендбука
+- [ ] FE: Страница `/blocks/reviews` — блок отзывов как на сайте
-- [ ] FE: Адаптивность страниц (desktop / tablet / mobile)
+- [ ] FE: Страница `/blocks/news` — блок новостей как на сайте (список с датами + пагинация)
-- [ ] Design: Ревью и согласование страниц
+- [ ] FE: Добавить LLM-блоки v1.0
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
 
-**Результат спринта:** 2 страницы задокументированы в брендбуке.
+**Результат спринта:** Блоки отзывов и новостей задокументированы по реальному сайту.
 
 ---
 
-## Sprint 10 — Страницы: Врачи, Врач, Цены
+## Sprint 10 — Формы записи и контакт
 
-**Цель:** Три страницы с ключевым контентом.
+**Цель:** Задокументировать реальные формы и блок контактов.
 
 ### Задачи
-- [ ] FE: Страница «Все врачи» — фильтры, сетка, пагинация
+- [ ] Research: Модальная форма записи на приём — реальная с сайта (структура, поля, стили)
-- [ ] FE: Страница «Врач (профиль)»
+- [ ] Research: Блок «Контакт» — адрес, телефоны, карта, часы работы
-- [ ] FE: Страница «Цены» — фильтры, таблица, форма
+- [ ] FE: Страница `/blocks/contact-forms` — форма записи (реальная с сайта)
-- [ ] FE: Таблица цен с сортировкой
+- [ ] FE: Страница `/blocks/contact` — блок контактной информации
-- [ ] FE: Адаптивность всех трёх страниц
+- [ ] FE: Добавить LLM-блоки v1.0
-- [ ] Design: Ревью страниц
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
 
-**Результат спринта:** Ещё 3 страницы в брендбуке.
+**Результат спринта:** Формы и контакт задокументированы по реальному сайту.
 
 ---
 
-## Sprint 11 — Страница Контакты и Экспериментальная секция (MVP)
+## Sprint 11 — Страницы: Заболевание + Главная (сборки)
 
-**Цель:** Последняя страница + запуск механизма экспериментов.
+**Цель:** Задокументировать полные страницы как сборки из задокументированных блоков.
 
 ### Задачи
-- [ ] FE: Страница «Контакты»
+- [ ] Research: Выбрать реальную страницу заболевания (напр. /lor/rinit) — изучить все её блоки
-- [ ] BE + DB: Модели `Component`, `Page`, `Block` в Prisma
+- [ ] FE: Страница `/pages/disease` — сборка блоков по реальной странице заболевания
-- [ ] BE: CRUD API для компонентов (`/api/components`)
+- [ ] FE: Страница `/pages/home` — сборка блоков по главной странице /lor
-- [ ] BE: CRUD API для страниц (`/api/pages`)
+- [ ] FE: Раздел «Страницы» в навигации — убрать soon
-- [ ] FE: Секция «Эксперименты» в брендбуке
+- [ ] Docs: Обновить `docs/LLM_CONTEXT.md`
-- [ ] FE: Форма создания нового экспериментального компонента
-- [ ] FE: Список экспериментальных компонентов со статусами
 
-**Результат спринта:** Все страницы готовы, эксперименты — базовый функционал.
+**Результат спринта:** 2 реальные страницы задокументированы в брендбуке.
 
 ---
 
-## Sprint 12 — Полировка, финальный деплой и документация
+## Sprint 12 — Страницы: Цены + Контакты
 
-**Цель:** Финальный релиз. Фронтенд уже живёт на Vercel с Sprint 2, Sprint 12 — финальная полировка и production-готовность бэкенда.
+**Цель:** Задокументировать страницы цен и контактов.
 
 ### Задачи
-- [ ] BE + FE: Полный smoke-тест всего брендбука
+- [ ] Research: Реальная страница цен на сайте — структура, таблица, фильтры
-- [ ] FE: Мобильная адаптация — финальная проверка всех страниц
+- [ ] Research: Реальная страница контактов — карта, адреса, часы, схема проезда
-- [ ] FE: Accessibility-аудит (WCAG AA)
+- [ ] FE: Страница `/pages/prices` — по реальной странице цен
-- [ ] Деплой BE: выбрать и настроить хостинг для NestJS + PostgreSQL
+- [ ] FE: Страница `/pages/contacts` — по реальной странице контактов
-- [ ] Деплой: настроить автоматический деплой через Gitea Actions → Vercel (при пуше в `main`)
+- [ ] FE: Полный smoke-тест брендбука
-- [ ] Docs: Обновление `docs/DEPLOY.md` финальными инструкциями
+- [ ] Docs: Финальное обновление `docs/LLM_CONTEXT.md`
-- [ ] Design: Финальный ревью брендбука
 
 ### Текущий статус деплоя
 - **Фронтенд:** https://web-oclinica.vercel.app (Vercel Hobby, задеплоен в Sprint 2)
 - **Команда деплоя:** `cd apps/web && vercel --prod --yes`
-- **Бэкенд:** локально (Docker Compose), хостинг выбирается в Sprint 12
+- **Бэкенд:** локально (Docker Compose), хостинг выбирается позднее
 
-**Результат спринта:** Брендбук полностью готов, оба сервиса задеплоены, автодеплой настроен.
+**Результат спринта:** Брендбук полностью задокументирован по реальному сайту.
 
 ---
 
 ## Сводная таблица
 
-| Спринт | Тема                                  | Ключевой результат                      |
+| Спринт | Тема                                  | Источник                                |
 |--------|---------------------------------------|-----------------------------------------|
-| 1      | Инициализация + Логотип               | Брендбук запускается, страница Логотипа готова |
+| 1      | Инициализация + Логотип               | PDF брендбука                           |
-| 2      | Цвета, Типографика, Оффлайн элементы  | Фундамент + оффлайн раздел готовы      |
+| 2      | Цвета, Типографика, Оффлайн элементы  | PDF брендбука + Oracal каталог          |
-| 3      | Кнопки и форм-контролы                | Базовые компоненты готовы               |
+| 3      | Кнопки и форм-контролы                | CSS реального сайта perm.oclinica.ru    |
-| 4      | Карточки                              | Все карточки задокументированы          |
+| 4      | Карточки                              | CSS реального сайта perm.oclinica.ru    |
-| 5      | Hero и CEO-текст                      | Ключевые блоки страниц готовы           |
+| 5      | Шапка и навигация                     | Реальная шапка perm.oclinica.ru         |
-| 6      | Врачи                                 | Блоки о врачах готовы                   |
+| 6      | Hero-баннер + Преимущества            | Реальная страница /lor                  |
-| 7      | Отзывы и новости                      | Контентные блоки готовы                 |
+| 7      | Вводный текст + Услуги                | Реальные блоки /lor                     |
-| 8      | Формы и модальные окна                | Все формы задокументированы             |
+| 8      | Врачи                                 | Реальная страница /lor/doctors          |
-| 9      | Страницы: Главная, Заболевание        | 2 страницы в брендбуке                  |
+| 9      | Отзывы и Новости                      | Реальные блоки /lor + /lor/news         |
-| 10     | Страницы: Врачи, Цены                 | 3 страницы в брендбуке                  |
+| 10     | Формы записи + Контакт                | Реальные формы и контакты с сайта       |
-| 11     | Контакты + Эксперименты MVP           | Все страницы + система экспериментов    |
+| 11     | Страницы: Заболевание + Главная       | Сборки по реальным страницам            |
-| 12     | Деплой и полировка                    | Брендбук живёт в продакшне              |
+| 12     | Страницы: Цены + Контакты             | Реальные страницы + финальный smoke     |
 
 ---
 
 ## Backlog (вне основных спринтов)
 
-- Тёмная тема
-- Экспорт компонентов в Figma
-- Drag-and-drop конструктор страниц
-- История версий экспериментальных компонентов
-- Мультиязычность (если потребуется)
 - Раздел «Логотип»: активация кнопки скачивания SVG (после получения вектора)
+- Экспериментальная секция — если потребуется CRUD API (NestJS + Prisma)
+- Тёмная тема — только если появится на реальном сайте
+- Мультиязычность — только если появится на реальном сайте