ConcluídoWeb
FORJA Training Studio
O objetivo foi construir uma landing page no padrão que uma agência entregaria a um cliente do nicho fitness: identidade visual forte, copy persuasiva, formulário validado ponta a ponta, SEO técnico completo e cuidado com performance e acessibilidade. O studio é fictício.
O que o projeto faz
- Landing page completa: hero, planos, depoimentos, FAQ e contato
- Formulário com validação dupla — client-side (React Hook Form + Zod) e server-side via createServerFn
- Campo honeypot anti-bot
- Integração real do formulário com Make → Google Sheets
- SEO estruturado: JSON-LD, Open Graph, Twitter Card, canonical, sitemap.xml e robots.txt
- Manifest PWA com ícones, incluindo variante maskable
- Otimização de imagem com srcSet/sizes e dimensões explícitas para evitar CLS
Decisões técnicas
Projeto conceitual
O studio é fictício e as imagens vêm de banco de imagens (Unsplash), já que não há uma academia real para fornecer fotos próprias. O formulário é funcional de verdade — conectado a uma automação real — apenas para demonstrar o fluxo completo de captura de lead.
Testes
O handler do formulário de contato (honeypot, validação, timeout e falhas do webhook) tem testes com fetch simulado, executados com node:test. O repositório não descreve outros testes automatizados.
Telas do projeto
