Современный одностраничный веб-сайт для салона ногтевого сервиса, разработанный на платформе 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