Add new pages for FAQ, Sustainability, Contacts, Technical Requirements, Glossary, and related content

- Created FAQ page with structured questions and answers for customer support. - Added Sustainability page detailing eco-friendly practices and certifications. - Introduced Contacts page with comprehensive contact information and forms. - Established Technical Requirements page outlining SEO and performance standards. - Compiled a Glossary of terms related to performance, SEO, and construction materials.
2026-02-18 00:04:25 +02:00
parent 0e3a6b61a8
commit e395b2ab84
39 changed files with 2950 additions and 0 deletions
--- a/приоритеты.md
+++ b/приоритеты.md
@@ -0,0 +1,146 @@
+---
+tags:
+  - сайт
+  - план
+  - приоритеты
+created: 2026-02-17
+---
+
+# 📋 Реалистичный план сайта — 2 недели
+
+> [!info] Контекст
+> Это **урезанная, реалистичная** версия относительно [[../site/00 — Карта сайта|идеальной спецификации]].
+> Рассчитана на 2 недели с Claude Code — с учётом того, что уже сделано в GBSite.
+
+---
+
+## Что уже готово в GBSite (делать не нужно)
+
+| Страница | URL | Статус |
+|---|---|---|
+| Каталог | `/products` | ✅ Готово — галерея с фильтрами по оттенкам, SSR |
+| Карточка товара | `/product/{colorSlug}` | ✅ Готово — карусель, селектор размер/цена, поверхности, Schema.org |
+| Админка | `/admin` | ✅ Готово — изображения, товары, CMS-страницы |
+| CMS-движок | — | ✅ 10 типов блоков: Text, Image, Gallery, Quote, CTA, Accordion, FAQ, Contacts, Video, Divider |
+| Загрузка фото | `/admin/images/upload` | ✅ Async обработка, R2 CDN, 5 вариантов размеров, WebP |
+| SEO-база | — | ✅ Сайтмапы, breadcrumbs, robots.txt, JSON-LD |
+
+---
+
+## Карта сайта (реалистичная)
+
+```
+/ (Главна)                        → 01 — Главная        [P0, кастом ~12ч]
+├── /products/                    → ГОТОВО
+│   └── /product/{colorSlug}/    → ГОТОВО
+├── /contacts/                    → 02 — Контакты       [P0, CMS ~3ч]
+├── /about/                       → 03 — О компании     [P0, CMS ~3ч]
+├── /faq/                         → 04 — FAQ             [P0, CMS ~3ч]
+├── /blog/                        → 05 — Блог            [P1, CMS ~8ч]
+│   └── /blog/{slug}/             → через CMS catch-all
+├── /projects/                    → 06 — Галерея         [P1, кастом ~12ч]
+│   └── /projects/{slug}/         → кастом
+├── /dealers/                     → 07 — Де купити       [P1, CMS ~2ч]
+└── /calculator/                  → 08 — Калькулятор    [P1, кастом ~6ч]
+```
+
+---
+
+## Таймлайн
+
+### Неделя 1 — P0 (без этого не запускаемся)
+
+| День | Задача | Оценка | Выход |
+|---|---|---|---|
+| 1–2 | Главная (Hero + Категории + УТП) | ~12ч | `/` с реальным контентом |
+| 2–3 | Контакты через CMS | ~3ч | `/contacts` опубликована |
+| 3 | О компании через CMS | ~3ч | `/about` опубликована |
+| 4 | FAQ через CMS (20+ вопросов) | ~3ч | `/faq` + FAQPage schema |
+| 4–5 | Данные товаров (Google Sheets) | ~6ч | Реальные цены у 50+ товаров |
+| 5 | Загрузка 25+ фото через админку | ~4ч | Каталог с реальными фото |
+
+### Неделя 2 — P1 (усиление SEO и конверсии)
+
+| День | Задача | Оценка | Выход |
+|---|---|---|---|
+| 6–7 | Галерея проектов (новая сущность + frontend) | ~12ч | `/projects` masonry grid |
+| 7–8 | Блог (листинг + написать 3 статьи) | ~8ч | `/blog` — 3 SEO-статьи |
+| 9 | Де купити через CMS + карта | ~2ч | `/dealers` — 3 дилера |
+| 9–10 | Калькулятор (client-side) | ~6ч | `/calculator` |
+| 10 | Тестирование + деплой | ~4ч | Всё на продакшне |
+
+---
+
+## Ключевые принципы конверсии (high-ticket, 5–15k$)
+
+> [!important] Покупатель принимает решение 6 месяцев
+> Большинство не заполнит форму при первом визите. Цель — попасть в шорт-лист и быть там пока он не готов.
+
+### Главные CTA (в порядке конверсии)
+1. **«Замовити безкоштовний зразок»** — физический образец = 4-8% конверсия vs 1-2% у формы
+2. **«Написати в Telegram»** — 51% украинцев в Telegram, главный канал коммуникации
+3. **«Зателефонувати»** — для тех кто старше или не в Telegram
+4. Viber — дополнительный канал
+5. Контактная форма — **только имя + телефон**, email не запрашивать вообще
+
+### Trust-сигналы для $10k+ покупки
+- Проекты с масштабом: «Котеджне містечко, Одеса, 850 кв.м.» — не просто красивое фото
+- Фото и видео производства — показывает реальность компании
+- **«Єдині в Україні»** — защищаемое УТП, использовать на каждой странице
+- М200, F300 — с объяснением что это значит (большинство не знает)
+- Имя и фото владельца — owner-operated требует личного присутствия
+- Никаких стоковых фото
+
+### AI-поиск 2026
+- AI-трафик конвертирует в 4-5x лучше Google (14.2% vs 2.8%)
+- FAQ Schema.org FAQPage → попадание в Google AI Overviews
+- Отвечать на вопросы типа «яка мінімальна партія?», «чи є доставка до Києва?»
+
+---
+
+## Отложено (не в эти 2 недели)
+
+| Страница | Почему |
+|---|---|
+| Конфигуратор фасада | 2–3 месяца — WebGL, AI-сегментация фото |
+| Для архитекторов | B2B лендинг, не нужен для первых Ads |
+| Для строителей | Можно начать с PDF на странице FAQ/О компании |
+| Экологичность | ESG-страница, nice-to-have |
+| Глоссарий | 100+ терминов — слишком много контента |
+
+---
+
+## Файлы GBSite которые затронет работа
+
+**Frontend — создать:**
+- `components/home/hero-section.tsx`
+- `components/home/product-categories.tsx`
+- `components/home/value-props.tsx`
+- `components/forms/contact-form.tsx`
+- `app/(site)/blog/page.tsx`
+- `app/(site)/projects/page.tsx` + `[slug]/page.tsx`
+- `app/(site)/calculator/page.tsx`
+
+**Frontend — изменить:**
+- `app/(site)/page.tsx` — замена placeholder на реальную главную
+- `lib/navigation.ts` — добавить новые ссылки в шапку/футер
+
+**Backend — создать:**
+- `ContactFormsController.cs` + entity `ContactForm` (имя, телефон, сообщение)
+- `ProjectsController.cs` + entity `Project`
+
+**CMS (через `/admin/pages`, без кода):**
+- `/contacts`, `/about`, `/faq`, `/dealers`, статьи блога
+
+---
+
+## Связанные файлы
+
+- [[01 — Главная]]
+- [[02 — Контакты]]
+- [[03 — О компании]]
+- [[04 — FAQ]]
+- [[05 — Блог]]
+- [[06 — Галерея проектов]]
+- [[07 — Де купити]]
+- [[08 — Калькулятор]]
--- a/Главная.md
+++ b/Главная.md
@@ -0,0 +1,171 @@
+---
+tags:
+  - сайт
+  - страница
+  - главная
+  - p0
+url: /
+approach: кастомная страница (замена placeholder)
+effort: ~12ч
+created: 2026-02-17
+---
+
+# 🏠 Головна
+
+> [!tip] Роль страницы
+> Первое впечатление, навигационный хаб, витрина бренда. Цель — попасть в шорт-лист покупателя, который исследует рынок 3–6 месяцев перед покупкой.
+
+> [!warning] Реализация
+> **Кастомная страница** — заменить `app/(site)/page.tsx` целиком. CMS catch-all тут не сработает.
+> Новые компоненты: `components/home/hero-section.tsx`, `product-categories.tsx`, `value-props.tsx`
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Фасади, які служать поколінням` |
+| **Title** | `GoodBrick — Виробник фасадної плитки та цегли \| Одеса, Україна` |
+| **Description** | `Фасадна плитка та цегла ручного формування. Єдині в Україні з мінеральною технологією. М200, F300, 3-5% вологопоглинання. Виробництво в Одесі з 2022 року.` |
+| **Schema** | `Organization` + `WebSite` |
+| **OG Image** | Лучшее фото фасада из R2 CDN |
+
+---
+
+## Блоки страницы
+
+### 1. Hero (full-bleed, первый экран)
+
+> [!important] LCP-элемент — использовать `<CdnImage priority>` для быстрой загрузки
+
+- Фото или видео готового фасада с продукцией GoodBrick
+- **H1:** «Фасади, які служать поколінням»
+- Подзаголовок: «Фасадна плитка ручного формування. Єдині в Україні з мінеральною технологією.»
+- **2 CTA:**
+  - Главный: `Замовити безкоштовний зразок` → Telegram/форма заявки
+  - Вторичный: `Переглянути каталог` → `/products`
+- Формат: AVIF/WebP через CdnImage с `priority` prop
+
+**Scope cut:** Нет конфигуратора-тизера в hero (отложен навсегда). Нет видео-фона на мобиле (тяжёло).
+
+---
+
+### 2. Категории продукции (сетка карточек)
+
+Данные: вытащить из существующего API `GET /api/sizes` — группировка по `ProductType` enum (Tile / HalfBrick / Brick)
+
+**3 карточки:**
+- **Фасадна плитка** — фото + «від 15 до 25 мм товщина» → `/products?type=Tile`
+- **Половинка цегли** — фото + «дешевша логістика» → `/products?type=HalfBrick`
+- **Цегла** — фото + «класична укладка» → `/products?type=Brick`
+
+Каждая карточка: фото (CdnImage из R2) + название + короткое описание + стрелка.
+Alt: «фасадна плитка ручного формування GoodBrick»
+
+**Scope cut:** Нет карточек для клинкера, термопанелей — их нет в продукте.
+
+---
+
+### 3. УТП / Почему GoodBrick (4 карточки с иконками)
+
+Статический блок, без API:
+
+| Иконка | Заголовок | Описание |
+|---|---|---|
+| 🏭 | «Єдині в Україні» | Мінеральна технологія ручного формування — лише у нас |
+| 💪 | «М200, F300» | Міцність 200 кг/см², 300 циклів морозостійкості |
+| 💧 | «3–5% вологопоглинання» | Захищає фасад від вологи та руйнування |
+| 📅 | «З 2022 року» | Власне виробництво в Одесі |
+
+> [!note] Зачем объяснять М200, F300
+> Большинство покупателей не знает что это значит. Краткое объяснение убирает барьер и сигнализирует экспертность.
+
+---
+
+### 4. Галерея проектов (мини, 3–4 фото)
+
+- Фото завершённых фасадов из категории Live Images
+- Каждое: фото + подпись «{Місто}, {кв.м}» (если есть данные)
+- **CTA:** `Усі проекти` → `/projects` (когда будет готово)
+- Данные: `GET /api/images?type=2&limit=4` (Live images)
+
+**Scope cut:** Нет слайдера с паузой, нет lightbox — просто сетка.
+
+---
+
+### 5. Процесс / Как это работает (3 шага)
+
+Статический блок, убирает страх «а как мне это всё купить?»:
+
+1. **Замовте зразок** — надішліть нам місто, ми відправимо безкоштовний зразок
+2. **Оберіть колір і поверхню** — 23 кольори × 5 поверхонь у каталозі
+3. **Отримайте доставку** — доставляємо по всій Україні, дилери в Одесі, Хмельницькому, Києві
+
+> [!tip] Конверсия
+> «Как это работает» снижает тревогу у покупателя на раннем этапе исследования.
+
+---
+
+### 6. Блок доверия — «Чому нам довіряють»
+
+- Счётчики (статические числа, заполнить реальными):
+  - `23` кольори продукції
+  - `5` поверхонь (Standart, Klasik, Khvylia, Loft, Heritage)
+  - `3` міста дилерів
+  - `2022` рік заснування
+- Имя/фото владельца: «{Ім'я}, засновник» — короткая цитата о качестве
+
+---
+
+### 7. Telegram CTA-баннер (перед футером)
+
+- Фоновое фото
+- Заголовок: «Залишились питання? Пишіть у Telegram»
+- Подзаголовок: «Відповімо протягом години»
+- **CTA:** `Написати` → `https://t.me/{username}`
+- Второй вариант: `Зателефонувати` → `tel:{phone}`
+
+---
+
+## Конверсионные элементы (чеклист)
+
+- [x] CTA на образцы — above-the-fold в Hero
+- [x] CTA в Telegram — в Hero (вторичный) + отдельный баннер
+- [x] Телефон — в header (уже есть в SiteHeader)
+- [x] Trust-сигналы — УТП + счётчики + имя владельца
+- [x] Внутренние ссылки — на `/products`, `/projects`
+- [x] Двойной CTA — Hero + Telegram-баннер перед футером
+
+---
+
+## SEO-чеклист
+
+- [x] H1 единственный, выше fold
+- [x] Schema.org Organization + WebSite
+- [x] OG image — 1200×630 из R2 CDN
+- [x] Alt у всех изображений
+- [x] CdnImage priority на hero-фото (LCP)
+- [x] Внутренние ссылки на key-страницы
+
+---
+
+## Scope cuts относительно идеальной спецификации
+
+| Убрано | Причина |
+|---|---|
+| Конфигуратор-тизер | Конфигуратора нет и не будет в ближайшие месяцы |
+| Отзывы / Google Reviews | Интеграция требует времени, начать без этого |
+| Подписка на рассылку | Email никто не использует |
+| Exit-intent popup | Нет данных что работает, раздражает |
+| Видео-фон в Hero | Тяжело на мобиле, LCP страдает |
+| Блог-превью | Блог создаётся на неделе 2 |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[../site/01 — Главная|Идеальная версия]]
+- [[02 — Контакты]]
+- [[06 — Галерея проектов]]
--- a/Контакты.md
+++ b/Контакты.md
@@ -0,0 +1,129 @@
+---
+tags:
+  - сайт
+  - страница
+  - контакты
+  - p0
+url: /contacts
+approach: CMS-страница + новый API endpoint для формы
+effort: ~3ч (CMS) + ~4ч (форма с backend)
+created: 2026-02-17
+---
+
+# 📞 Контакти
+
+> [!tip] Роль страницы
+> Trust-сигнал E-E-A-T. Множественные каналы связи. Telegram + телефон + карта — никакого email.
+
+> [!warning] Реализация
+> **CMS-страница** — создать через `/admin/pages`.
+> Дополнительно нужен бэкенд: `POST /api/contact-form` (имя + телефон + сообщение).
+> Форма — новый React-компонент `components/forms/contact-form.tsx`.
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Зв'яжіться з нами` |
+| **Title** | `Контакти GoodBrick — Telegram, телефон, адреса виробництва` |
+| **Description** | `Зв'яжіться з GoodBrick: Telegram, телефон, Viber. Замовте безкоштовний зразок або отримайте консультацію. Виробництво в Одесі.` |
+| **Schema** | `ContactPage` + `Organization` |
+| **isIndexable** | true |
+
+---
+
+## Блоки страницы (через CMS админку)
+
+### 1. TextBlock — интро
+
+```
+Ми завжди раді відповісти на питання про продукцію, ціни та доставку.
+Відповідаємо у Telegram протягом години в робочий час.
+```
+
+---
+
+### 2. ContactsBlock — основные контакты
+
+```json
+{
+  "phone": "+380 XX XXX XX XX",
+  "telegram": "https://t.me/goodbrick_ua",
+  "viber": "viber://chat?number=+380XXXXXXXXX",
+  "workingHours": "Пн–Пт: 9:00–18:00, Сб: 10:00–15:00",
+  "address": "Одеса, вул. ...",
+  "mapEmbedUrl": "https://www.google.com/maps/embed?pb=..."
+}
+```
+
+> [!important] Email не показывать — никто не пользуется
+
+---
+
+### 3. Форма обратной связи
+
+**Поля:** только имя + телефон + необязательное сообщение (3 поля максимум)
+
+```
+Ім'я: [________________]
+Телефон: [______________]
+Повідомлення: [________] (необов'язково)
+[Надіслати заявку]
+```
+
+> [!warning] Реализация формы
+> Нужен новый API endpoint `POST /api/contact-form`.
+> Entity `ContactForm`: `Name`, `Phone`, `Message`, `SubmittedAt`.
+> Компонент `ContactForm` — react-hook-form + zod (телефон — обязательный).
+> После отправки: «Дякуємо! Зателефонуємо вам найближчим часом.»
+
+---
+
+### 4. TextBlock — Де нас знайти
+
+```html
+<h2>Де нас знайти</h2>
+<p>Виробництво та офіс: Одеса, вул. ... (по запросу)</p>
+<p>Дилери: <a href="/dealers">Одеса, Хмельницький, Київ</a></p>
+```
+
+---
+
+### 5. TextBlock — Реквізити
+
+```html
+<h2>Реквізити</h2>
+<p>ТОВ «GoodBrick»<br>
+ЄДРПОУ: XXXXXXXX<br>
+Юридична адреса: Одеса, ...</p>
+```
+
+---
+
+## Конверсионные элементы
+
+- [x] Telegram как главный канал — ссылка prominent
+- [x] Телефон кликабельный (`tel:`)
+- [x] Viber как второй мессенджер
+- [x] Форма — минимум полей (имя + телефон)
+- [x] Рабочие часы — убирает тревогу «а вдруг не ответят»
+- [x] CTA «Замовити зразок» → ссылка в шапке (уже есть в SiteHeader)
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Email | Никто не пользуется |
+| Несколько отделов (продажи/тех.поддержка/дилеры) | Пока один контакт для всего |
+| Чат-виджет (Tidio/Crisp) | Добавить позже если нужен |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[07 — Де купити]]
--- a/компании.md
+++ b/компании.md
@@ -0,0 +1,156 @@
+---
+tags:
+  - сайт
+  - страница
+  - о-компании
+  - p0
+url: /about
+approach: CMS-страница
+effort: ~3ч (CMS контент)
+created: 2026-02-17
+---
+
+# 🏭 Про компанію
+
+> [!tip] Роль страницы
+> E-E-A-T — Experience, Expertise, Authoritativeness. Убедить покупателя что GoodBrick — реальная стабильная компания, а не перекупщик. Для покупателя с чеком $10k это критически важно.
+
+> [!warning] Реализация
+> **CMS-страница** — создать через `/admin/pages`. Контент заполнить блоками.
+> Нужны реальные фото производства (загрузить через `/admin/images/upload`, type=Live).
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Про компанію GoodBrick` |
+| **Title** | `Про компанію GoodBrick — Виробник фасадної плитки з 2022 року \| Одеса` |
+| **Description** | `GoodBrick — єдиний в Україні виробник фасадної плитки з мінеральною технологією ручного формування. Власне виробництво в Одесі з 2022 року. М200, F300.` |
+| **Schema** | `AboutPage` + `Organization` |
+| **isIndexable** | true |
+
+---
+
+## Блоки страницы (через CMS админку)
+
+### 1. TextBlock — История и миссия
+
+```html
+<h2>Як все починалось</h2>
+<p>GoodBrick заснований у 2022 році в Одесі. Ми шукали фасадну плитку для власного будинку і не знайшли в Україні нічого, що поєднувало б справжню ручну роботу з сучасними технічними характеристиками.</p>
+<p>Так ми розробили власну технологію на основі мінеральних компонентів та відкрили виробництво. Сьогодні GoodBrick — єдиний в Україні виробник фасадної плитки методом ручного формування з мінеральних компонентів.</p>
+```
+
+---
+
+### 2. ImageBlock — Фото производства
+
+- Загрузить фото производственного цеха через `/admin/images/upload`
+- Alt: «Виробництво фасадної плитки GoodBrick в Одесі»
+- Caption: «Власне виробництво в Одесі»
+
+> [!important] Только реальные фото — никаких стоков
+
+---
+
+### 3. TextBlock — Технология
+
+```html
+<h2>Унікальна технологія</h2>
+<p>Ми використовуємо примусовий змішувач та дерев'яні й металеві матриці для ручного формування кожного виробу. Це дозволяє досягти унікальної текстури поверхні, яку неможливо отримати на конвеєрному виробництві.</p>
+
+<h3>Технічні характеристики</h3>
+<ul>
+  <li><strong>Міцність:</strong> М200 (200 кг/см²) — витримує навантаження</li>
+  <li><strong>Морозостійкість:</strong> F300 (300 циклів заморожування/відтавання)</li>
+  <li><strong>Вологопоглинання:</strong> 3–5% — захищає від руйнування вологою</li>
+  <li><strong>Товщина плитки:</strong> 15–25 мм</li>
+</ul>
+
+<p>М200 означає що матеріал витримує 200 кг на кожен квадратний сантиметр. F300 — 300 повних циклів морозу та відлиги без руйнування. Для порівняння: стандарт для фасадних матеріалів — F50.</p>
+```
+
+---
+
+### 4. ImageBlock — Крупный план текстуры
+
+- Макро-фото плитки (ручная работа, уникальная текстура)
+- Alt: «Ручне формування — унікальна текстура фасадної плитки GoodBrick»
+
+---
+
+### 5. TextBlock — Продукция
+
+```html
+<h2>Що ми виробляємо</h2>
+<ul>
+  <li><strong>Фасадна плитка</strong> (товщина 15–25 мм) — для облицювання фасадів</li>
+  <li><strong>Цегла</strong> — класична укладка, NF, WDF та інші формати</li>
+  <li><strong>Половинка цегли</strong> — здешевлює логістику, не потрібно пиляти</li>
+</ul>
+<p>Формати: NF, WDF, Long 440×50, 500×40 та інші. Кольори: 23 варіанти. Поверхні: Standart, Klasik, Khvylia, Loft, Heritage.</p>
+```
+
+---
+
+### 6. TextBlock — Дилеры и география
+
+```html
+<h2>Де нас знайти</h2>
+<p>Дилери GoodBrick представлені в трьох містах України:</p>
+<ul>
+  <li>Одеса — головний офіс та виробництво</li>
+  <li>Хмельницький — регіональний дилер</li>
+  <li>Київ — регіональний дилер</li>
+</ul>
+<p>Доставляємо продукцію по всій Україні.</p>
+```
+
+---
+
+### 7. CTABlock — Призыв к действию
+
+```json
+{
+  "text": "Переглянути каталог",
+  "url": "/products",
+  "variant": "default"
+}
+```
+
+Плюс второй CTA (можно добавить через TextBlock):
+```html
+<p>Або <a href="https://t.me/goodbrick_ua">напишіть нам у Telegram</a> — замовте безкоштовний зразок.</p>
+```
+
+---
+
+## Конверсионные элементы
+
+- [x] История основания — персональная, не корпоративная
+- [x] «Єдині в Україні» — защищаемое УТП
+- [x] Фото производства — trust-сигнал реальности компании
+- [x] Объяснение М200/F300 простыми словами — убирает барьер понимания
+- [x] CTA в конце страницы
+- [x] Ссылка на Telegram
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Страница команды с фото всех сотрудников | Нет данных, займёт время |
+| Видео-тур производства | Если нет видео — пропустить, добавить позже |
+| Сертификаты ISO / CE | Если нет — не нужно пустого места |
+| Хронология компании | Слишком молодая компания, выглядит скудно |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[02 — Контакты]]
+- [[04 — FAQ]]
--- a/site-v2/04
+++ b/site-v2/04
@@ -0,0 +1,176 @@
+---
+tags:
+  - сайт
+  - страница
+  - faq
+  - p0
+url: /faq
+approach: CMS-страница с FAQBlock
+effort: ~3ч (написать контент)
+created: 2026-02-17
+---
+
+# ❓ FAQ
+
+> [!tip] Роль страницы
+> Два эффекта: (1) конверсия — отвечает на возражения покупателя на этапе исследования; (2) SEO — попадание в Google AI Overviews через Schema.org FAQPage.
+
+> [!warning] Реализация
+> **CMS-страница** — создать через `/admin/pages`.
+> Использовать **FAQBlock** — `FaqAccordion` компонент уже генерирует Schema.org FAQPage автоматически.
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Часті запитання про фасадну плитку GoodBrick` |
+| **Title** | `FAQ — Фасадна плитка та цегла GoodBrick \| Відповіді на питання` |
+| **Description** | `Відповіді на часті запитання: характеристики, ціни, доставка, монтаж, гарантія. М200, F300, ручне формування.` |
+| **Schema** | `FAQPage` (автоматически через `FaqAccordion` с `withSchema={true}`) |
+| **isIndexable** | true |
+
+---
+
+## Блоки страницы
+
+### 1. TextBlock — интро
+
+```html
+<p>Тут зібрані відповіді на найпоширеніші запитання про нашу продукцію, умови замовлення та доставки. Якщо не знайшли відповідь — <a href="https://t.me/goodbrick_ua">напишіть нам у Telegram</a>.</p>
+```
+
+### 2. FAQBlock — основной блок (20+ вопросов)
+
+> [!note] Как добавить в CMS
+> В `FaqItemsEditor` ввести вопросы по одному. Каждый вопрос — отдельный аккордеон.
+> Schema.org FAQPage генерируется автоматически компонентом `FaqAccordion`.
+
+---
+
+## Вопросы по категориям
+
+### Про продукцію
+
+**1. Які характеристики вашої продукції?**
+Наша фасадна плитка та цегла виготовляються за мінеральною технологією ручного формування. Характеристики: міцність М200 (200 кг/см²), морозостійкість F300 (300 циклів), вологопоглинання 3–5%. Це значно перевищує стандартні вимоги для фасадних матеріалів.
+
+**2. Що означає М200 і F300?**
+М200 — марка міцності: матеріал витримує навантаження 200 кг/см². Стандарт для фасадних матеріалів — М75–М100. F300 — морозостійкість: 300 повних циклів заморожування та відтавання без руйнування. Для порівняння, стандарт — F25–F50. Ці показники означають що продукція прослужить десятки років без втрати вигляду.
+
+**3. Яка товщина плитки?**
+Товщина фасадної плитки — 15–25 мм залежно від формату. Це дозволяє надійно кріпити на клей до будь-якого фасаду без додаткового армування.
+
+**4. Які формати та розміри є в наявності?**
+Основні формати: NF, WDF, Long 440×50, 500×40. Також виробляємо цеглу та половинки цегли у стандартних розмірах. Повний перелік — в каталозі.
+
+**5. Що таке «половинка цегли» і навіщо вона?**
+Половинка цегли — це цегла товщиною вдвічі менше стандартної. Вона значно дешевша у доставці (вдвічі менше ваги), а при монтажі не потрібно пиляти цеглу навпіл — що заощаджує час та позбавляє від відходів.
+
+**6. Скільки варіантів кольорів та поверхонь?**
+23 кольори у 5 групах відтінків (темні, білі, сірі, коричневі, бордо) × 5 поверхонь (Standart, Klasik, Khvylia, Loft, Heritage) = 115 базових комбінацій.
+
+**7. Чи підходить продукція для лазневих і вологих приміщень?**
+Так, вологопоглинання 3–5% та морозостійкість F300 дозволяють використовувати продукцію у вологих умовах та зовнішніх фасадах.
+
+---
+
+### Про замовлення та зразки
+
+**8. Як замовити безкоштовний зразок?**
+Напишіть нам у Telegram або зателефонуйте — вкажіть своє місто та які кольори вас цікавлять. Ми відправимо зразки безкоштовно поштою або передамо через дилера у вашому місті.
+
+**9. Яка мінімальна партія для замовлення?**
+Мінімальна партія — {вказати}. Для малих об'єктів (до 20 кв.м.) рекомендуємо звернутися до наших дилерів в Одесі, Хмельницькому або Києві.
+
+**10. Чи можна купити безпосередньо у виробника?**
+Так, ми продаємо безпосередньо. Зв'яжіться через Telegram або телефон для розрахунку вартості під ваш проект.
+
+**11. Як розрахувати кількість матеріалу?**
+Скористайтесь нашим [калькулятором розходу](/calculator) — введіть площу фасаду, оберіть формат, і отримайте розрахунок кількості та орієнтовну вартість. Або напишіть нам — зробимо розрахунок безкоштовно.
+
+**12. Які ціни?**
+Ціни залежать від формату, кількості та умов доставки. Актуальні ціни — в каталозі на сторінці кожного товару. Для великих обсягів — зв'яжіться для обговорення спеціальних умов.
+
+---
+
+### Про доставку
+
+**13. Чи є доставка до Києва, Хмельницького та інших міст?**
+Так, доставляємо по всій Україні. У Києві та Хмельницькому є дилери — можна забрати без очікування доставки. В інші міста — транспортною компанією.
+
+**14. Скільки коштує доставка?**
+Вартість доставки розраховується індивідуально залежно від об'єму та міста. Зв'яжіться з нами для розрахунку.
+
+**15. Як упакована продукція для перевезення?**
+Продукція упаковується на піддони та обмотується плівкою. Ми гарантуємо цілісність при правильному завантаженні/розвантаженні. Напишіть нам — уточнимо умови для вашого замовлення.
+
+---
+
+### Про монтаж
+
+**16. Який клей використовувати для монтажу?**
+Рекомендуємо фасадний клей для важких матеріалів (С2 або С2TE за EN 12004). При товщині плитки 15–25 мм важливо використовувати клей відповідної марки. Конкретні рекомендації залежать від основи — уточніть у нас або у майстра.
+
+**17. Чи потрібна спеціальна підготовка фасаду?**
+Основа повинна бути рівною, чистою та міцною. Для старих поверхонь — рекомендуємо попередньо прогрунтувати. Детальну інструкцію надамо при замовленні.
+
+**18. Яка ширина шва рекомендується?**
+Стандартна ширина шва — 8–12 мм. Ширший шов дає більш «ручний» вигляд, вужчий — більш «індустріальний». Рекомендації залежать від обраного формату та стилю.
+
+**19. Чи можна монтувати плитку самостійно?**
+Так, якщо є досвід укладки керамограніту або клінкеру. Для великих фасадів рекомендуємо звернутись до досвідчених майстрів — це дорогий матеріал і помилки обходяться дорого.
+
+---
+
+### Про гарантію та якість
+
+**20. Яка гарантія на продукцію?**
+Ми гарантуємо відповідність заявленим характеристикам (М200, F300, вологопоглинання). Матеріал розрахований на десятки років служби при правильному монтажі. {Уточнити офіційні гарантійні терміни.}
+
+**21. Чому у вас дорожче ніж в інших?**
+Ми виробляємо преміальну продукцію методом ручного формування — це не конвеєр. М200 та F300 — це не стандарт, а перевищення стандарту. Плитка з нижчими характеристиками коштує менше, але служить менше і виглядає інакше. Порівняйте самі — замовте безкоштовний зразок.
+
+**22. Чи є у вас сертифікати якості?**
+{Вказати якщо є сертифікати — або вилучити це питання}
+
+---
+
+## Конверсионные элементы
+
+- [x] Ответы на ценовые возражения («Чому дорожче?»)
+- [x] Ссылки на калькулятор
+- [x] Ссылка на Telegram в интро и в ответах
+- [x] Объяснение М200/F300 простыми словами
+- [x] FAQPage Schema.org через FaqAccordion (автоматически)
+
+---
+
+## SEO — целевые поисковые запросы
+
+| Вопрос в FAQ | Целевой запрос |
+|---|---|
+| «Що таке М200 і F300» | «морозостійкість фасадної плитки f300» |
+| «Яка мінімальна партія» | «купити фасадну плитку від виробника» |
+| «Чи є доставка до Києва» | «фасадна плитка доставка Київ» |
+| «Який клей для монтажу» | «клей для фасадної плитки» |
+| «Чому у вас дорожче» | «фасадна плитка преміум клас» |
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Видеоответы на вопросы | Нет видео, добавить позже |
+| Фильтрация FAQ по категориям | Клик по аккордеону достаточно |
+| Поиск по FAQ | Избыточно для 20 вопросов |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[03 — О компании]]
+- [[08 — Калькулятор]]
--- a/Блог.md
+++ b/Блог.md
@@ -0,0 +1,181 @@
+---
+tags:
+  - сайт
+  - страница
+  - блог
+  - p1
+url: /blog
+approach: Переиспользовать Pages entity (urlPrefix="blog") + новый листинг
+effort: ~4ч (код) + ~4ч (написать 3 статьи)
+created: 2026-02-17
+---
+
+# 📝 Блог
+
+> [!tip] Роль страницы
+> Топикальная авторитетность + SEO-трафик из информационных запросов. Покупатель с $10k чеком исследует рынок 3–6 месяцев — статьи помогают попасть в шорт-лист на ранних этапах.
+
+> [!warning] Реализация
+> **Быстрый подход:** переиспользовать существующую систему Pages.
+> Статьи создаются через `/admin/pages` с `urlPrefix = "blog"`.
+> Нужна новая страница `app/(site)/blog/page.tsx` — фетчит pages с urlPrefix="blog" и рендерит листинг.
+> Отдельные статьи уже работают через существующий CMS catch-all `/[...slugParts]`.
+
+---
+
+## Мета-данные (листинг /blog)
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Блог GoodBrick — Поради з вибору та монтажу фасадних матеріалів` |
+| **Title** | `Блог GoodBrick — Фасадна плитка, клінкер, монтаж` |
+| **Description** | `Поради від виробника: як обрати фасадну плитку, технічні характеристики, тренди дизайну 2026, поради з монтажу.` |
+| **Schema** | `Blog` + `BreadcrumbList` |
+
+---
+
+## Структура
+
+```
+/blog/                              → листинг статей (новая страница)
+├── /blog/yak-obraty-kolir-fasadu/  → через CMS catch-all (уже работает)
+├── /blog/klinker-vs-keramika/
+├── /blog/pomylky-montazhu/
+├── /blog/morozostiykist-tsehly/
+└── /blog/trendy-fasadiv-2026/
+```
+
+---
+
+## Страница листинга /blog
+
+Новый файл `app/(site)/blog/page.tsx`:
+- SSR fetch: `GET /api/pages?urlPrefix=blog` (существующий API, нужно добавить фильтр)
+- Карточки: H1 + excerpt + дата публикации + кнопка «Читати»
+- Pagination если статей >10
+
+> [!warning] Нужно добавить в API
+> `GET /api/pages` пока не поддерживает фильтр по urlPrefix. Добавить параметр `?urlPrefix=blog` в `PagesController.cs`.
+
+---
+
+## 5 статей для запуска (темы + ключевые слова)
+
+### Статья 1 — Неделя 2, День 7–8 (написать первой)
+
+**Заголовок:** «Як обрати колір фасаду: 7 правил від виробника»
+**URL:** `/blog/yak-obraty-kolir-fasadu`
+**Целевые запросы:** «вибір кольору фасаду», «який колір для фасаду», «колір зовнішнього оздоблення будинку»
+**Длина:** 900–1200 слов
+
+**Структура:**
+1. Вступ — чому колір фасаду важливий (і чому складно обирати по фото)
+2. Правило 1: Враховуйте архітектурний стиль будинку
+3. Правило 2: Дивіться на сусідів та оточення
+4. Правило 3: Враховуйте орієнтацію фасаду (північ/південь)
+5. Правило 4: Тестуйте великими зразками, не маленькими
+6. Правило 5: Темні кольори — для сучасних будинків, світлі — для класики
+7. Правило 6: Текстура важливіша за колір
+8. Правило 7: Замовте зразок перед рішенням
+9. Висновок + **CTA:** «Замовити безкоштовний зразок»
+
+**Schema:** `Article` + `BreadcrumbList`
+
+---
+
+### Статья 2
+
+**Заголовок:** «Клінкер vs мінеральна плитка: що обрати для фасаду»
+**URL:** `/blog/klinker-vs-mineralna-plytka`
+**Целевые запросы:** «клінкерна плитка або мінеральна», «яка плитка краща для фасаду», «порівняння фасадних матеріалів»
+**Длина:** 800–1000 слов
+
+**Структура:**
+1. Що таке клінкер (технологія, переваги, недоліки, ціна)
+2. Що таке мінеральна плитка (технологія GoodBrick, переваги)
+3. Порівняльна таблиця: міцність / морозостійкість / ціна / зовнішній вигляд
+4. Для яких об'єктів що підходить
+5. **CTA:** «Замовити зразок мінеральної плитки»
+
+> [!note] Позиціонування
+> Стаття не повинна «гнобити» клінкер — порівнюємо чесно. Наша перевага: ручне формування + М200/F300 + ціна.
+
+---
+
+### Статья 3
+
+**Заголовок:** «5 помилок при укладанні фасадної плитки — і як їх уникнути»
+**URL:** `/blog/pomylky-montazhu-fasadnoyi-plytky`
+**Целевые запросы:** «монтаж фасадної плитки помилки», «укладання клінкеру поради», «клей для фасадної плитки»
+**Длина:** 800–1000 слов
+
+**Структура:**
+1. Помилка 1: Неправильний клей (C1 замість C2 або C2TE)
+2. Помилка 2: Погана підготовка основи (пил, стара фарба)
+3. Помилка 3: Занадто вузький шов (менше 6 мм) — розтріскується при морозі
+4. Помилка 4: Монтаж при температурі нижче +5°C
+5. Помилка 5: Не залишати температурні шви на великих площах
+6. Висновок + **CTA:** «Є питання? Напишіть нам у Telegram»
+
+---
+
+### Статья 4
+
+**Заголовок:** «Морозостійкість цегли та плитки: що означають цикли F25, F50, F300»
+**URL:** `/blog/morozostiykist-fasadnykh-materialiv`
+**Целевые запросы:** «морозостійкість фасадної плитки», «F300 плитка», «яка морозостійкість потрібна для фасаду»
+**Длина:** 700–900 слов
+
+**Структура:**
+1. Що таке цикл заморожування/відтавання
+2. Які показники F є стандартом і чому F25–F50 — мінімум для вулиці
+3. Чому GoodBrick виробляє F300 (і що це дає)
+4. Як перевірити морозостійкість при покупці (на що звертати увагу)
+5. **CTA:** «Переглянути каталог з F300»
+
+---
+
+### Статья 5 (создать когда будет галерея проектов)
+
+**Заголовок:** «Тренди фасадного дизайну 2026: кольори, матеріали, текстури»
+**URL:** `/blog/trendy-fasadiv-2026`
+**Целевые запросы:** «тренди фасадів 2026», «сучасний фасад будинку 2026», «модний фасад»
+**Длина:** 900–1100 слов
+
+**Структура:**
+1. Тренд 1: Темні відтінки (антрацит, чорний, шоколад)
+2. Тренд 2: Натуральні текстури (ручне формування vs штукатурка)
+3. Тренд 3: Змішування матеріалів (плитка + дерево / плитка + метал)
+4. Тренд 4: Великі формати (Long 440×50, 500×40)
+5. Тренд 5: Органічні кольори (теракот, охра, умбра)
+6. Приклади проектів GoodBrick (посилання на `/projects`)
+7. **CTA:** «Замовити зразки трендових відтінків»
+
+---
+
+## Конверсия в блоге
+
+На каждой статье:
+- **Сайдбар или блок в середине:** «Замовити безкоштовний зразок» → Telegram
+- **В конце каждой статьи:** CTA-блок (уже есть CTABlock в CMS)
+- **Ссылки:** внутренние ссылки на product-страницы и FAQ
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Теги и категории | Добавить когда статей >15 |
+| Автор с фото | Добавить позже (всё равно один автор) |
+| Комментарии | Нет времени, добавить Q2 |
+| Email-подписка «новые статьи» | Email не используется |
+| Поиск по блогу | Избыточно для 5 статей |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[04 — FAQ]]
+- [[06 — Галерея проектов]]
--- a/проектов.md
+++ b/проектов.md
@@ -0,0 +1,155 @@
+---
+tags:
+  - сайт
+  - страница
+  - проекты
+  - p1
+url: /projects
+approach: Кастомная страница + новая сущность Projects в БД
+effort: ~12ч (бэкенд + фронтенд)
+created: 2026-02-17
+---
+
+# 🏗️ Галерея проектів
+
+> [!tip] Роль страницы
+> Самый мощный trust-сигнал для high-ticket покупателя. Человек видит реальный дом с фасадом — сразу понимает масштаб, цвет, текстуру. «Такое же, как у меня».
+
+> [!warning] Реализация
+> **Кастомная страница** — нужны новые сущность `Project` в БД и API-эндпоинты.
+> Фронтенд: masonry grid + lightbox + страница отдельного проекта.
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Проєкти з фасадною плиткою GoodBrick` |
+| **Title** | `Фото проєктів — Фасади з плиткою та цеглою GoodBrick` |
+| **Description** | `Реальні проєкти з фасадною плиткою GoodBrick: котеджі, будинки, комерційні об'єкти. Фото до та після, використані матеріали, місто.` |
+| **Schema** | `CollectionPage` + `ImageObject` per project |
+| **isIndexable** | true |
+
+---
+
+## Бэкенд — новая сущность
+
+### Entity `Project`
+
+```csharp
+// GBSite.Data/Entities/Project.cs
+public class Project {
+    public int Id { get; set; }
+    public string Title { get; set; }        // «Котеджне містечко Одеса»
+    public string Slug { get; set; }          // «kotedzhne-mistechko-odesa»
+    public string Description { get; set; }  // 100–300 слов о проекте
+    public string City { get; set; }          // «Одеса»
+    public string ObjectType { get; set; }    // «Приватний будинок» / «Комерційний об'єкт»
+    public int? AreaSqm { get; set; }         // 850 (кв.м. фасада)
+    public string ImageUrls { get; set; }     // JSON array ["url1", "url2"]
+    public string ProductColorSlugs { get; set; } // JSON array ["shokolad", "okhra"]
+    public bool IsPublished { get; set; }
+    public DateTime CreatedAt { get; set; }
+}
+```
+
+### API эндпоинты
+
+```
+GET /api/projects           → list (только IsPublished=true, desc по дате)
+GET /api/projects/{slug}    → detail (public)
+POST /api/projects          → create (admin)
+PUT /api/projects/{id}      → update (admin)
+DELETE /api/projects/{id}   → delete (admin)
+```
+
+---
+
+## Фронтенд — листинг /projects
+
+### Компонент `ProjectsGallery`
+
+```
+app/(site)/projects/page.tsx
+components/projects/projects-gallery.tsx
+```
+
+**Верстка:**
+- Masonry grid (3 колонки desktop / 2 tablet / 1 mobile)
+- Каждая карточка: главное фото + overlay с «{Місто}, {кв.м.}»
+- При наведении — подпись + кнопка «Детальніше»
+- Lightbox при клике на фото (библиотека `yet-another-react-lightbox`)
+
+**Без фильтров при запуске** — добавить позже когда проектов >10.
+
+---
+
+## Фронтенд — страница проекта /projects/{slug}
+
+```
+app/(site)/projects/[slug]/page.tsx
+```
+
+**Структура страницы:**
+
+1. **Шапка:** H1 (название) + мета (город, тип объекта, площадь, год)
+2. **Галерея:** masonry / slideshow из фото проекта + lightbox
+3. **Описание:** текст о проекте, задачах, решениях
+4. **Использованные материалы:** карточки-ссылки на product-страницы
+   - «Колір Шоколад, поверхня Khvylia» → `/product/shokolad`
+5. **CTA:** «Замовити такі самі матеріали» → Telegram / каталог
+
+**SEO:** динамические metadata + Schema.org `Article` / `ImageObject`
+
+---
+
+## Контент на запуск (3–5 проектов-заготовок)
+
+Заполнить реальными проектами (если есть фото) или создать «демо»-проекты из имеющихся live-фото:
+
+| # | Название | Город | Тип | Площадь | Материал |
+|---|---|---|---|---|---|
+| 1 | {Назва від клієнта} | Одеса | Приватний будинок | {кв.м.} | {колір/поверхня} |
+| 2 | {Назва від клієнта} | Хмельницький | Приватний будинок | {кв.м.} | {колір/поверхня} |
+| 3 | {Назва від клієнта} | Київ | Комерційний об'єкт | {кв.м.} | {колір/поверхня} |
+
+> [!important] Данные для проектов
+> Лучше 3 реальных проекта с реальными фото, чем 10 невнятных. Если нет согласия клиента — «Приватний будинок, Одеса» без имени.
+
+---
+
+## Конверсия
+
+На странице листинга:
+- **Sticky баннер снизу**: «Хочете такий фасад? Замовте безкоштовний зразок»
+
+На странице проекта:
+- **CTA после галереи**: «Замовити матеріали для схожого проекту» → Telegram
+- **Ссылки на продукты** — внутренняя перелинковка на карточки товаров
+
+---
+
+## Зависимости
+
+- Библиотека `yet-another-react-lightbox` — установить через npm
+- Опционально: `react-masonry-css` для masonry grid (или CSS columns)
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Фильтры по городу / типу объекта | Добавить когда проектов >10 |
+| 360° просмотр | Сложно технически, добавить Q2 |
+| «До/После» слайдер | Нет фото «до», добавить с новыми проектами |
+| Карта с пинами проектов | Добавить Q2 |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[01 — Главная]]
+- [[05 — Блог]]
--- a/купити.md
+++ b/купити.md
@@ -0,0 +1,135 @@
+---
+tags:
+  - сайт
+  - страница
+  - дилеры
+  - p1
+url: /dealers
+approach: CMS-страница
+effort: ~2ч
+created: 2026-02-17
+---
+
+# 📍 Де купити
+
+> [!tip] Роль страницы
+> Trust-сигнал + SEO по гео-запросам «фасадна плитка {місто}». Покупатель хочет видеть что компания реальная и присутствует в его регионе.
+
+> [!warning] Реализация
+> **CMS-страница** — создать через `/admin/pages`. Карта — Google Maps embed в ContactsBlock или iframe в TextBlock.
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Де купити продукцію GoodBrick` |
+| **Title** | `Де купити фасадну плитку GoodBrick — Одеса, Хмельницький, Київ` |
+| **Description** | `Дилери GoodBrick в Одесі, Хмельницькому та Києві. Адреси, телефони, час роботи. Пряме замовлення від виробника.` |
+| **Schema** | `LocalBusiness` × 3 (JSON-LD в полях страницы) |
+| **isIndexable** | true |
+
+---
+
+## Блоки страницы
+
+### 1. TextBlock — интро
+
+```html
+<p>Продукцію GoodBrick можна придбати через дилерів у трьох містах або замовити безпосередньо у виробника з доставкою по всій Україні.</p>
+```
+
+---
+
+### 2. TextBlock — Карта + список дилеров
+
+```html
+<h2>Наші представництва</h2>
+
+<!-- Карта (Google Maps embed с тремя пинами) -->
+<iframe
+  src="https://www.google.com/maps/embed?pb=..."
+  width="100%" height="400"
+  style="border:0" allowfullscreen loading="lazy">
+</iframe>
+
+<h3>Одеса</h3>
+<p>
+  <strong>GoodBrick — Головний офіс та виробництво</strong><br>
+  вул. {адреса}, Одеса<br>
+  📞 <a href="tel:+380XXXXXXXXX">+380 XX XXX XX XX</a><br>
+  💬 <a href="https://t.me/goodbrick_ua">Telegram</a><br>
+  Пн–Пт: 9:00–18:00, Сб: 10:00–15:00
+</p>
+
+<h3>Хмельницький</h3>
+<p>
+  <strong>{Назва дилера}</strong><br>
+  вул. {адреса}, Хмельницький<br>
+  📞 <a href="tel:+380XXXXXXXXX">+380 XX XXX XX XX</a><br>
+  Пн–Сб: {час роботи}
+</p>
+
+<h3>Київ</h3>
+<p>
+  <strong>{Назва дилера}</strong><br>
+  вул. {адреса}, Київ<br>
+  📞 <a href="tel:+380XXXXXXXXX">+380 XX XXX XX XX</a><br>
+  Пн–Сб: {час роботи}
+</p>
+```
+
+---
+
+### 3. TextBlock — Прямое замовлення
+
+```html
+<h2>Замовлення від виробника</h2>
+<p>Замовте продукцію напряму у GoodBrick з доставкою в будь-яке місто України. Мінімальна партія — {вказати}. Для розрахунку вартості та строків — напишіть нам:</p>
+<p>
+  <a href="https://t.me/goodbrick_ua">💬 Написати в Telegram</a> &nbsp; | &nbsp;
+  <a href="tel:+380XXXXXXXXX">📞 Зателефонувати</a>
+</p>
+```
+
+---
+
+### 4. CTABlock
+
+```json
+{
+  "text": "Переглянути каталог",
+  "url": "/products",
+  "variant": "outline"
+}
+```
+
+---
+
+## SEO — гео-таргетинг
+
+Страница SEO-ориентирована на:
+- «фасадна плитка Одеса» → главный офис + «виробництво в Одесі» по всему сайту
+- «фасадна плитка Хмельницький» → дилер
+- «фасадна плитка Київ» → дилер
+- «фасадна плитка купити Україна» → общий запрос
+
+Каждый дилер — отдельный `LocalBusiness` в JSON-LD (добавить в FaqJson поля страницы или в SchemaJson).
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Интерактивный поиск дилера по городу | Нужен отдельный компонент, добавить Q2 |
+| Отдельные страницы для каждого города | Добавить позже как SEO-страницы «/dealers/odesa» |
+| Форма «Стать дилером» | Добавить Q2 |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[02 — Контакты]]
--- a/Калькулятор.md
+++ b/Калькулятор.md
@@ -0,0 +1,168 @@
+---
+tags:
+  - сайт
+  - страница
+  - калькулятор
+  - p1
+url: /calculator
+approach: Кастомная client-side страница
+effort: ~6ч
+created: 2026-02-17
+---
+
+# 🧮 Калькулятор розходу
+
+> [!tip] Роль страницы
+> Инструмент лид-генерации: покупатель сам считает — и уже вложил время. После расчёта — CTA «отримати точний розрахунок у Telegram». Конверсия инструментов в среднем в 3-4x выше чем страниц с текстом.
+
+> [!warning] Реализация
+> **Кастомная client-side страница** — никакого бэкенда не нужно.
+> Вся логика расчёта в браузере. Файл: `app/(site)/calculator/page.tsx`
+> Данные о товарах: подтягиваются из `/api/products` или захардкожены для скорости.
+
+---
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **H1** | `Калькулятор розходу фасадної плитки та цегли` |
+| **Title** | `Калькулятор фасадної плитки — Розрахунок кількості та вартості \| GoodBrick` |
+| **Description** | `Розрахуйте кількість фасадної плитки або цегли для вашого проекту. Введіть площу — отримайте кількість штук та орієнтовну вартість. Безкоштовно.` |
+| **Schema** | `WebApplication` |
+| **isIndexable** | true |
+
+---
+
+## UX / Структура калькулятора
+
+### Шаг 1: Выбор продукта
+
+```
+Тип продукту:
+( ) Фасадна плитка
+( ) Половинка цегли
+( ) Цегла
+
+Формат:
+[ Dropdown: NF / WDF / Long 440×50 / 500×40 / ... ]
+```
+
+При выборе типа + формата → показывать:
+- Размеры (из данных продукта)
+- Штук на кв.м.
+- Ориентировочная цена за кв.м.
+
+---
+
+### Шаг 2: Площадь
+
+```
+Площа фасаду:
+
+Спосіб 1: Загальна площа
+[ _______ ] кв.м.
+
+Спосіб 2: Розміри стіни
+Ширина [ ___ ] м × Висота [ ___ ] м = {auto} кв.м.
+
+Врахувати запас:  [+10%] [+15%] [+0%]
+(рекомендуємо +10% для прямих поверхонь, +15% для кутових)
+```
+
+---
+
+### Шаг 3: Результат (мгновенно, без клика)
+
+```
+╔══════════════════════════════════╗
+║  Результат розрахунку            ║
+║                                  ║
+║  Площа: 120 кв.м. (+10%)        ║
+║  Кількість: 1 450 штук           ║
+║  Орієнтовна вартість: від 28 500 грн ║
+╚══════════════════════════════════╝
+
+[ Замовити зразок у Telegram ]
+[ Зателефонувати для уточнення ]
+```
+
+> [!important] Показывать результат сразу — не гейтить за контакты
+> Пользователь должен видеть результат без регистрации. Это доверие. CTA — после.
+
+---
+
+### Блок после результата
+
+```
+Потрібний точний кошторис?
+Напишіть нам у Telegram — розрахуємо з урахуванням:
+• Вартості доставки до вашого міста
+• Можливих знижок при великому замовленні
+• Кутових елементів
+
+[ Написати в Telegram ]
+```
+
+---
+
+## Формула расчёта
+
+```javascript
+const piecesPerSqm = {
+  // Захардкодить из данных БД
+  'NF': 50,        // штук на кв.м. (примерно)
+  'WDF': 60,
+  'Long 440x50': 45,
+  '500x40': 50,
+}
+
+const wasteMultiplier = { 0: 1.0, 10: 1.1, 15: 1.15 }
+
+const area = width * height || inputArea
+const areaWithWaste = area * wasteMultiplier[selectedWaste]
+const piecesNeeded = Math.ceil(areaWithWaste * piecesPerSqm[selectedFormat])
+const estimatedCost = piecesNeeded * pricePerPiece
+```
+
+> [!warning] Цены
+> Цены в калькуляторе — ориентировочные. Брать из API или захардкодить базовую цену.
+> Формулировка: «орієнтовна вартість від {min} грн» — не точная цена.
+
+---
+
+## Конверсия
+
+- [x] Результат показывается мгновенно — пользователь вовлечён
+- [x] CTA после результата: Telegram + телефон (не форма)
+- [x] Объяснение почему +10%/+15% — обучает, строит доверие
+- [x] «Орієнтовна» цена — не отпугивает, не обязывает
+
+---
+
+## Дополнительные фичи (добавить позже)
+
+- Несколько стен за один расчёт (вычесть окна/двери)
+- PDF-выгрузка сметы (с контактами GoodBrick)
+- Сохранить расчёт (localStorage)
+- Виджет калькулятора на главной странице (мини-версия)
+
+---
+
+## Scope cuts
+
+| Убрано | Причина |
+|---|---|
+| Многошаговый визард | Один экран удобнее для мобиле |
+| Учёт окон и дверей | Добавить в Q2 |
+| PDF-выгрузка | Добавить в Q2 |
+| Интеграция с API товаров реального времени | Захардкодить форматы и цены для скорости |
+| Email результатов | Email не используется |
+
+---
+
+## Связанные страницы
+
+- [[00 — Обзор и приоритеты]]
+- [[04 — FAQ]]
+- [[01 — Главная]]