gb-investigation/site-v2/02 — Контакты.md

tags, url, approach, effort, created

tags	url	approach	effort	created
сайт страница контакты p0	/contacts	CMS-страница + новый API endpoint для формы	~3ч (CMS) + ~4ч (форма с backend)	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

---

Макет сторінки (wireframe)

┌──────────────────────────────────────────────────────────────────┐
│ GoodBrick        Каталог  Про нас  Ціни  Ще          КОНТАКТИ  │
├──────────────────────────────────────────────────────────────────┤
│                                                                  │
│  Зв'яжіться з нами                                              │
│  Ми завжди раді відповісти на питання про продукцію та ціни…    │
│                                                                  │
│  ┌────────────────────────────┐  ┌──────────────────────────┐   │
│  │ 📱 КОНТАКТИ                │  │       [Google Maps]       │   │
│  │                            │  │                           │   │
│  │ 💬 Telegram → t.me/…      │  │  ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~   │   │
│  │ 📞 Телефон  → +380 …      │  │  ~     📍 Одеса  ~ ~ ~   │   │
│  │ 📲 Viber    → +380 …      │  │  ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~   │   │
│  │                            │  │                           │   │
│  │ Пн–Пт: 9:00–18:00         │  └──────────────────────────┘   │
│  │ Сб:     10:00–15:00        │                                  │
│  │                            │                                  │
│  │ Одеса, вул. …              │                                  │
│  └────────────────────────────┘                                  │
│                                                                  │
│  ── ФОРМА ──────────────────────────────────────────────────── │
│                                                                  │
│  Ім'я:           [______________________________________]        │
│  Телефон:        [______________________________________]        │
│  Повідомлення:   [______________________________________]        │
│                  [______________________________________]        │
│                                      [Надіслати заявку]         │
│                                                                  │
│  ── ДЕ НАС ЗНАЙТИ ─────────────────────────────────────────── │
│  Виробництво: Одеса, вул. …                                     │
│  Дилери: Одеса · Хмельницький · Київ → /dealers                │
│                                                                  │
│  ── РЕКВІЗИТИ ──────────────────────────────────────────────── │
│  ФОП Карпенко Нікіта Сергійович  ·  ЄДРПОУ: …                 │
│  Юридична адреса: Одеса, …                                      │
│                                                                  │
│ ── FOOTER ──────────────────────────────────────────────────── │
│  GoodBrick  │  Каталог  │  Інфо  │  Контакти  │  Соцмережі    │
└──────────────────────────────────────────────────────────────────┘

---

Блоки страницы (через CMS админку)

1. TextBlock — интро

Ми завжди раді відповісти на питання про продукцію, ціни та доставку.
Відповідаємо у Telegram протягом години в робочий час.

---

2. ContactsBlock — основные контакты

{
  "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 — Де нас знайти

<h2>Де нас знайти</h2>
<p>Виробництво та офіс: Одеса, вул. ... (по запросу)</p>
<p>Дилери: <a href="/dealers">Одеса, Хмельницький, Київ</a></p>

---

5. TextBlock — Реквізити

<h2>Реквізити</h2>
<p>ТОВ «GoodBrick»<br>
ЄДРПОУ: XXXXXXXX<br>
Юридична адреса: Одеса, ...</p>

---

Конверсионные элементы

• Telegram как главный канал — ссылка prominent
• Телефон кликабельный (tel:)
• Viber как второй мессенджер
• Форма — минимум полей (имя + телефон)
• Рабочие часы — убирает тревогу «а вдруг не ответят»
• CTA «Замовити зразок» → ссылка в шапке (уже есть в SiteHeader)

---

Scope cuts

Убрано	Причина
Email	Никто не пользуется
Несколько отделов (продажи/тех.поддержка/дилеры)	Пока один контакт для всего
Чат-виджет (Tidio/Crisp)	Добавить позже если нужен

---

Связанные страницы

• 00 — Обзор и приоритеты
• 07 — Де купити