{/* connecting lines */}
{/* Entrada — top left */}
{NodeEntrada}
{/* Engine — center right */}
{NodeEngine}
{/* Dashboard — bottom left */}
{NodeDashboard}
{/* Activity — bottom right */}
{NodeActivity}
);
}
// =====================================================================
// MARQUEE STRIP — running tech ticker between sections
// =====================================================================
function MarqueeStrip() {
const items = [
'sistemas sob medida',
'agentes de ia',
'whatsapp api',
'n8n · automações',
'dashboards em tempo real',
'crm · erp · webhooks',
'postgres · supabase',
'next.js · fastapi',
'integrações sob medida',
'openai · anthropic · grok'];
return (
{[...items, ...items].map((t, i) =>
{t}
)}
);
}
// =====================================================================
// PROVOCATIVE
// =====================================================================
function Provocative() {
const cards = [
{
tag: '01',
icon: ,
title: 'atendimento perdido',
body: 'leads esquecidos no WhatsApp, mensagens sem resposta, clientes indo embora antes de você notar.',
stat: <>%dos leads,
stat_sub: 'nunca recebem retorno'
},
{
tag: '02',
icon: ,
title: 'processos manuais',
body: 'planilhas duplicadas, retrabalho diário, gente caríssima fazendo tarefa que um sistema resolveria em segundos.',
stat: <>hpor dia,
stat_sub: 'gastas em cópia-e-cola'
},
{
tag: '03',
icon: ,
title: 'gestão sem clareza',
body: 'você sente que algo está errado mas não consegue provar. número certo, em tempo real, nunca está à mão.',
stat: <>decisõesno escuro,
stat_sub: 'baseadas em achismo'
}];
const onMove = useSpotlight();
return (
se sua empresa ainda depende de planilhas, retrabalho e WhatsApp bagunçado, ela já está atrasada.}>
{cards.map((c) =>
/ {c.tag}
{c.icon}
{c.title}
{c.body}
{c.stat}
{c.stat_sub}
)}
);
}
// =====================================================================
// SOLUTIONS
// =====================================================================
function Solutions() {
const cards = [
{
icon: , title: 'sistemas sob medida',
body: 'plataformas internas, ERPs leves e ferramentas próprias — construídas para a forma como sua empresa realmente opera.',
tags: ['web app', 'multi-usuário', 'login + permissões'],
span: 'md:col-span-2'
},
{
icon: , title: 'automações',
body: 'fluxos que rodam sozinhos: cadastros, follow-ups, notificações, geração de documentos, backups.',
tags: ['n8n', 'webhooks', 'gatilhos']
},
{
icon: , title: 'agentes de IA',
body: 'atendentes e SDRs digitais que entendem seu produto, qualificam leads e respondem 24/7 — no seu tom.',
tags: ['atendimento', 'vendas', 'qualificação']
},
{
icon: , title: 'dashboards',
body: 'paineis em tempo real que mostram o que importa: receita, gargalos, conversão, performance por canal.',
tags: ['BI sob medida', 'tempo real']
},
{
icon: , title: 'integrações',
body: 'WhatsApp, CRMs, bancos de dados, ferramentas internas. tudo conversando entre si, sem cópia e cola.',
tags: ['WhatsApp API', 'CRMs', 'bancos de dados', 'ERP'],
span: 'md:col-span-2'
}];
const onMove = useSpotlight();
return (
tecnologia sob medida para fazer sua empresa rodar melhor.}
intro="cinco linhas de trabalho. cada uma resolve um lugar específico onde sua empresa está perdendo tempo, atenção ou dinheiro.">
{cards.map((c, i) =>
{c.icon}
0{i + 1}
{c.title}
{c.body}
{c.tags.map((t) =>
{t}
)}
)}
);
}
// =====================================================================
// PROCESS
// =====================================================================
function Process() {
const onMoveStep = useSpotlight();
const steps = [
{
n: '01', label: 'diagnóstico',
body: 'conversa estruturada com você e seu time pra entender onde o tempo escorre, quais processos quebram e onde a tecnologia traz mais retorno.',
delivers: ['mapa de gargalos', 'ROI estimado']
},
{
n: '02', label: 'mapeamento',
body: 'desenhamos o sistema, automação ou agente exatamente como ele vai funcionar — com escopo, prazo e prioridades validados antes de escrever uma linha de código.',
delivers: ['blueprint técnico', 'cronograma']
},
{
n: '03', label: 'desenvolvimento',
body: 'entregas semanais, sem caixa-preta. você acompanha cada release, testa em produção e dá direção enquanto a gente constrói.',
delivers: ['releases semanais', 'ambiente de teste']
},
{
n: '04', label: 'evolução',
body: 'sistema no ar não é o fim — é o começo. monitoramos, ajustamos e expandimos conforme sua empresa cresce.',
delivers: ['suporte', 'novas features']
}];
return (
do problema ao sistema funcionando.}
intro="quatro etapas, sem mistério. cada uma com entregáveis claros e prazos definidos.">