Описание решения Современный одностраничный веб-сайт для салона ногтевого сервиса, разработанный на платформе 1C-Bitrix. Решение представляет собой полнофункциональный landing page с элегантным дизайном, системой управления контентом и интеграцией форм обратной связи с Ajax-отправкой.
Основные секции
Главный экран (Hero) — крупный заголовок, описание услуг, призыв к действию с кнопками записи, фоновое изображение с эффектом обесцвечивания
Услуги (Services) — карточки услуг с описанием, ценой, длительностью и категориями (маникюр, педикюр, дизайн)
Портфолио (Portfolio) — галерея работ с возможностью просмотра в полноэкранном режиме (Glightbox), эффекты при наведении
Призыв к действию (CTA) — промежуточные блоки с акцентом на запись
Контакты (Contact) — адрес, телефон, email, карта, форма обратной связи с выбором услуги
Модальное окно записи — всплывающая форма с выбором услуги и отправкой заявки
Особенности дизайна
Минималистичный стиль — чистый дизайн с акцентом на контент
Бордовая цветовая схема — элегантные burgundy акценты на светлом фоне
Плавные переходы — анимации при наведении и скролле страницы
Hover-эффекты — интерактивные элементы с визуальной обратной связью
Полностью адаптивная верстка — корректное отображение на всех устройствах
Мобильное меню — выдвижная панель с плавной анимацией
Технические особенности
Универсальная система модальных окон — любая ссылка с # автоматически открывает модалку или делает smooth scroll
Ajax-формы — отправка без перезагрузки страницы с валидацией и сообщениями об успехе/ошибке
Динамический subject — тема заявки автоматически заполняется из текста кнопки
Телефон через компонент — отдельный шаблон для вывода телефона с автоматическим tel: линком
Glightbox галерея — просмотр портфолио в полноэкранном режиме с навигацией
JS с префиксом классов — все интерактивные элементы используют js-* классы для разделения логики и стилей
Tailwind CSS — утилитарные классы для быстрой разработки
Интеграции
Bitrix ajax.php — обработка форм через встроенный механизм Bitrix
Email-уведомления — автоматическая отправка заявок на почту через события Bitrix
Управление через админку — весь контент редактируется через административную панель 1C-Bitrix
- Скачайте и установите модуль; - В списке мастеров установки выберите "Nail"; - Настройте сайт, используя стандартный пошаговый мастер; - Перейдите на сайт и исправьте контент на свой в режиме правки или в административном интерфейсе