Baltazar Burger
Baltazar Burger — Sorocaba/SP
Proposta de site-experiência para uma hamburgueria de brasa: escuro, quente e cinematográfico, com o cardápio inteiro editável num arquivo só.
O desafio
Hamburgueria boa costuma ter site ruim — cardápio em imagem, link de delivery perdido e zero personalidade. O desafio era fazer o site ter a mesma temperatura que a comida.
A solução
Next.js 14 com um sistema de movimento próprio: preloader, cortina de transição entre rotas, fagulhas subindo, halos de brasa e grão de filme sobre tudo. Preços e cardápio centralizados em `lib/site.ts`, com dados estruturados de restaurante gerados automaticamente a partir deles.
O que tem dentro
Funcionalidades
Sistema de movimento
Tokens de duração e easing num arquivo único (`lib/design.ts`), consumidos por Framer Motion, GSAP e CSS — o site inteiro anima no mesmo ritmo.
Cardápio como dado
O cardápio é um array TypeScript. Ele alimenta a página, os destaques da home e o JSON-LD de `Menu` do Google ao mesmo tempo.
Status em tempo real
O site sabe se a loja está aberta agora e muda a chamada principal de acordo.
Acessibilidade sem abrir mão do efeito
Todo o movimento pesado é desligado em `prefers-reduced-motion`, e o contraste dos textos foi corrigido para AA.
Stack
- Next.js 14
- TypeScript
- Tailwind CSS
- GSAP
- Lenis
- Framer Motion
Nosso papel
- Direção de arte
- Copy
- Front-end
- Sistema de design