// sales-content.jsx — Body sections: pra quem é, dor, 5 guias, stack de
// valor, bônus Telegram, autoridade, antes/depois.
//
// Type system: two families only (display + body). No mono.
// Text sizes bumped ~15-20% for legibility. Copy cut for breathing room.
// ── Section shell: padded vertical block with optional eyebrow ─────────
function SalesSection({ dir, eyebrow, title, kicker, children, accentBg, dark, style = {} }) {
const bg = dark
? `radial-gradient(120% 70% at 50% 0%, ${dir.accent}1A, transparent 50%), #0C0D11`
: accentBg
? `radial-gradient(120% 80% at 80% 0%, ${dir.accent}18, transparent 55%), ${dir.surface}`
: "transparent";
const ink = dark ? "#F2EFE6" : dir.ink;
return (
{(eyebrow || title || kicker) && (
{eyebrow && (
{eyebrow}
)}
{title && (
{title}
)}
{kicker && (
{kicker}
)}
)}
{children}
);
}
// ─── PRA QUEM É ───────────────────────────────────────────────────────────
function SecParaQuem({ dir }) {
const personas = [
{ num: "01",
t: "Você ainda não ciclou, mas pensa nisso há tempo.",
d: "Quer fazer o primeiro com base, não com sorte." },
{ num: "02",
t: "Você já ciclou e quer fazer o próximo melhor.",
d: "Sabe que dá pra fazer melhor sem chutar." },
{ num: "03",
t: "Você é mulher e cansou de adaptar conteúdo de homem.",
d: "Quer protocolo escrito pro corpo feminino." },
];
return (
Você se reconhece em um destes três.}>
{personas.map((p) => (
{p.num}
{p.t}
{p.d}
))}
Se sim — segue lendo.
);
}
// ─── A DOR ─────────────────────────────────────────────────────────────
function SecDor({ dir }) {
// Reduced from 4 to 3 — cuts page density.
const dores = [
{ q: "Conteúdo bom em PT-BR é raro.",
a: "O que tem é tradução vagabunda, fórum dos anos 2000, ou influencer vendendo curso de R$ 2.000." },
{ q: "Coach na academia te dá fórmula sem fonte.",
a: "Quando você pergunta o porquê, é 'confia, mano'. Bloodwork? Nunca ouviu falar." },
{ q: "Cada Reddit fala uma coisa diferente.",
a: "500mg, 250mg, 'não precisa de TPC se for leve'. E você no meio sem saber em quem confiar." },
];
return (
Por que esse guia precisou existir.}>
{dores.map((d, i) => (
{d.q}+
{d.a}
))}
);
}
// ─── O QUE TEM DENTRO ─────────────────────────────────────────────────────
function SecDentro({ dir }) {
return (
5 guias. Cada um uma referência.}>
{GUIDES.map((g, i) => (
0{i + 1} · Guia
{g.label}
{g.pages} páginas
{g.bullets.slice(0, 3).map((b, j) => (
✓
{b}
))}
))}
);
}
// ─── STACK DE VALOR ────────────────────────────────────────────────────
function SecStack({ dir, priceMode, onCTA }) {
return (
Faz a conta com a gente.}>
{GUIDES.map((g, i, arr) => (
{g.label}
{brl(g.price)}
))}
Soma separado
{brl(TOTAL_FULL)}
{/* big reveal */}
Por apenas
{brl(BUNDLE_PRICE)}
à vista
ou 12× R$ 6,69
Economiza {brl(SAVINGS)} ({SAVINGS_PERCENT}% off)
Preço atual válido enquanto durar o lote de lançamento.
);
}
// ─── BÔNUS (Telegram = order bump opcional no checkout) ────────────────
function SecBonus({ dir, dirNoturno }) {
return (
Comunidade fechada no Telegram.}
kicker="Opcional. +R$ 9,90 no 1º mês, depois R$ 29,90/mês. Cancela quando quiser.">
Comunidade fechada
Eixo · Privado
{[
"Aulas curtas no canal, toda semana",
"Grupo de discussão moderado, sem fonte sem post",
"Live ao vivo toda quinta, 21h",
].map((b, i) => (
✓
{b}
))}
+R$ 9,90 no checkout
depois R$ 29,90/mês · cancela quando quiser
Opcional
);
}
// ─── AUTORIDADE ────────────────────────────────────────────────────────
function SecAutor({ dir }) {
// Video embed: flip SHOW_VIDEO to true and paste the real YouTube ID when ready.
const SHOW_VIDEO = false;
const VIDEO_ID = "VIDEO_ID_AQUI";
return (
Um time pequeno,
técnico, e que treina junto.
Um coach de academia e um estudante de farmácia. A gente escreve em PT-BR, lê estudo, mantém bloodwork em dia.
{SHOW_VIDEO && (
)}
“A gente não posa de médico, não vende fórmula, e não quer ser youtuber.”
);
}
// ─── OBJEÇÃO (neutraliza "vão me empurrar algo perigoso?") ─────────────
function SecObjecao({ dir }) {
const items = [
{ t: "Não prescreve dose pra você.",
d: "Cada substância tem faixa de referência, não receita." },
{ t: "Não substitui médico.",
d: "A gente diz isso de novo: bloodwork e acompanhamento são inegociáveis." },
{ t: "Não vende substância.",
d: "Não indicamos fornecedor, não compramos junto, não temos parceiro." },
{ t: "É leitura, não consulta.",
d: "Você lê, entende, decide. A decisão final é sempre sua." },
];
return (
Isso não é o que você imagina.}>
{items.map((it, i) => (
0{i + 1}
{it.t}
{it.d}
))}
);
}
// ─── DEPOIMENTOS (placeholder — popular com prints reais dos primeiros) ─
function SecDepoimentos({ dir }) {
// PLACEHOLDER — popular com prints reais conforme primeiros compradores
// derem feedback. Pedir autorização e screenshot do Telegram/WhatsApp.
const depoimentos = [
// Exemplo de estrutura quando tiver depoimentos:
// { texto: "Achei muito direto. Comprei e li tudo em 2 dias.", autor: "@usuario1", contexto: "primeiro ciclo" },
];
// Enquanto não tem depoimentos, retorna null pra não renderizar a seção
if (depoimentos.length === 0) return null;
return (
{depoimentos.map((d, i) => (
"{d.texto}"
{d.autor}·{d.contexto}
))}
);
}
// ─── ANTES & DEPOIS (de comprar) ────────────────────────────────────────
function SecAntesDepois({ dir }) {
// Reduced from 4 to 3 rows. Copy tightened.
const rows = [
{ antes: "Você abre 12 abas e ninguém concorda.",
depois: "Uma referência sólida em PT-BR, no celular." },
{ antes: "Pergunta no DM e leva 'depende, mano'.",
depois: "Protocolo escrito, com timing, com fonte." },
{ antes: "Aumenta dose porque travou — e quebra o eixo.",
depois: "Sabe o que ajustar antes da dose." },
];
return (