Add landing pages for architects and builders, project gallery, configurator, calculator, blog, FAQ, sustainability, and contacts; implement technical requirements and SEO strategies for improved performance and user engagement.

09 — Конфигуратор фасада.md

@@ -0,0 +1,100 @@
+---
+tags:
+  - сайт
+  - страница
+  - конфигуратор
+  - ar
+  - визуализация
+url: /configurator/
+created: 2026-02-16
+---
+
+# 🎨 Конфигуратор фасада
+
+> [!tip] Роль страницы
+> Главный дифференциатор (конкуренты: Feldhaus Klinker, Ströher). Увеличивает время на сайте в 3-5 раз. Ключевой конверсионный инструмент.
+
+## Мета-данные
+
+| Поле | Значение |
+|---|---|
+| **Title** | `Конфигуратор фасада — Визуализируйте кирпич на вашем доме \| {Бренд}` |
+| **Description** | `Онлайн-конфигуратор фасада: выберите кирпич, тип кладки и цвет затирки. Посмотрите, как будет выглядеть ваш дом. AR-режим на мобильном.` |
+| **Schema** | `WebApplication` + `BreadcrumbList` |
+
+---
+
+## Блоки / Функциональность
+
+### 1. Выбор шаблона / загрузка фото
+
+- **10+ шаблонов домов:**
+	- Одноэтажный
+	- Двухэтажный
+	- Коттедж
+	- Таунхаус
+	- Коммерческое здание
+- **ИЛИ** загрузка своего фото фасада
+- AI-сегментация: автоматическое выделение зон стен
+
+---
+
+### 2. Панель продуктов
+
+- Каталог текстур из [[02 — Каталог]] с превью
+- Фильтр: цвет / формат / коллекция
+- Drag & drop текстуры на зоны фасада
+- Возможность разных текстур на разных зонах (цоколь отдельно)
+
+---
+
+### 3. Настройки кладки
+
+| Параметр | Варианты |
+|---|---|
+| Тип кладки | Ложковая / Фламандская / Штабельная / Ёлочка |
+| Цвет затирки | 10+ вариантов (визуальные swatches) |
+| Ширина шва | 8 / 10 / 12 мм |
+
+- Рендеринг в реальном времени (WebGL / WebGPU)
+
+---
+
+### 4. Панель финализации
+
+- **Сохранить проект** (аккаунт или по ссылке)
+- **Скачать рендер** (PDF / PNG)
+- **Поделиться ссылкой** (unique URL)
+- ==**«Заказать образцы выбранных продуктов»**== (primary CTA)
+- `Рассчитать стоимость` → [[10 — Калькулятор расхода]]
+- `Найти дилера` → [[05 — Представительства]]
+
+---
+
+### 5. AR-режим (mobile only)
+
+- «Наведите камеру на стену»
+- WebXR overlay текстуры на реальную поверхность
+- Progressive enhancement: работает как 2D на слабых устройствах
+
+> [!note] Технология 2026
+> WebXR API + 8th Wall / AR.js. Без установки приложения.
+
+---
+
+## Технические требования
+
+- [ ] WebGL / WebGPU для рендеринга
+- [ ] Lazy load конфигуратора (не блокировать LCP первого экрана)
+- [ ] Progressive enhancement: 2D fallback на low-end
+- [ ] Mobile-first (большинство пользователей — смартфоны)
+- [ ] PWA-возможности для офлайн-работы (выставки, стройки)
+
+---
+
+## Связанные страницы
+
+- [[02 — Каталог]]
+- [[03 — Карточка товара]]
+- [[10 — Калькулятор расхода]]
+- [[05 — Представительства]]