// ============================================================ // Evidia · Mockups v2 · Seção 04 — opções de redesenho (comunidade) // Menos texto solto; a tese vira elemento visual. // Opção A · Cadeia de valor (pipeline visual) // Opção B · Editorial split (lista numerada compacta) // ============================================================ const ci = { fill: "none", stroke: "var(--cyan-400)", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" }; const NODES = [ { label: "Médicos selecionados", icon: }, { label: "Protocolos & evidência", icon: }, { label: "Melhores desfechos", icon: }, { label: "Menos desperdício", icon: }]; // ----------------------------------------------------------- // OPÇÃO A · Cadeia de valor (pipeline visual) // ----------------------------------------------------------- const CommunityFlow = () =>
A comunidade com voz

A comunidade não entrega só consultas. Entrega evidência.

{/* pipeline */}
{NODES.map((n, i) =>
{n.icon} {i + 1}
{n.label}
{i < NODES.length - 1 &&
} )}
{/* fecho */}
É isso que dá à rede voz e relevância junto às operadoras.
; // ----------------------------------------------------------- // OPÇÃO B · Editorial split (lista numerada compacta) // ----------------------------------------------------------- const CommunityEditorial = () => { const items = [ { n: "01", t: "Cuidado baseado em evidências", note: "protocolos compartilhados pela comunidade" }, { n: "02", t: "Melhores desfechos", note: "decisões padronizadas, melhor resultado clínico" }, { n: "03", t: "Menos desperdício", note: "menos retrabalho, exame redundante e glosa" }]; return (
A comunidade com voz

Não entrega só consultas. Entrega evidência.

{items.map((it, i) =>
{it.n}
{it.t}
{it.note}
)}
); }; // ----------------------------------------------------------- // OPÇÃO C · Estrutura melhorada (MANTÉM todo o conteúdo da base, // porém em cards contidos + faixa de fluxo — menos texto solto) // ----------------------------------------------------------- const CommunityStructured = ({ showChain = true, accent }) => { const results = [ { t: "Cuidado baseado em evidências.", d: "Protocolos clínicos compartilhados e revisados pela própria comunidade médica. Padrão claro, não opinião isolada.", icon: }, { t: "Melhores desfechos.", d: "Decisões baseadas em evidências e bem documentadas melhoram o resultado clínico para o paciente.", icon: }, { t: "Menos desperdício.", d: "Menos retrabalho, menos exame redundante, menos glosa. O sistema de saúde passa a gastar melhor.", icon: }]; const chain = ["Médicos selecionados", "Evidência & protocolos", "Melhores desfechos · menos custo", "Voz junto às operadoras"]; return (

Quando bons médicos se organizam a saúde ganha.

Quando os melhores médicos do país compartilham protocolos e padrão clínico, todo o ecossistema de saúde ganha, e é isso que dá à rede relevância junto às operadoras.

{/* 3 cards contidos */}
{results.map((r, i) =>
{r.icon}
{r.t}
{r.d}
)}
{/* faixa de fluxo (footer) */} {showChain &&
{chain.map((s, i, arr) => {s} {i < arr.length - 1 && } )}
}
); }; Object.assign(window, { CommunityFlow, CommunityEditorial, CommunityStructured });