# Estudo: área de membros do IFL (InceptionXP)

Estudo da **Imersão Ferramentas Lucrativas com IA** (26 e 27/09/2026), comprada pelo Hildel, que entra com o e-mail `toledotaly@gmail.com`. A imersão é da InceptionXP (Maiara).
O objetivo é entender como a área foi feita e o que dá para replicar com a nossa stack.

> Material pago de terceiro. O repo é **privado** e serve de referência. Usamos a arquitetura e a mecânica, mas não republicamos textos, catálogo nem marca.

## Como abrir

```bash
gh repo clone HDBR/ifl-estudo ~/Developer/ifl-estudo
cd ~/Developer/ifl-estudo && python3 -m http.server 8765
# abrir http://localhost:8765
```

A página inicial (`index.html`) leva para as três cópias que rodam local: a área de membros, o Gerador de PRD e o EIXO da Talita. Nenhuma tem login.

## O que tem aqui

| Pasta | O que é |
|---|---|
| `area-membros/` | `index.html` original (325 KB, sem build), `index-local.html` que entra sem login, `guia-render.js`, `biblioteca.js` e `media/` com as 30 telas dos formatos e os prints da biblioteca |
| `gerador-prd/` | `prd.html` original, `prd-local.html` que entra sem código, `catalogo.js` (256 itens), `config.js` e `assets/previews/` (38 telas em 1440 e 390) |
| `dados/` | O que foi capturado logado: texto de cada seção, guia cru da API (`api-respostas.json`), biblioteca com prompts, os 23 passos do gerador e os cabeçalhos HTTP |
| `talita/` | Arquivos que a Talita gerou na imersão e mandou por DM: PRD, SPEC, skill de PRD, guia de infra e design system do EIXO |
| `eixo-reconstruido/` | O projeto da Talita remontado para rodar local |
| `aula/` | Aula de aquecimento: transcrição com minutagem, legenda `.vtt` e capa. O `.mp4` (1080p, 133 MB) passa do limite do GitHub e fica só na máquina |
| `area-membros/media/rotas/` | Print de página inteira de cada uma das 69 rotas, com o texto em `dados/rotas-completas.json` |
| `tools/` | Scripts de captura (`IFL_EMAIL` e `IFL_SENHA` no ambiente) |

## Como a plataforma foi feita

### Área de membros (`membro.inceptionxp.com/ifl/`)
- **Front:** uma página única com JS puro, sem framework e sem build. As rotas são por hash (`#inicio`, `#formatos-07`, `#biblioteca-<id>`).
- **Hospedagem:** Cloudflare, estática, com CSP fechado.
- **Fontes:** Hanken Grotesk e Times New Roman MT Condensed, servidas pelo Cloudinary.
- **Vídeo:** YouTube não listado em `youtube-nocookie`. A aula de aquecimento tem o id `07OYAsloND0`.
- **Backend:** Supabase (`oxivbzajeonbvtmvcinv`), com **uma Edge Function**, `desafio-set-login`, que recebe `{action, ...}`:
  `check`, `login`, `primeiro-acesso`, `forgot`, `reset`, `renovar-link`, `confirmar-instalacao`,
  `aula-progresso`, `onboarding`, `pesquisa-aluno`, `guia`, `guia-pdf`.
- **Sessão:** token HMAC no `localStorage` (`ifl_sessao`), que carrega:
  - o tipo de ingresso (`standard`, `vip` ou aluno do The Path);
  - os `addons` (o guia dos 30 formatos é vendido à parte);
  - a data de `corte` do acesso: sem VIP, 28/09; VIP, 13/10; The Path, nunca.
- **Senha no primeiro acesso:** nasce de um link enviado por e-mail, igual ao reset. Isso impede que quem só sabe o e-mail do comprador crie a senha antes dele.
- **Checkout:** Assiny.
- **Pesquisas:** o onboarding e a pesquisa do aluno funcionam como portão, liberando a área depois de respondidas.
- Os comentários no código trazem nome e data de cada ajuste, o que indica que foi escrito com o Claude Code.

### Gerador de PRD (`tool.inceptionxp.com`)
- Também é estático, na Cloudflare.
- `catalogo.js` tem 256 itens de funcionalidade separados por categoria e é gerado a partir de `catalogo/*.md` pelo `build-catalogo.js`.
- **Não usa IA:** `gerarPRD()` monta o documento por template, a partir do que a pessoa marcou.
- O login do modo imersão passa pela Edge Function `am-login`, com código por e-mail. O modo consultoria envia para `am-intake`, que está desligado no `config.js`.

## O que falta
- Fichamento da aula de aquecimento (a transcrição já está em `aula/`).
- Gravação e hot seat: só para VIP. O ingresso da Talita é standard, então não baixamos. O `index.html` público traz a lista das 41 gravações com os ids do YouTube, mas pegar esse material seria levar conteúdo pago que não foi comprado.
- Reescrever o backend: o código das Edge Functions não fica visível para quem acessa. O front já está todo aqui.

## Cópias locais

O `index-local.html` e o `prd-local.html` são os originais com um script no começo que grava a sessão no `localStorage`. A área de membros também responde as chamadas à Edge Function com o que ficou gravado em `dados/api-respostas.json`: o `guia` completo dos 30 formatos e o login, sem o corte de data. Nada sai para o servidor deles.

Os originais não rodam fora do domínio deles, porque a Edge Function responde `access-control-allow-origin: null` para outras origens.