// sections-personas.jsx — Duas seções de persona, cada uma com mock de UI function ForSpecialist() { const isMobile = useBreakpoint(); const benefits = [ ["Estoque que se controla sozinho", "Você registra o procedimento; o sistema dá baixa no lote — e te avisa quando vai vencer."], ["Tempo administrativo cortado pela metade", "Fim do controle paralelo em planilha. Tudo em um modelo de dados único, sem nunca encostar em prontuário."], ["Dado de operação que era invisível, agora visível", "Cada procedimento vira dado financeiro automaticamente — custo por sessão, mix de produto, projeção de reposição. Sem trabalho extra."], ["Relação consultiva com o consultor Rennova", "Recomendações, pedidos e cronograma de uso em um canal — não em chat solto."] ]; return (
Você cuida do paciente.
A Curva cuida da operação.} lede="Desenhado a partir da rotina real de quem aplica — não da rotina imaginada por quem nunca aplicou. Cada tela existe para reduzir clique, não para gerar relatório." />
    {benefits.map(([t, d], i) => (
  • {String(i + 1).padStart(2, "0")}
    {t}
    {d}
    • ))}
); } // Mock do especialista: tela de registro de procedimento — apenas dado operacional function SpecialistMock() { return (
Novo procedimento
Sessão #A-4218 · 23 mai 14:22
Rascunho salvo
{/* Esquerda: formulário de procedimento */}
Hyalux Ultra 1ml HLX-2391 · val. 08/26
{/* Direita: histórico do lote + efeitos automáticos */}
Histórico do lote HLX-2391
{[ ["12 mai", "Mid face · sessão #A-4198"], ["15 mai", "Mid face · sessão #A-4203"], ["19 mai", "Lábios · sessão #A-4211"], ["23 mai", "Mid face · sessão atual", true] ].map(([d, what, curr], i) => (
{d} {what}
))}
Ao salvar, o sistema irá
  • Registrar uso do lote HLX-2391
  • Calcular custo direto da sessão (R$ 162)
  • Atualizar projeção de reposição
  • Sem registro de dados de paciente
); } function Row({ label, children }) { return (
{label}
{children}
); } function PillSelect({ options, selected }) { return (
{options.map((o, i) => ( {o} ))}
); } // Mapa de face estilizado (ilustração leve, não anatômica) function FaceMap() { return ( ● MID FACE ○ BOCHECHA ○ LÁBIOS ); } function ForConsultor() { const isMobile = useBreakpoint(); const benefits = [ ["Visão real da carteira", "Estoque, procedimentos e mix de produto de cada cliente, em tempo real — quando o cliente autoriza."], ["Recomendação baseada em dado", "Sugestões de produto saem do achismo. Saem do padrão de consumo, da sazonalidade e da projeção de reposição."], ["Alertas que abrem conversas", "Cliente com queda no ritmo, lote prestes a vencer, novo padrão de procedimento — você é avisado antes do cliente."], ["Histórico de relacionamento estruturado", "Recomendações registradas, pedidos versionados, agenda comum. Nada se perde entre visitas."] ]; return (
De vendedor de pedido
a parceiro estratégico.} lede="Curva Mestra entrega ao consultor a única coisa que sempre faltou: visão real, autorizada pelo cliente, da operação que ele apoia. O resultado é uma relação que sai do reativo e entra no consultivo." />
    {benefits.map(([t, d], i) => (
  • {String(i + 1).padStart(2, "0")}
    {t}
    {d}
    • ))}
); } // Mock do consultor: visão de carteira function ConsultorMock() { const clients = [ { n: "Dra. Helena Vidal", c: "Clínica Cíngulo · SP", s: "stable", val: "R$ 28.4k", trend: "+12%" }, { n: "Dr. Bruno Aragão", c: "Concierge Estética · RJ", s: "rising", val: "R$ 41.2k", trend: "+34%" }, { n: "Dra. Cláudia Sá", c: "Studio Sá · BH", s: "warn", val: "R$ 9.1k", trend: "−18%" }, { n: "Dr. Igor Penna", c: "Penna HOF · POA", s: "stable", val: "R$ 22.7k", trend: "+4%" } ]; const statusColor = { stable: "#4ade80", rising: "var(--gold-2)", warn: "#f59e0b" }; const statusLabel = { stable: "Estável", rising: "Em ascensão", warn: "Atenção" }; return (
Carteira · Sudeste 2
14 clientes ativos
Buscar Maio 2026
{/* KPI strip */}
{[ { v: "R$ 312k", l: "Volume 30d", t: "+18%", a: true }, { v: "11/14", l: "Estáveis ou em alta" }, { v: "2", l: "Em alerta", warn: true }, { v: "1", l: "Em ascensão" } ].map((k, i) => (
{k.v}
{k.l}
{k.t &&
{k.t}
} {k.warn &&
requer ação
} ))}
{/* Lista de clientes */}
Carteira · top movimento
{clients.map((c, i) => (
{c.n}
{c.c}
{c.val}
{c.trend}
{statusLabel[c.s]}
))} {/* Card de sinais */}
Sinais da semana
{[ ["Dra. Helena", "2 lotes Hyalux vencem em 30d", "alert"], ["Dr. Bruno", "Subiu para Hyalux Ultra (+1 SKU)", "rising"], ["Dra. Cláudia", "Queda 18% em procedimentos · 30d", "alert"], ["Carteira", "Sazonalidade: pré-inverno · bioestimuladores", "info"] ].map(([who, what, kind], i) => (
{who}
{what}
))}
); } Object.assign(window, { ForSpecialist, ForConsultor });