Verso — сайт-портфолио переплетной мастерской

Веб-программирование
Работа 1 из 19
Многостраничный маркетинговый сайт ручной переплетной студии с редакционным дизайном

Основная задача: Создать целостную дизайн-систему в редакционном стиле для 8 маршрутов с реальными URL, SEO-метаданными для каждой страницы и быстрой загрузкой. Результат — статический сайт, работающий без сервера, с сохранением полноценной клиентской навигации.

Что реализовано
- 8 маршрутов на файловом роутинге (главная, крафт, коллекция, цены, журнал, статья журнала, студия, контакты) с SSR-метаданными `head()` для каждого маршрута
- Главная страница с параллакс-эффектом, marquee-лента и превью коллекции и журнала
- Фильтрованный каталог форматов и страница цен с переключателем «одиночный том / тираж» и FAQ
- Лонгрид-шаблон статей журнала: липкое содержание, pull-цитаты и маргиналии
- Контекстная форма обращения, где набор полей автоматически изменяется в зависимости от типа запроса
- Кастомные SVG-иллюстрации книг и типографика Fraunces + IBM Plex в теплой кремово-чернильной палитре
- Собственные страницы 404 и обработки SSR-ошибок

Технологии: React 19, TypeScript, TanStack Start, TanStack Router, TanStack Query, Vite 8, Nitro, Tailwind CSS v4, shadcn/ui, Bun, GitHub Pages