Verso — portfolio website of a binding workshop

Web Programming
Job 1 of 19
Multilingual marketing website for a handmade binding studio with editorial design

Main task: Create a cohesive design system in an editorial style for 8 routes with real URLs, SEO metadata for each page, and fast loading. The result is a static site that operates without a server, maintaining full client navigation.

What has been implemented
- 8 routes on file routing (home, craft, collection, pricing, journal, journal article, studio, contacts) with SSR metadata `head()` for each route
- Home page with parallax effect, marquee strip, and previews of the collection and journal
- Filtered catalog of formats and pricing page with a "single volume / print run" switch and FAQ
- Long-read template for journal articles: sticky table of contents, pull quotes, and margins
- Contextual contact form, where the set of fields automatically changes depending on the type of inquiry
- Custom SVG illustrations of books and typography Fraunces + IBM Plex in a warm cream and ink palette
- Custom 404 pages and SSR error handling

Technologies: React 19, TypeScript, TanStack Start, TanStack Router, TanStack Query, Vite 8, Nitro, Tailwind CSS v4, shadcn/ui, Bun, GitHub Pages