Documentação – Template Oficial (Demo)

1) O que está ativo no Demo

• Home em PT‑BR com destaque para o fluxo de teste.
• Checkout em modo DEMO: não usa provedores externos.
• Página de Sucesso com detalhes simulados via query string.
• Contato com fallback DEMO (sem provider).

2) Alternar Demo vs. Landing

Por padrão, quando o app roda na Vercel, a Home exibe a Demo PT‑BR. Para ativar manualmente (fora da Vercel), defina a variável NEXT_PUBLIC_ENABLE_DEMO=true.

• Arquivo: src/app/page.tsx

3) Ajustar preços e textos

• Checkout (DEMO): edite os preços em src/app/checkout/page.tsx → constantes TEMPLATE_PRICE e CUSTOM_PRICE.
• Textos da landing (versão original): editar em src/app/components/LandingClient.tsx.

4) Contato (provider opcional)

Se quiser usar um provider (ex.: Formspree):

• Defina FORMSPREE_ENDPOINT no ambiente.
• Arquivo da API: src/app/api/contact/route.ts.

5) Próximos passos (produção)

• Pagamentos reais: integrar Stripe/Hotmart/Abacate conforme sua necessidade (fora do escopo deste demo).
• Emails transacionais: conectar provider (Resend/Postmark/SES) com variáveis de ambiente e rotas dedicadas.
• SEO e copy final: ajustar títulos e descrições na landing e na demo.

6) Deploy

• Vercel: conecte a este repositório e use a branch main.
• Em “Redeploy”, desmarque “Use existing Build Cache” quando houver mudanças grandes.

7) Próximo passo na Vercel (1 minuto)

1. Projeto: template-oficial-design-saas
2. Em Deployments → selecione o último deployment (ex.: commit 711ab2c) → clique em Redeploy e desmarque “Use existing Build Cache”.
3. Validar em aba anônima:
   https://template-oficial-design-saas.vercel.app
   • Deve exibir a Landing oficial.
   • Clique Ver Demo → abre /checkout (DEMO) → “Pagar (DEMO)” → redireciona para /checkout/success?demo=1….
   • Clique Ver Documentação → abre /docs (este guia).