Add new funnel documents for sales processes, objections, and sample order landing page

funnels/00 — Обзор воронок.md

@@ -0,0 +1,90 @@
+---
+tags:
+  - воронки
+  - маркетинг
+  - продажи
+  - посадочные
+created: 2026-02-18
+---
+
+# Воронки продаж і посадочні сторінки
+
+## Що готово
+
+- ✅ Каталог `/products` — 2 415 товарів, фільтри по відтінках, SSR
+- ✅ Картка товару `/product/{colorSlug}` — карусель, перемикач розмір/поверхня, ціна, спеки, FAQ, Schema.org
+- ✅ Адмінка — товари, зображення, CMS-сторінки (10 типів блоків)
+- ✅ CDN-пайплайн — завантаження → 5 WebP-варіантів → Cloudflare R2
+- ✅ SEO-база — sitemaps, breadcrumbs, robots.txt, JSON-LD
+
+## Що потрібно створити
+
+| Сторінка | URL | Статус | Пріоритет |
+|---|---|---|---|
+| Homepage | `/` | Заглушка → переробити | P0 |
+| **Замовити зразок** | `/samples` | **НОВА** | **P0** |
+| Калькулятор | `/calculator` | Створити | P0 |
+| Контакти | `/contacts` | Створити | P0 |
+| FAQ | `/faq` | Створити | P0 |
+| Про компанію | `/about` | Створити | P0 |
+| Де купити | `/dealers` | Створити | P1 |
+| **Для архітекторів** | `/architects` | **НОВА** | **P1** |
+| Галерея проектів | `/projects` | Створити | P1 |
+| Блог | `/blog` | Створити | P2 |
+
+## 4 аудиторії
+
+1. **Архітектор** (пріоритет №1) — впливає на рішення домовласника, мультиплікатор (1 архітектор = 3-5 проектів/рік)
+2. **Домовласник** (пріоритет №2) — платить гроші, шукає в Google/Instagram
+3. **Дилер** (пріоритет №3) — точка продажу, вітрина бренду в регіоні
+4. **Будівельник** (пріоритет №4) — виконавець, рідко ініціює вибір
+
+## Рекламні канали
+
+### Google Ads — запуск до березня (основний)
+
+| Кампанія | Ключові | Посадочна |
+|---|---|---|
+| Основна | фасадна плитка купити, під цеглу, для дому | `/` Homepage |
+| Каталог | фасадна плитка каталог, кольори, текстури | `/products` |
+| Ціна | фасадна плитка ціна, скільки коштує | `/calculator` |
+| Конверсія | замовити зразки, безкоштовний зразок | `/samples` |
+| Гео | фасадна плитка Київ / Одеса / Хмельницький | `/dealers` |
+| B2B | виробник фасадної плитки, ручна формовка | `/architects` |
+| Бренд | GoodBrick, goodbrick плитка | `/` Homepage |
+
+### Instagram Ads — запуск після збору фото (травень+)
+
+| Формат | Посадочна | Навіщо |
+|---|---|---|
+| Фото/карусель фасаду | `/projects/{slug}` або `/` | Надихнути |
+| Reels процес формовки | `/about` | Автентичність |
+| Карусель текстур | `/products` | Різноманітність |
+| Stories «Зразок безкоштовно» | `/samples` | Пряма конверсія |
+
+**Чому не одразу Instagram:** є лише 1-2 об'єкта з фото. Без сильного візуалу реклама в Instagram — порожня витрата. Спочатку зібрати фотозйомку 3-5 об'єктів.
+
+## Порядок запуску
+
+**Тиждень 1 (P0 — без цього реклама не працює):**
+1. Homepage — повна переробка
+2. `/samples` — нова сторінка + бекенд форми
+3. `/contacts` — CMS + форма
+4. `/calculator` — клієнтський розрахунок
+5. `/faq` — CMS з FaqBlock
+6. `/about` — CMS-сторінка
+7. Навігація — оновити реальними посиланнями
+
+**Тиждень 2 (P1 — підсилює конверсію):**
+8. `/dealers` — CMS + LocalBusiness Schema
+9. `/architects` — B2B посадочна
+10. `/projects` — галерея (1-2 кейси)
+
+**Після запуску (P2 — SEO та Instagram):**
+11. `/blog` — 3-5 статей
+12. Фотозйомка об'єктів → наповнення `/projects`
+13. Запуск Instagram Ads
+
+---
+
+Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[02 — Таблиця заперечень]], [[04 — Посадочна samples]]

funnels/01 — Шляхи клієнтів і воронки.md

@@ -0,0 +1,160 @@
+---
+tags:
+  - воронки
+  - шляхи-клієнтів
+  - конверсія
+created: 2026-02-18
+---
+
+# Шляхи клієнтів і воронки продаж
+
+## Воронка 1: «Зразок → Продаж» (основна, 80% конверсій)
+
+### Шлях домовласника через Google
+
+```
+Google: "фасадна плитка купити / під цеглу / для дому"
+  → Homepage /
+    → Каталог /products
+      → Картка /product/{color}
+        → Калькулятор /calculator (порахував витрату)
+          → CTA: «Замовити безкоштовний зразок»
+            → /samples (форма: ім'я + телефон + місто)
+              → Лід в KeyCRM → менеджер дзвонить за 24г
+                → Відправка зразків → Follow-up через 5-7 днів → Продаж
+```
+
+### Етапи
+
+| Етап | Де | Що відбувається | Метрика |
+|---|---|---|---|
+| **Привлечення** | Google Ads → Homepage / Каталог | Клікнув на оголошення | CTR 3-5% |
+| **Залучення** | Каталог → Картка → Калькулятор → FAQ | Обрав колір, порахував ціну, зняв заперечення | Час на сайті > 2 хв |
+| **Конверсія** | `/samples` | Залишив ім'я + телефон | CR 4-8% |
+| **Nurturing** | Офлайн | Зразки → дзвінок через 5-7 днів → повторний через 2 тижні | 30-50% відповідь |
+| **Продаж** | Телефон / Telegram | Замовлення через менеджера | 20-30% від зразків |
+
+### Чому працює
+
+Домовласник шукає в Google з конкретним наміром. Даємо візуальний каталог → ціну через калькулятор → низькобар'єрну дію (зразок безкоштовно). Зразок — точка неповернення: хто потримав — конвертується в 3-5 разів краще.
+
+---
+
+## Воронка 2: «Калькулятор → Зразок → Продаж» (цінові запити)
+
+```
+Google: "фасадна плитка ціна за м2 / скільки коштує"
+  → Калькулятор /calculator
+    → Ввів площу → побачив суму (1200-1800 ₴/м²)
+      → CTA під результатом: «Замовити зразок для точного розрахунку»
+        → /samples → Лід → Зразки → Продаж
+```
+
+### Чому працює
+
+«Ціна» — один із топ-запитів. Калькулятор дає ціну без гейтингу, створює довіру. CTA після результату, коли клієнт уже думає «ну ок, адекватна ціна».
+
+**Критично:** калькулятор НЕ ховає ціну за формою. Показуємо суму одразу — це будує довіру.
+
+---
+
+## Воронка 3: «Архітектор → Специфікація → Будівельник замовляє» (B2B)
+
+```
+Google Ads B2B / Instagram профільний
+  → /architects
+    → Тех.дані + протокол + формати + фото проектів
+      → /samples (позначка "архітектор" — безкоштовно)
+        → Зразки → Архітектор показує замовнику
+          → Замовник схвалює → В специфікацію
+            → Будівельник замовляє через /contacts або телефон
+```
+
+### Таймлайн архітекторської воронки
+
+```
+Виявлення          Вивчення             Перевірка            Рішення
+(Instagram/        (Сайт, каталог,      (Зразки,             (Специфікація
+портфоліо колеги)  тех. дані)           протокол)            → будівельник)
+     │                    │                   │                     │
+   2–7 днів           1–3 дні            1–2 тижні          Схвалення замовника
+```
+
+**Цикл:** 2-6 тижнів. Архітектор — мультиплікатор: один архітектор = 3-5 проектів на рік.
+
+### Що потрібно на кожному етапі
+
+- **Виявлення:** активний Instagram, портфоліо проектів
+- **Вивчення:** `/architects` — тех. дані, PDF протоколу, каталог форматів
+- **Перевірка:** зразки за 24-48 годин, відповіді на тех. питання
+- **Рішення:** допомога з параметрами для специфікації (формати, характеристики)
+
+---
+
+## Воронка 4: «Дилер → Шоурум → Продаж» (локальна)
+
+```
+Google: "фасадна плитка {місто}"
+  → /dealers
+    → Контакт дилера → Візит у шоурум → Потримав зразок → Замовлення
+  АБО
+    → «Купити напряму» → Homepage → Каталог → /samples
+```
+
+### Чому працює
+
+Гео-запити дешеві в Google Ads, а дилерська сторінка ловить готовий попит у конкретному місті.
+
+---
+
+## Воронка 5: Instagram → Натхнення → Зразок (фаза 2)
+
+```
+Instagram: красиве фото фасаду / відео формовки
+  → Link → Homepage або /projects/{slug}
+    → Натхнення → Каталог → Картка
+      → CTA: «Замовити зразок» → /samples
+        → Лід → Продаж
+```
+
+### Специфіка
+
+Людина НЕ шукає плитку, її потрібно _надихнути_. Тому посадочна — проект або головна з hero-фото, а не каталог.
+
+**Запуск:** після збору фотозйомки 3-5 об'єктів (орієнтовно травень 2026).
+
+---
+
+## Воронка 6: SEO / Блог (довгостроково)
+
+```
+Google: "клінкер чи бетон що обрати / морозостійкість F300"
+  → Стаття в блозі /blog/{slug}
+    → Internal links → Каталог → Картка
+      → /samples або Telegram → Лід → Продаж
+```
+
+### SEO-кластери (з контент-стратегії)
+
+1. **Фасадна плитка** — пілонна стаття + сателіти (формати, кольори, монтаж)
+2. **Облицювальний кирпич** — пілонна + сателіти (ручна vs промислова)
+3. **Дизайн фасаду** — тренди, поєднання кольорів
+4. **Порівняння матеріалів** — клінкер vs бетон vs мінеральна
+
+---
+
+## Єдина конверсійна точка: `/samples`
+
+Всі воронки зводяться до одної цільової дії — **замовити зразок**. Це єдиний конвертер, що працює в 3-5 разів краще за звичайні форми.
+
+CTA «Замовити зразок» повинно бути:
+- У Hero-секції головної
+- На кожній картці товару
+- Після результату калькулятора
+- На сторінці для архітекторів
+- У футері сайту
+- В Instagram Stories
+
+---
+
+Пов'язані документи: [[00 — Обзор воронок]], [[04 — Посадочна samples]], [[../site-v2/01 — Главная]], [[../brand/10 — Продажи и аргументация]]

funnels/02 — Таблиця заперечень.md

@@ -0,0 +1,90 @@
+---
+tags:
+  - воронки
+  - заперечення
+  - контент
+  - FAQ
+created: 2026-02-18
+---
+
+# Таблиця заперечень і де їх знімаємо
+
+Кожне заперечення повинно бути «закрито» на конкретній сторінці сайту. Якщо клієнт сумнівається — він знайде відповідь, не покинувши сайт.
+
+## Заперечення домовласника
+
+| Заперечення | Відповідь | Де знімаємо на сайті |
+|---|---|---|
+| «Дорого / чому дорожче за бетон?» | +15% за ручну формовку, F300 (в 3 рази вище норми), натуральні мінерали. За 30 років дешевше бетону, який треба оновлювати | `/faq`, `/calculator` (показує адекватну ціну), картка товару |
+| «Ніколи не чув про GoodBrick» | Молодий бренд з 2022, але протокол F300, реальні об'єкти, зразки можна потримати | `/about`, `/projects`, `/samples` |
+| «Feldhaus / імпорт надійніший» | Ціна в 2-3 рази вища, очікування 4-8 тижнів, промислове виробництво (не ручне). Різні продукти для різних задач | `/faq`, `/about` |
+| «Ручна формовка = нестабільні розміри» | Контрольована варіативність ±1-2 мм, норма для hand-made. Фото кладки доводять | `/faq`, `/projects`, картка товару |
+| «Довго чекати» | 3-7 днів по Україні з Одеси. Імпорт — 4-8 тижнів | `/faq`, `/contacts` |
+| «Нема прикладів/відгуків» | Фото реалізованих проектів + зразки безкоштовно | `/projects`, `/samples` |
+| «Не розумію чим мінеральна плитка відрізняється» | Каолінова глина + натуральні мінерали vs бетонна штамповка. Потримайте обидва — різниця очевидна | `/faq`, `/blog` (стаття «клінкер vs бетон vs мінеральна»), `/about` |
+
+## Заперечення архітектора
+
+| Заперечення | Відповідь | Де знімаємо |
+|---|---|---|
+| «Невідомий бренд — ризиковано специфікувати» | Протокол №24Б-101401, F300, 22,8 МПа. Відправимо зразки + протокол PDF | `/architects`, `/samples` |
+| «Де тех. дані для специфікації?» | Формати, характеристики, допуски — всі на сайті | `/architects`, картка товару (спеки), `/faq` |
+| «Нема завершених об'єктів» | Є реалізовані проекти, готові до фотозйомки вашого проекту для портфоліо | `/projects`, `/architects` |
+
+## Заперечення будівельника
+
+| Заперечення | Відповідь | Де знімаємо |
+|---|---|---|
+| «Чим клеїти?» | C2/C2TE клей, шов 10-12 мм, підготовка поверхні — інструкція є | `/faq`, картка товару |
+| «Ручна формовка — складно класти» | Такі ж допуски як бельгійський hand-made brick. Ширший шов = простіше | `/faq` |
+
+## Заперечення дилера
+
+| Заперечення | Відповідь | Де знімаємо |
+|---|---|---|
+| «Невідомий бренд — чи буде попит?» | Попит створюється через Instagram + Google Ads + сарафан. Дилер — точка контакту | `/dealers`, презентація для дилерів |
+| «Яка маржа?» | Вище ніж на типовому бетоні — преміальний продукт за доступну ціну | Прямий контакт, прайс-лист |
+
+## Де яке заперечення знімається
+
+```
+Homepage        → «Єдині в Україні», F300, «+15% до бетону» (перше враження)
+Каталог         → Візуальний вибір (знімає параліч вибору)
+Картка товару   → Ціна, спеки, FAQ конкретного товару
+Калькулятор     → «Скільки це коштуватиме мені?» (знімає страх ціни)
+FAQ             → Всі заперечення структуровано
+About           → «Хто вони?» (знімає недовіру до бренду)
+Projects        → «Чи працює це?» (соціальне доказательство)
+Architects      → «Чи можу специфікувати?» (протокол + тех.дані)
+Samples         → «Потримай — і відчуєш різницю» (фінальне переконання)
+```
+
+## Скрипти відповідей
+
+### «Дорого / чому дорожче бетону?»
+
+> «Дорожче на ~15% — це не "дорого", це різниця між штамповкою і ручною роботою. За ці 15% ви отримуєте: кожну плитку унікальною, F300 морозостійкість (бетон F50–100), і натуральний мінеральний склад без синтетики. За 30 років володіння GoodBrick дешевше, ніж бетон, який потрібно оновлювати.»
+
+### «Ніколи про вас не чув»
+
+> «Ми молодий бренд — з 2022. Але в нас є офіційний протокол випробувань F300, реальні завершені проекти, і ви можете потримати матеріал самі — відправимо зразки. Маленький бренд ≠ поганий продукт. Petersen Tegl теж колись був нікому невідомим.»
+
+### «Feldhaus / імпортний клінкер надійніший»
+
+> «Feldhaus — відмінний продукт. Три різниці: ціна в 2-3 рази вища, очікування 4-8 тижнів з Німеччини, і промислове виробництво (не ручна формовка). Якщо вам потрібен ручний характер кожної плитки і місцева логістика — GoodBrick. Якщо потрібен саме німецький бренд-нейм — це інший вибір, і ми це розуміємо.»
+
+### «Ручна формовка — нестабільні розміри, важко класти»
+
+> «Контрольована варіативність ±1-2 мм — це норма для ручної формовки, так само як у бельгійського hand-made brick. Професійний муляр працює з цим без проблем — потрібен трохи більший шов (10-12 мм замість 8). Можу показати фото укладеного фасаду — побачите, що виглядає саме як задумано.»
+
+### «Довго чекати, потрібно терміново»
+
+> «Відвантажуємо з Одеси — по Україні 3-7 днів. Це наша ключова перевага перед імпортом: вам не треба чекати місяць. Якщо терміново — уточнимо наявність на складі прямо зараз.»
+
+### «Нема проектів-референсів»
+
+> «Є реалізовані проекти — покажемо фото. Також відправимо зразки, щоб ви оцінили якість наживо. Якщо потрібна зустріч — можемо організувати. І так, ми зацікавлені у фотозйомці вашого проекту — зробимо хороші кадри для вашого портфоліо.»
+
+---
+
+Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[../site-v2/04 — FAQ]], [[../brand/10 — Продажи и аргументация]]

funnels/04 — Посадочна samples.md

@@ -0,0 +1,146 @@
+---
+tags:
+  - воронки
+  - посадочна
+  - конверсія
+  - samples
+  - зразки
+created: 2026-02-18
+---
+
+# Посадочна «Замовити зразок» — `/samples`
+
+## Чому це критично
+
+Кожна CTA на сайті веде до «Замовити зразок», але зараз немає цільової сторінки. Зразок — головний конвертер: клієнт, що потримав матеріал, конвертується **в 3-5 разів краще** за клієнта, що лише подивився на сайті.
+
+Ця сторінка — **єдина конверсійна точка всіх воронок**.
+
+## Структура сторінки
+
+### 1. Hero-блок
+
+**Заголовок:** «Замовте безкоштовний зразок — потрогайте різницю»
+**Підзаголовок:** «Отримайте 4-6 зразків різних текстур і кольорів. Доставка 3-7 днів по Україні.»
+
+### 2. Що отримаєте (3 картки)
+
+- **4-6 зразків** різних текстур, формат NF
+- **Картка характеристик** — назва, F300, склад
+- **Інформація про бренд** — історія + відмінності + прайс + контакти
+
+### 3. Форма заявки
+
+| Поле | Тип | Обов'язкове |
+|---|---|---|
+| Ім'я | text | Так |
+| Телефон | tel | Так |
+| Місто | text | Так |
+| Які кольори цікавлять? | multiselect (з каталогу) | Ні |
+| Хто ви? | select: Домовласник / Архітектор / Будівельник / Дилер | Ні |
+| Коментар | textarea | Ні |
+
+**Обов'язкові лише 3 поля. Без email.** Мінімум тертя.
+
+### 4. Trust-signals (під формою)
+
+- Фото зразків в упаковці
+- «F300 — 300 циклів заморозки»
+- «Виробництво в Одесі»
+- «Доставка 3-7 днів»
+- «Зразки безкоштовно для архітекторів»
+
+### 5. Після надсилання
+
+- Текст: «Дякуємо! Ми зателефонуємо протягом 24 годин»
+- Посилання на Telegram для швидких питань
+- Конверсійна подія: `PostHog.capture('sample_requested')` + `gtag('event', 'generate_lead')`
+
+## Бекенд
+
+Використовувати ту саму сутність `ContactForm`, що і для `/contacts`:
+
+```
+POST /api/contact-form
+{
+  name: string (required)
+  phone: string (required)
+  city: string
+  message: string
+  type: "Sample" | "Contact" | "Callback"
+  colors: string[] (optional — slugs із каталогу)
+  role: string (optional)
+}
+```
+
+Сутність `ContactForm` в БД:
+
+```
+Id              int (PK, auto)
+Name            string (required)
+Phone           string (required)
+City            string (nullable)
+Message         string (nullable)
+Type            enum (Sample, Contact, Callback)
+Colors          string (nullable, JSON array)
+Role            string (nullable)
+SubmittedAt     DateTime (UTC)
+IsProcessed     bool (default false)
+```
+
+Пізніше — інтеграція з KeyCRM через webhook або API.
+
+## Куди вести CTA з інших сторінок
+
+| Сторінка | CTA-текст | Link |
+|---|---|---|
+| Homepage Hero | «Замовити безкоштовний зразок» | `/samples` |
+| Картка товару | «Замовити зразок цього кольору» | `/samples?color={slug}` |
+| Калькулятор (після результату) | «Замовити зразок для точного розрахунку» | `/samples` |
+| `/architects` | «Замовити зразки для проєкту» | `/samples?role=architect` |
+| FAQ (кілька місць) | «Замовте зразок — потрогайте різницю» | `/samples` |
+| Footer (весь сайт) | «Безкоштовний зразок» | `/samples` |
+
+## SEO
+
+- **Title:** «Замовити безкоштовний зразок фасадної плитки — GoodBrick»
+- **Description:** «Отримайте 4-6 зразків фасадної плитки ручної формовки. Доставка 3-7 днів по Україні. Безкоштовно для архітекторів.»
+- **Schema:** LeadAction або ContactAction
+
+## Google Ads
+
+Окрема кампанія з ключами:
+- замовити зразки фасадної плитки
+- безкоштовний зразок плитки
+- зразки облицювального кирпича
+
+Очікуваний CR: **8-15%** (клієнт вже вирішив замовити — він шукає саме зразок).
+
+## Фронтенд — файли для створення
+
+```
+frontend/src/
+  app/(site)/samples/
+    page.tsx              — серверний компонент, metadata
+  components/
+    forms/
+      sample-form.tsx     — react-hook-form + zod, multiselect кольорів
+    samples/
+      sample-hero.tsx     — hero-блок
+      sample-benefits.tsx — 3 картки «що отримаєте»
+      sample-trust.tsx    — trust-signals
+      sample-success.tsx  — стан після відправки
+```
+
+## Query-параметри
+
+Форма підтримує prefill через URL:
+- `?color=sahara` — попередньо обрано колір Sahara
+- `?role=architect` — попередньо обрано «Архітектор»
+- `?colors=sahara,ivory,graphite` — кілька кольорів
+
+Це дозволяє кожній CTA передавати контекст у форму.
+
+---
+
+Пов'язані документи: [[01 — Шляхи клієнтів і воронки]], [[00 — Обзор воронок]], [[../site-v2/02 — Контакти]]