ConcluídoWeb
Savora
Site institucional com cardápio digital, seções de apresentação, mapa de localização e formulário de reservas com automação real de ponta a ponta. Construído como peça de portfólio, com foco em animação de alto padrão e performance. Todos os dados do restaurante são fictícios.
O problema
Demonstrar, em uma peça de portfólio, o que separa uma landing page bonita de uma entrega real: animação autoral, performance medida e um formulário que realmente termina em algum lugar.
A solução
Uma hero com montagem animada do prato (composta apenas com transform e opacity, respeitando prefers-reduced-motion) e um fluxo de reservas que vai da validação no cliente até a planilha e o relatório em PDF.
O que o projeto faz
- Landing page completa: hero, sobre, especialidades, ingredientes, galeria, avaliações, localização, FAQ e CTA
- Cardápio digital com itens organizados por categoria
- Animação autoral na hero: montagem do prato, com fallback estático para prefers-reduced-motion
- Localização via embed real do Google Maps, com filtro visual combinando com o tema
- Reservas ponta a ponta: React Hook Form → server function → webhook do Make → Google Sheets → relatório em PDF
Decisões técnicas
Origem do projeto
O projeto foi iniciado no Lovable e evoluído manualmente — incluindo a limpeza do scaffold de UI, que removeu componentes e dependências não utilizados.
Performance como decisão de design
A sequência de montagem anima somente transform e opacity e roda uma única vez; nada usa repeat infinito além da auréola do prato. O will-change é aplicado só enquanto uma peça está caindo, e no mobile a timeline usa menos peças e menos partículas.
Telas do projeto
