/* global React, FeatureIcon, WA_LINK */
// ─── SVG Illustrations ────────────────────────────────────────────────────────
function IlluInbox() {
return (
);
}
function IlluPipeline() {
const cols = [
{ l:'Novos', c:'#1E90FF', items:[['Ana Paula','Lead quente'],['Pedro Alves','Site']] },
{ l:'Proposta', c:'#7B3FE4', items:[['Garcia Sadler','R$ 1.400/mês']] },
{ l:'Fechado', c:'#25D366', items:[['EstacionePark','R$ 1.960/mês'],['Alessandro','R$ 1.100/mês']] },
];
return (
);
}
function IlluAgent() {
return (
);
}
function IlluAnalytics() {
const line = [[40,200],[110,175],[180,148],[250,160],[320,115],[390,88],[460,64],[530,45]];
const d = line.map((p,i) => `${i===0?'M':'L'}${p[0]} ${p[1]}`).join(' ');
const fill = [...line,[530,248],[40,248]].map((p,i) => `${i===0?'M':'L'}${p[0]} ${p[1]}`).join(' ')+'Z';
return (
);
}
function IlluSite() {
return (
);
}
// ─── Feature Card component (estilo Google AI Plans) ─────────────────────────
function FeatCard({ media, tag, title, desc, wide, accent }) {
const col = accent || '#1E90FF';
return (
{media}
{tag && (
{tag}
)}
{title}
{desc}
);
}
// ─── Sections ─────────────────────────────────────────────────────────────────
function PainBlock() {
const pains = [
{ t: 'Resposta que demora', d: 'O cliente manda mensagem e a resposta vem horas depois. Quando chega, ele já comprou de outro.' },
{ t: 'Nada conversa entre si', d: 'Contato no celular de um, planilha com outro, contrato perdido no e-mail. Cada parte da operação vive numa ilha.' },
{ t: 'Nenhum número claro', d: 'Você não sabe quantos leads chegaram, quanto entrou no caixa, nem onde a operação está travando.' },
{ t: 'Cada um faz de um jeito', d: 'Sem processo, cada pessoa atende, orça e cobra do seu jeito. O resultado fica imprevisível.' },
{ t: 'A carteira vai embora junto', d: 'Quando alguém sai da equipe, leva contatos e histórico que deveriam ser da empresa.' },
{ t: 'Não sabe por onde começar', d: 'Você sabe que precisa de tecnologia, mas falta um parceiro que entenda a operação inteira.' },
];
return (
Reconhece alguma?
O que costuma travar a operação antes de virar venda.
Situações comuns no dia a dia. Quantas você reconhece na sua empresa?
{pains.map((p, i) => (
{p.t}
{p.d}
))}
Reconheceu três ou mais? É exatamente isso que a plataforma organiza para você.
);
}
function SolutionBlock() {
return (
Recursos
Os recursos que fazem a operação girar.
Inbox, agente de IA, pipeline, dados, site e suporte. Tudo com a sua marca.
{/* Linha 1: Wide + Narrow */}
}
tag="ATENDIMENTO"
title="Inbox unificado com todas as conversas"
desc="Toda mensagem do WhatsApp da sua empresa em um só lugar. Nenhum lead some, nenhuma conversa se perde. Sua equipe atende de onde estiver."
accent="#25D366"
/>
}
tag="INTELIGÊNCIA ARTIFICIAL"
title="Agente de IA respondendo 24h"
desc="Qualifica lead, tira dúvida de preço, agenda visita e faz follow-up. Trabalha enquanto sua equipe descansa."
accent="#7B3FE4"
/>
{/* Linha 2: Narrow + Wide */}
}
tag="VENDAS"
title="Pipeline kanban do lead ao fechamento"
desc="Visualize cada oportunidade. Cobre, negocie e feche sem sair da plataforma."
accent="#1E90FF"
/>
}
tag="DADOS"
title="Você sabe exatamente quanto está convertendo"
desc="MRR, taxa de conversão, origem de lead, ticket médio, tempo de resposta. Tudo em tempo real, sem exportar planilha."
accent="#1E90FF"
/>
{/* Linha 3: 3 iguais */}
}
tag="PERFORMANCE+"
title="Site incluso no plano"
desc="Integrado ao CRM. Cada visitante vira lead no funil automaticamente."
accent="#7B3FE4"
/>
White-label completo
Logo, cores e domínio próprios
}
tag="WHITE-LABEL"
title="Sua marca em cada interação"
desc="O cliente vê sua empresa, não a nossa. Subdomínio próprio, logo e paleta configurados por você."
accent="#1E90FF"
/>
SLA garantido em contrato
Suporte direto dentro do produto
}
tag="SUPORTE"
title="Suporte de gente que entende o seu negócio"
desc="Bug, dúvida ou ajuste: você fala com a Brava direto dentro da plataforma. SLA visível, sem abrir ticket genérico."
accent="#7B3FE4"
/>
{/* Encerramento da seção */}
Tudo isso já está pronto. Só falta configurar para a sua empresa.