Nail

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