Bulldozer - Лендинг. Аренда спецтехники.

Технические данные

Совместимые редакции

• Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Старт
• Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Стандарт
• Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Малый бизнес
• Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Бизнес

Описание

Описание решения
Одностраничный веб-сайт для компании по аренде спецтехники на платформе 1C-Bitrix. Landing page с минималистичным дизайном, системой управления контентом и интеграцией форм обратной связи с Ajax-отправкой.


Основные секции

• Верхняя панель контактов — логотип, телефон, email и адрес; адаптивное отображение элементов
  
• Главный экран (Hero) — крупный заголовок, описание услуг, призыв к действию с кнопкой заявки, фоновое изображение с градиентной маской и затемнением
  
• Преимущества (Features) — 4 карточки с основными преимуществами (собственный автопарк, работа без выходных, с оператором или без, гибкие условия)
  
• Автопарк (Autopark) — каталог техники с карточками (экскаваторы, погрузчики, катки, экскаваторы-погрузчики, бульдозеры, самосвалы), изображение, цена за смену, кнопка заказа
  
• Призыв к действию (CTA) — двухколоночный блок с контактной информацией (телефон, режим работы, преимущества) и формой обратной связи с выбором типа техники
  
• Почему мы (Why Us) — три карточки преимуществ (собственный трал, безопасность, скидки)
  
• Доставка техники (Delivery) — описание услуги доставки собственным тралом с изображением и кнопкой заказа
  
• Часто задаваемые вопросы (FAQ) — аккордеон с вопросами и ответами (документы для оформления, залог, оплата, поломки, страхование)
  
• Контакты (Contact) — адрес, телефон, email, карта Google Maps, социальные сети
  
• Модальное окно заявки — всплывающая форма с выбором техники, датами аренды и отправкой заявки
  

Особенности дизайна

• Минималистичный стиль — чистый дизайн с акцентом на контент
  
• Желто-темная цветовая схема — акцентный желтый (#FBBD0D) на темном фоне (#2D2C2E, #424043)
  
• Плавные переходы — анимации при наведении и скролле страницы
  
• Hover-эффекты — интерактивные элементы с визуальной обратной связью (масштабирование, изменение цвета)
  
• Адаптивная верстка — корректное отображение на всех устройствах
  
• Мобильное меню — выдвижная панель справа с плавной анимацией, затемненный оверлей
  
• Градиентные маски — фоновое изображение с эффектом постепенного исчезновения через маску
  

Технические особенности

• Универсальная система модальных окон — модалка для заявок с динамическим выбором техники
  
• Ajax-формы — отправка без перезагрузки страницы с валидацией и сообщениями об успехе/ошибке
  
• Динамический выбор техники — тип техники автоматически подставляется из кнопки заказа
  
• Телефон через компонент — отдельный шаблон для вывода телефона с автоматическим tel: линком
  
• FAQ-аккордеон — раскрывающиеся блоки вопросов с плавной анимацией
  
• Sticky Navigation — фиксированная навигация с эффектом тени при скролле
  
• Smooth Scroll — плавная прокрутка к секциям при клике на якорные ссылки
  

Интеграции

• Bitrix ajax.php — обработка форм через встроенный механизм Bitrix
  
• Email-уведомления — автоматическая отправка заявок на почту через события Bitrix
  
• Yandex Maps — встроенная интерактивная карта для отображения местоположения
  
• Управление через админку — весь контент редактируется через административную панель 1C-Bitrix