Smarts Engineer

Задача

Собрать одностраничный сайт-лендинг для инженерной компании (электромонтаж, отопление и вентиляция, кондиционирование, слаботочные системы, водоснабжение и водоотведение, проектирование), который принимает заявки с формы без бэкенда и CRM — обращения должны мгновенно попадать в рабочий чат компании.

Результат

• —Лендинг полностью на чистом HTML/CSS/JS, без фреймворков и сборки — простой в развёртывании и поддержке.
• —Заявки с формы уходят напрямую в Telegram-группу компании через Bot API (axios), минуя бэкенд.
• —Адаптивная вёрстка с бургер-меню и плавной прокруткой к якорям на всех устройствах.

Решение

• —Структура страницы «от интереса к заявке»: hero с УТП и CTA → блок преимуществ → слайдер выполненных работ (Swiper) → 6 карточек направлений услуг с якорными ссылками из шапки и бургер-меню → блок «О компании» → форма заявки → контакты с картой (Яндекс.Карты) → футер.
• —Адаптивная вёрстка на медиа-запросах (media.css), мобильное бургер-меню и плавный скролл к секциям на нативном JS, отдельные версии главного изображения под разные ширины экрана (767/1200/2000px) для быстрой загрузки.