Verso — strona portfolio pracowni introligatorskiej

Programowanie stron internetowych
Praca 1 z 19
Wielostronicowa strona marketingowa rękodzielniczej studia introligatorskiego z redakcyjnym designem

Główne zadanie: Stworzyć spójną system designu w stylu redakcyjnym dla 8 tras z rzeczywistymi URL, metadanymi SEO dla każdej strony oraz szybkim ładowaniem. Wynik: statyczna strona działająca bez serwera, z zachowaniem pełnej nawigacji klienta

Co zrealizowano
- 8 tras na routingu plików (strona główna, rzemiosło, kolekcja, ceny, magazyn, artykuł magazynowy, studio, kontakty) z metadanymi SSR `head()` dla każdej trasy
- Strona główna z efektem parallax, paskiem marquee oraz podglądem kolekcji i magazynu
- Filtrowany katalog formatów i strona cenowa z przełącznikiem „pojedynczy tom / nakład” oraz FAQ
- Szablon longread dla artykułów magazynowych: sticky spis treści, cytaty pull oraz marginesy
- Kontekstowy formularz kontaktowy, w którym zestaw pól automatycznie zmienia się w zależności od typu zapytania
- Niestandardowe ilustracje SVG książek i typografia Fraunces + IBM Plex w ciepłej kremowo-czarnej palecie
- Własne strony 404 oraz obsługa błędów SSR

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