не стесняйтесь перейти по этой ссылке
[https://arcana-architecture.netlify.app/

Более типичные сайты архитектурных студий открываются одинаково: полноэкранное изображение-герой, заголовок в засечном шрифте, сетка эскизов проектов. В порядке вещей. Но это полностью забывается. ARCANA открывается иначе — с техническим листом проекта, координатами и размерами, которые торжественно проходят как настоящий чертёжный стол, и последовательностью прокрутки, где нарисованный от руки план постепенно превращается в фотографию готового здания. Это тот первый впечатление, которое заставляет посетителя сделать паузу на секунду и действительно посмотреть. Всё после этого открытия создаётся, чтобы поддерживать это ощущение, а не возвращаться в скучную форматную область.

Шаблон поставляется как полноценный семистраничный сайт Next.js. Главная страница сохраняет подпись взаимодействия прокрутки Blueprint → Reality, редакционный индекс проектов, материалы-исследования, философия студии, избранные работы и тизер журнала. Индекс проектов представляет работу студии как плотный редакционный список, а не как обобщённую сетку карточек. Каждая страница детали проекта — полный кейс-стади — данные проекта, концептуальное заявление и интерактивный просмотрщик чертежей Plan / Elevation / Section / Detail, который позволяет посетителям переключаться между техническими чертежами так, как архитектор приколачивал бы их к стене, плюс используемые материалы и фотографии. Студия охватывает обзор практики и горизонтальный архив артефактов студии, Approach проходит через пятиэтапную методологию (Observe, Define, Draw, Test, Build), Journal хранит заметки студии о материалах и процессе, а Contact — полностью валидируемая форма запроса с корректной загрузкой/успехом/ошибками.

Ни одна часть здесь не требует обращения к бэкенду. Каждый фрагмент содержания — проекты, записи журнала, материалы, копия студии, навигационные подписи — живут в простых читаемых файлах TypeScript в каталоге data/, поэтому переименование проекта, замена материала или переписывание биографии студии — это правка текста, а не пересборка. Изображения подтягиваются через небольшой помощник построителя URL-адресов, чтобы можно было направить любую запись на вашу собственную фотографию или на размещённый файл в public/ за считанные секунды. Цвета централизованы как CSS-пользовательские свойства, шрифты меняются в одном файле, навигация — в виде одного массива — такого рода структура упрощает настройку даже если вы не владеете React на глубоком уровне.

Под капотом: Next.js 16 (App Router) + TypeScript, Tailwind CSS 4, Framer Motion для UI и переходов страниц, GSAP + ScrollTrigger, управляющие подписью прокрутки, Lenis для плавной прокрутки, и React Hook Form + Zod для валидации контактной формы. Всё впечатление учитывает prefers-reduced-motion (GSAP/Lenis полностью пропускаются, переходы Framer сжимаются), создано с учётом доступности (реальный альтернативный текст, :focus-visible поддержка).