CleanPro — это современный адаптивный шаблон для сайтов клининговых услуг, разработанный для платформы 1C-Битрикс. Шаблон предназначен для создания лендингов и корпоративных
сайтов компаний, предоставляющих услуги по уборке помещений.
Основные характеристики
Дизайн и стиль
- Цветовая схема: Зеленая палитра (#4CAF50) как основной акцентный цвет
- Типографика: Шрифт Montserrat для современного и читаемого дизайна
- Стиль: Минималистичный, чистый дизайн с акцентом на функциональность
- Адаптивность: Полностью адаптивный дизайн для всех устройств
1. Hero-секция (section-hero)
- Главный баннер с фоновым изображением
- Заголовок и подзаголовок
- Кнопка призыва к действию
- Поддержка редактирования через админку
- Описание компании
- Статистические показатели (количество клиентов, лет работы и т.д.)
- Светлый фон для выделения
- Сетка услуг с иконками
- Описание каждой услуги
- Адаптивная верстка
- 4-колоночная сетка преимуществ
- Анимации при наведении
- Градиентные фоны и эффекты
- Пошаговое описание процесса
- Нумерованные этапы
- Адаптивная верстка
- Таблица с ценами на услуги
- Структурированное представление тарифов
- Карточки отзывов клиентов
- Адаптивная сетка
- Интерактивные вопросы и ответы
- Анимация раскрытия/скрытия
- Стилизованные иконки
- AJAX-форма обратной связи
- Валидация полей
- Модальное окно подтверждения
- Поддержка политики конфиденциальности
Технические особенности
JavaScript функциональность:
- AjaxForm: Обработка форм с AJAX
- AjaxFormWithModal: Формы с модальными окнами
- FaqQuestion: Интерактивные FAQ
- AnchorSmoothScroll: Плавная прокрутка по якорям
- ExternalLink: Открытие внешних ссылок в новой вкладке
- CloseModal: Закрытие модальных окон
- Flexbox и Grid: Современная верстка
- CSS-анимации: Плавные переходы и эффекты
- Медиа-запросы: Адаптивность для мобильных устройств
- CSS-переменные: Легкая кастомизация цветов
- Hover-эффекты: Интерактивность элементов
- Компоненты news.list: Для вывода контента
- Редактирование в админке: Поддержка режима редактирования
- Локализация: Поддержка русского языка
- AJAX-обработка: Безопасная отправка форм
- События: Интеграция с почтовыми событиями Битрикс
Форма обратной связи:
- Поля: Имя, телефон, выбор услуги
- Валидация: Проверка обязательных полей
- AJAX: Отправка без перезагрузки страницы
- Безопасность: Проверка sessid и site_id
- Уведомления: Модальные окна с результатами
- Анимации: Плавное появление/исчезновение
- Закрытие: По клику на крестик или кнопку
- Адаптивность: Корректное отображение на мобильных
Брейкпоинты:
- Desktop: > 1024px
- Tablet: 768px - 1024px
- Mobile: < 768px
- Header: Вертикальное расположение на мобильных
- Benefits: 4 → 2 → 1 колонка
- Workflow: Вертикальное расположение шагов
- Hero: Уменьшение размера заголовка
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Когда оформляете быстрый заказ, напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты Visa и MasterCard. Чтобы оплатить покупку, система перенаправит вас на сервер системы ASSIST. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: PayPal, WebMoney и Яндекс.Деньги. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Курьерская доставка работает с 9.00 до 19.00. Когда товар поступит на склад, курьерская служба свяжется для уточнения деталей. Специалист предложит выбрать удобное время доставки и уточнит адрес. Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Самовывоз из магазина. Список торговых точек для выбора появится в корзине. Когда заказ поступит на склад, вам придет уведомление. Для получения заказа обратитесь к сотруднику в кассовой зоне и назовите номер.
- Постамат. Когда заказ поступит на точку, на ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Почтовая доставка через почту России. Когда заказ придет в отделение, на ваш адрес придет извещение о посылке. Перед оплатой вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная вкладка, для размещения информации о магазине, доставке или любого другого важного контента. Поможет вам ответить на интересующие покупателя вопросы и развеять его сомнения в покупке. Используйте её по своему усмотрению.
Вы можете убрать её или вернуть обратно, изменив одну галочку в настройках компонента. Очень удобно.