01Demo2026
Leafline
Marketing site for a fast-casual salad chain: menu, locations, catering, mission.
Problem
Show a multi-page brand site with real content depth, from menus and locations to catering offers and fundraising, without a CMS behind it.
Approach
Every page is typed TypeScript content rendered by shared section components. Tailwind 4 design tokens, Motion for restrained animation, a Vitest suite over every page, and a static export served by nginx.
Stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- Motion
- Vitest
What I took from it
Typed content keeps copy, structure and tests in one place. Page-level tests catch a broken section faster than snapshots do.