CleanPro

[B][SIZE=16pt]Общая информация[/SIZE][/B] CleanPro — это современный адаптивный шаблон для сайтов клининговых услуг, разработанный для платформы 1C-Битрикс. Шаблон предназначен для создания лендингов и корпоративных сайтов компаний, предоставляющих услуги по уборке помещений. [B][SIZE=16pt] [/SIZE][/B][B][SIZE=16pt]Основные характеристики [/SIZE][/B][B] Дизайн и стиль[/B][LIST] [*]Цветовая схема: Зеленая палитра (#4CAF50) как основной акцентный цвет [/LIST][LIST] [*]Типографика: Шрифт Montserrat для современного и читаемого дизайна [/LIST][LIST] [*]Стиль: Минималистичный, чистый дизайн с акцентом на функциональность [/LIST][LIST] [*]Адаптивность: Полностью адаптивный дизайн для всех устройств [/LIST][B][SIZE=16pt]Функциональные секции [/SIZE][/B] 1. [B]Hero-секция (section-hero)[/B][LIST] [*]Главный баннер с фоновым изображением [/LIST][LIST] [*]Заголовок и подзаголовок [/LIST][LIST] [*]Кнопка призыва к действию [/LIST][LIST] [*]Поддержка редактирования через админку [/LIST] 2. [B]О компании (section-about)[/B][LIST] [*]Описание компании [/LIST][LIST] [*]Статистические показатели (количество клиентов, лет работы и т.д.) [/LIST][LIST] [*]Светлый фон для выделения [/LIST] 3. [B]Услуги (section-services)[/B][LIST] [*]Сетка услуг с иконками [/LIST][LIST] [*]Описание каждой услуги [/LIST][LIST] [*]Адаптивная верстка [/LIST]4. [B]Преимущества (section-benefits)[/B][LIST] [*]4-колоночная сетка преимуществ [/LIST][LIST] [*]Анимации при наведении [/LIST][LIST] [*]Градиентные фоны и эффекты [/LIST] 5. [B]Процесс работы (section-workflow)[/B][LIST] [*]Пошаговое описание процесса [/LIST][LIST] [*]Нумерованные этапы [/LIST][LIST] [*]Адаптивная верстка [/LIST] 6. [B]Ценообразование (section-pricing)[/B][LIST] [*]Таблица с ценами на услуги [/LIST][LIST] [*]Структурированное представление тарифов [/LIST]7. [B]Отзывы (section-reviews)[/B][LIST] [*]Карточки отзывов клиентов [/LIST][LIST] [*]Адаптивная сетка [/LIST] 8. [B]FAQ (section-faq)[/B][LIST] [*]Интерактивные вопросы и ответы [/LIST][LIST] [*]Анимация раскрытия/скрытия [/LIST][LIST] [*]Стилизованные иконки [/LIST] 9. [B]Форма заявки (section-cta)[/B][LIST] [*]AJAX-форма обратной связи [/LIST][LIST] [*]Валидация полей [/LIST][LIST] [*]Модальное окно подтверждения [/LIST][LIST] [*]Поддержка политики конфиденциальности [/LIST][B] [SIZE=14pt]Технические особенности[/SIZE][/B] [B]JavaScript функциональность:[/B][LIST] [*]AjaxForm: Обработка форм с AJAX [/LIST][LIST] [*]AjaxFormWithModal: Формы с модальными окнами [/LIST][LIST] [*]FaqQuestion: Интерактивные FAQ [/LIST][LIST] [*]AnchorSmoothScroll: Плавная прокрутка по якорям [/LIST][LIST] [*]ExternalLink: Открытие внешних ссылок в новой вкладке [/LIST][LIST] [*]CloseModal: Закрытие модальных окон [/LIST] [B]CSS особенности:[/B][LIST] [*]Flexbox и Grid: Современная верстка [/LIST][LIST] [*]CSS-анимации: Плавные переходы и эффекты [/LIST][LIST] [*]Медиа-запросы: Адаптивность для мобильных устройств [/LIST][LIST] [*]CSS-переменные: Легкая кастомизация цветов [/LIST][LIST] [*]Hover-эффекты: Интерактивность элементов [/LIST][B]Интеграция с Битрикс:[/B][LIST] [*]Компоненты news.list: Для вывода контента [/LIST][LIST] [*]Редактирование в админке: Поддержка режима редактирования [/LIST][LIST] [*]Локализация: Поддержка русского языка [/LIST][LIST] [*]AJAX-обработка: Безопасная отправка форм [/LIST][LIST] [*]События: Интеграция с почтовыми событиями Битрикс [/LIST] [B][SIZE=16pt]Формы и взаимодействие[/SIZE] Форма обратной связи:[/B][LIST] [*]Поля: Имя, телефон, выбор услуги [/LIST][LIST] [*]Валидация: Проверка обязательных полей [/LIST][LIST] [*]AJAX: Отправка без перезагрузки страницы [/LIST][LIST] [*]Безопасность: Проверка sessid и site_id [/LIST][LIST] [*]Уведомления: Модальные окна с результатами [/LIST] [B]Модальные окна:[/B][LIST] [*]Анимации: Плавное появление/исчезновение [/LIST][LIST] [*]Закрытие: По клику на крестик или кнопку [/LIST][LIST] [*]Адаптивность: Корректное отображение на мобильных [/LIST] [B][SIZE=14pt]Адаптивность[/SIZE][/B] [B]Брейкпоинты:[/B][LIST] [*]Desktop: > 1024px [/LIST][LIST] [*]Tablet: 768px - 1024px [/LIST][LIST] [*]Mobile: < 768px [/LIST] [B]Адаптивные элементы:[/B][LIST] [*]Header: Вертикальное расположение на мобильных [/LIST][LIST] [*]Benefits: 4 → 2 → 1 колонка [/LIST][LIST] [*]Workflow: Вертикальное расположение шагов [/LIST][LIST] [*]Hero: Уменьшение размера заголовка [/LIST]