Team Manager — Landing Pública
Site de vendas + quiz-diagnóstico do produto Team Manager.
Projeto independente do app SaaS (que vive em minds-team-manager).
Stack
- Next.js 16 (App Router) + React 19 + TypeScript
- Tailwind 4 (PostCSS)
- Supabase (quiz responses + leads)
- Resend (email transacional pós-quiz)
- Lucide React (ícones)
- Motion (animações leves)
- Sonner (toasts)
- Zod (validação)
Setup
-
Dependências:
npm install
-
Variáveis de ambiente:
cp .env.example .env.local
# editar com as keys reais
-
Migration Supabase:
# rodar o SQL em supabase/migrations/001_quiz_tables.sql
# via Supabase Studio OR supabase CLI
-
Dev:
npm run dev
# → http://localhost:3000
Rotas
| Rota | Descrição |
|---|
/ | Landing pública (hero, problema, solução, oferta, FAQ, CTA) |
/vendas | Redirect → / (canônico SEO/ads) |
/diagnostico | Quiz 5 perguntas com resultado imediato |
POST /api/quiz/submit | Salva resposta + retorna diagnóstico |
POST /api/quiz/lead | Captura email + dispara Resend |
Deploy
Vercel sugerido. Domínio próprio (a definir — teammanager.app?).
Estrutura
src/
├── app/
│ ├── layout.tsx — root layout (fontes, dark mode)
│ ├── page.tsx — landing (importa seções de _components/)
│ ├── globals.css — design tokens M3-light
│ ├── _components/ — sub-componentes da landing
│ ├── diagnostico/
│ │ ├── page.tsx
│ │ └── quiz-client.tsx
│ └── api/quiz/
│ ├── submit/route.ts
│ └── lead/route.ts
└── lib/
├── quiz-types.ts — tipos + algoritmo + copy diagnósticos
├── email.ts — helper Resend
└── supabase-admin.ts — client service-role
TODO antes do deploy
