Blic.beauty

Технологический стек

• Next.js 16 (App Router, Turbopack), React 19, TypeScript
• Tailwind CSS v4, Framer Motion, Lenis smooth-scroll, lucide-react
• PostgreSQL + postgres.js (параметризованные запросы), bcryptjs, zod
• Nginx (reverse-proxy, HTTPS), systemd, Sharp; медиа — AI-генерация (Higgsfield)

Интерактивный hero

• Полноэкранное AI-видео: модель следит за курсором (mouse-scrub по кадрам)
• Глубинный parallax и «эффект монитора», плавный rAF-скраб
• Адаптив под мобильные, аккуратная деградация без курсора

Онлайн-запись

Виджет записи открывается на любой кнопке «Записаться».

• Выбор по услуге или по мастеру, услуги сгруппированы по категориям
• Умная доступность: свободные слоты считаются по графику и занятости мастера, занятое время не показывается
• Серверная перепроверка слота при бронировании, запись без обязательной регистрации
• Для авторизованных гостей записи попадают в личный кабинет

Личный кабинет и безопасность

• Регистрация/вход по телефону + пароль, сессии в БД (httpOnly/secure cookie)
• bcrypt (cost 12), rate limiting, constant-time сравнение, CSRF-защита, zod-валидация
• Профиль и история записей гостя

Админ-панель

Защищённый бэкофис для сотрудников студии.

• Записи (список и по мастерам, смена статуса)
• Услуги и акции — редактирование цен, длительности и описаний (весь каталог редактируемый)
• Мастера — категории услуг, тариф ТОП с доплатой и скидка мастера
• Статьи и Новости с SEO-полями и публикацией

Каталог и контент

• 13 категорий, 121 услуга, 7 мастеров — данные для сайта, прайса и записи из БД
• Анимированный прайс, страницы «Наш салон», «Контакты», «Специалисты», Статьи/Новости
• Юридические страницы (Cookies, Правила, 152-ФЗ) и cookie-баннер