Adicionar nova variante de LP

Cada aulão suporta múltiplas LPs visuais (lp1, lp2, lp3 hoje). Cada variante tem seu background e posição de texto, mas compartilha o mesmo conteúdo (headline, bullets, CTA, dados do banco) e cada canal de tráfego pago tem suas próprias URLs por variante.

Variantes existentes hoje

URL	Variante	Canal	Posição do texto
`/cadastro`	lp1	Orgânico	(depende da config)
`/cadastro-fb-lp1`	lp1	Meta Ads v1	(depende da config)
`/cadastro-yt-lp1`	lp1	YouTube Ads v1	(depende da config)
`/cadastro-fb-lp2`	lp2	Meta Ads v2	(depende da config)
`/cadastro-yt-lp2`	lp2	YouTube Ads v2	(depende da config)
`/cadastro-fb-lp3`	lp3	Meta Ads v3	(depende da config)
`/cadastro-yt-lp3`	lp3	YouTube Ads v3	(depende da config)

Adicionar uma variante NOVA (ex: lp4)

Cenário: você quer rodar uma 4ª variação visual (lp4) para testes A/B em campanhas Meta e YouTube.

1. Adicionar as imagens em `public/imagens/`

Convenção de nome: [codigo]_bg_lpN_desk.jpg e [codigo]_bg_lpN_mob.jpg

Exemplo para LP4 do aulão 2606_A1:

public/imagens/2606A1_bg_lp4_desk.jpg
public/imagens/2606A1_bg_lp4_mob.jpg

2. Adicionar a variante na config do aulão

Em src/config/launches/[codigo].ts, no objeto variantes, adicione:

variantes: {
  lp1: { /* ... */ },
  lp2: { /* ... */ },
  lp3: { /* ... */ },
  lp4: {
    bgDesktop:    '/imagens/2606A1_bg_lp4_desk.jpg',
    bgMobile:     '/imagens/2606A1_bg_lp4_mob.jpg',
    heroPosition: 'right' as const,  // 'left' | 'right' | 'center-bottom'
  },
},

A propriedade heroPosition define onde o bloco de texto do hero aparece no desktop:

Valor	Comportamento
`left`	Texto encostado à esquerda
`right`	Texto encostado à direita
`center-bottom`	Texto centralizado e mais para baixo

3. Criar as rotas wrapper

Cada canal de tráfego tem sua rota. Crie 2 pastas em src/app/:

src/app/cadastro-fb-lp4/page.tsx
src/app/cadastro-yt-lp4/page.tsx

Conteúdo de cada wrapper (3 linhas, igual ao padrão das outras):

// src/app/cadastro-fb-lp4/page.tsx
import LandingPageCadastro from '@/components/LandingPageCadastro'

export default function CadastroFbLp4Page() {
  return <LandingPageCadastro paginaNome="cadastro-fb-lp4" variante="lp4" />
}

// src/app/cadastro-yt-lp4/page.tsx
import LandingPageCadastro from '@/components/LandingPageCadastro'

export default function CadastroYtLp4Page() {
  return <LandingPageCadastro paginaNome="cadastro-yt-lp4" variante="lp4" />
}

Importante: paginaNome é o que vai gravado em captacoes.pagina_nome no banco. O padrão fb/yt é detectado pelas queries de tracking para separar tráfego por canal — mantenha o padrão.

4. Commit + push

git add public/imagens/2606A1_bg_lp4_*.jpg src/app/cadastro-fb-lp4 src/app/cadastro-yt-lp4 src/config/launches/2606_A1.ts
git commit -m "feat: adicionar variante lp4 ao aulao 2606_A1"
git push

Deploy automático em ~30s. As 2 novas URLs já estarão no ar.

5. Validar antes de rodar tráfego pago

Acesse as novas URLs:

/cadastro-fb-lp4
/cadastro-yt-lp4

Confira posicionamento do texto sobre o fundo, leia copy, faça um cadastro de teste em aba anônima.

Comportamento das URLs novas em aulões antigos

Se a config ativa não tem a variante lp4 (caso comum quando ela só existe no aulão de junho, mas você ainda está rodando o aulão de maio):

As rotas /cadastro-fb-lp4 e /cadastro-yt-lp4 redirecionam para /cadastro automaticamente
Não dá 404, não quebra o tráfego
Quando virar para o aulão que tem a variante, as URLs passam a servir o conteúdo correto sem deploy adicional

Adicionar variantes a aulões futuros

Quando criar a config de um novo aulão (ex: 2607_A1.ts), basta replicar a estrutura de variantes:

variantes: {
  lp1: { /* bg + position */ },
  lp2: { /* bg + position */ },
  lp3: { /* bg + position */ },
  lp4: { /* bg + position */ },  // se já tiver as artes
},

As rotas /cadastro-fb-lp4 e /cadastro-yt-lp4 já existem no código. Basta o aulão ativo ter a variante.