Живая демонстрация: https://forge-muscle.netlify.app/

Большинство сайтов залов и фитнес-студий выглядят одинаково: герой-название с фото человека во время тяги, таблица цен и контактная форма — ближе к флаеру, чем к впечатлению. FORGE создан, чтобы разрушить этот стереотип. Он построен вокруг концепции «Тренировочный Ритуал»: повторяющийся визуальный язык подходов, повторений, времени и прогресса, который превращает сам процесс прокрутки в нечто физическое, дисциплинированное и премиум. Глубокие оттенки графитового, яркий акцентный цвет, сжатый шрифт на дисплее и «сессии» на основе прокрутки заставляют сайт ощущаться не как брошюра, а как первые десять минут реального тренировочного блока — и именно это ощущение заставляет посетителя действительно записаться.

Это не одностраничный лендинг — это полный многостраничный сайт, построенный вокруг реального пути пользователя: открыть программу, познакомиться с тренером, который ее ведет, понять пространство, в котором это происходит, и запросить сессию. Домашняя страница содержит герой-подзаголовок, манифест, инструкцию по методике тренировки, ключевые моменты программы, фирменную последовательность « Training Session », анимированные показатели эффективности, освещение тренера и погружную витрину студии. Далее /session позволяет посетителю выбрать тип тренировки (Сила, Подготовка, Производительность или Восстановление) и увидеть обновление ее продолжительности, интенсивности, фокуса и формата в реальном времени, прежде чем продолжить запрос. /programs и /programs/[slug] дают фильтируемый список программ плюс полные страницы с деталями; /trainers и /trainers/[slug] делают то же самое для вашего состава тренеров, включая философию, специализации и доступные типы сессий. /studio — интерактивная экскурсия по вашим зонам тренировок, /journal — фильтируемый индекс статей с отслеживанием прогресса чтения, а /faq, /contact, /privacy, /terms и брендированная страница 404 дополняют сайт, где каждая кнопка ведет к реальному месту — без битых ссылок и без маршрутов-«заглушек».

Каждый элемент видимого контента — программы, тренеры, типы сессий, зоны студии, журнальные статьи, FAQ, навигация, даже название бренда и контактные данные — живут в простых текстовых файлах в src/data и src/config. Нет CMS и нет бэкенда для настройки: вы открываете файл, редактируете объект, и страница перестраивается вокруг него. Форма /contact — это настоящая фронтенд-реализация: она валидирует ввод, затем отправляет сообщение в почтовый клиент посетителя через ссылку mailto:, так что настраивать ничего не нужно и ничего не теряется на сервере, которого не существует.

Создано с использованием Next.js 16 (App Router) и TypeScript, стилизовано Tailwind CSS и анимировано Framer Motion — с полной поддержкой prefers-reduced-motion, при этом секции с прокруткой, привязанные к прокрутке, автоматически переходят в статичную, полностью доступную компоновку. Что вы получаете: семантический HTML с видимыми клавишами