Дома из клеёного бруса
Сайт строительной компании «Сосна» — тёмный и кинематографичный, поверх фото домов в сумерках, единственный акцент — тёплый янтарь окон: слайдер проектов на весь экран со стеклянной карточкой и ценой-счётчиком, каталог «Какой дом ваш?» с фильтром по площади и светом за курсором, калькулятор стоимости с растущим силуэтом дома, балка бруса, которая раскладывается на ламели при прокрутке, этапы стройки на липкой сцене, построенные дома лентой со счётчиками, отзывы владельцев, вопросы и заявка, которая подхватывает расчёт. Manrope и JetBrains Mono.
Из чего собрано
11 блоков из каталога, в порядке появления на странице. Каждый ставится своей командой; ничего не пересоздаётся.
1. Шапка
Прозрачная шапка поверх фото со стеклом при прокруткеnavbar-046
Прозрачная поверх фото, стекло при прокрутке, нить прогресса, «Обсудить дом».
2. Первый экран
Хиро-слайдер проектов домов со стеклянной карточкой и ценойhero-049
Слайдер проектов: ken burns, стеклянная карточка, цена докручивается, таймер.
3. Каталог
Каталог проектов домов с фильтром по площадиhouse-001
Фильтр по площади, каскад карточек, свет за курсором.
4. Стоимость
Калькулятор стоимости дома с растущим силуэтомhouse-002
Площадь × комплектация × фундамент × кровля, силуэт растёт, расчёт уходит в заявку.
5. Технология
Технология клеёного бруса: балка раскладывается на ламели при прокруткеhouse-003
Балка в 3D раскладывается на ламели по прокрутке, свойства загораются.
6. Этапы
Этапы стройки дома с липким фото текущего этапаhouse-004
Липкое фото этапа, нить прогресса до текущего шага.
7. Построенные
Построенные дома: счётчики и лента фото с прокруткойhouse-005
Счётчики при появлении, лента фото со снапом и перетаскиванием.
8. Отзывы
Отзывы владельцев домов: фото и крупная цитата с таймеромtestimonials-036
Фото из дома под шторкой, цитата с размытием, таймер-полоски.
9. Вопросы
Тёмный аккордеон вопросов с карточкой «не нашли ответ»faq-025
Плавный аккордеон, плюс-крест, карточка «спросить инженера».
10. Заявка
Заявка на фото-фоне с выбором канала и расчётом из калькулятораcta-038
Стекло на ночном фото, одно поле, канал связи, чип расчёта.
11. Подвал
Тёмный подвал с огромным словом бренда с фото внутри буквfooter-045
Огромное слово бренда контуром, заливка по наведению.
Pro
Точный состав, код страницы и ссылка для агента — в PRO
Демо и список блоков открыты всем. Подписчику показываются пропсы каждого блока как в демо, общие правила темы, промпты картинок и одна ссылка, по которой ИИ-агент собирает такую же страницу.
Открыть PRO