const ProjectVisuals = ({ project }) => { const [t, setT] = React.useState(0); React.useEffect(() => { let raf; const start = performance.now(); const tick = (now) => { setT((now - start) / 1000); raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, []); const title = project?.t || ''; // Container helper const VBox = ({ title, children }) => (
{title}
{children}
); let content; if (title === 'Automação de Processos Operacionais') { content = ( ); } else if (title === 'CRM Comercial Personalizado') { content = (
{[100, 80, 60, 40].map((w, i) => (
))}
NEGÓCIO FECHADO
); } else if (title === 'Dashboard Executivo em Tempo Real') { content = ( {[0,1,2,3,4,5].map(i => { const h = 40 + Math.abs(Math.sin(t + i))*60; return })} ); } else if (title === 'Atendente Virtual com IA Generativa') { content = (
Problema no acesso.
IA: Já identifiquei o erro. Resetando sua senha agora...
); } else if (title === 'Integração de Sistemas e Ferramentas') { content = ( {[0, 120, 240].map((deg, i) => { const rad = (deg * Math.PI) / 180 + t; const x = 150 + Math.cos(rad) * 60; const y = 100 + Math.sin(rad) * 60; return ( ); })} ); } else if (title === 'Design de Inteligência') { content = ( {[ [60,60],[60,140],[150,40],[150,100],[150,160],[240,80],[240,120] ].map((pt, i) => ( ))} {[ [60,60],[60,140],[150,40],[150,100],[150,160],[240,80],[240,120] ].map((pt, i) => ( ))} ); } else if (title === 'Inteligência Médica de Captura') { content = ( 0.9 ? 1.2 : 1})` }}/> ); } else if (title === 'Agente de Análise de Contrato') { content = (
Risco Detectado
); } else if (title === 'Inbound Marketing Automatizado') { content = ( {[0,1,2,3,4].map(i => { const rad = (t*2 + i) % (Math.PI*2); const dist = 120 - ((t*40 + i*30)%120); return })} ); } else if (title === 'Produção de Conteúdo em Massa') { content = (
{[0,1,2,3,4,5].map(i => (
))}
); } else if (title === 'Agente de Análise de Dados') { content = (
Mostre vendas por região
{[0,1,2,3].map(i => (
))}
); } else if (title === 'Agente de Mídia e Conteúdo para Moda') { content = (
{/* Imagem do Produto */}
{/* Copy Gerada */}
IMPULSIONANDO
{/* Partículas */} {[0,1,2,3].map(i => { const y = 100 - ((t*60 + i*25)%100); return (
{i % 2 === 0 ? '$' : '♥'}
); })}
); } else if (title === 'Portal Institucional para Mandatos e Instituições') { content = (
{/* Wireframe do Site */}
{/* Escudo de proteção animado */}
{/* Cidadãos se conectando */} {[0,1,2].map(i => { const rad = (t*1.5 + i*2.1) % (Math.PI*2); return (
); })}
); } else { // Fallback content = ( ); } return ( <> {content} ); }; /* PAGE: Project Detail */ const ProjetoDetalhePage = ({ onNav, project }) => { const title = project?.t || 'Central de vendas inteligente'; const subtitle = project?.tags?.join(' · ') || 'AUTOMAÇÃO · IA · INTEGRAÇÕES'; const description = project?.d || 'Automatização do funil comercial com integração entre CRM, propostas e follow-ups inteligentes. Menos esforço manual, mais conversões e previsibilidade.'; const chips = project?.chips || ['Make','HubSpot','Google Sheets','OpenAI','Looker Studio']; const defaultStats = [['+42%','aumento na taxa de conversão','chart-up'],['-35%','redução do tempo do ciclo de vendas','zap'],['+28%','mais propostas enviadas/mês','target']]; const stats = project?.stats ? project.stats.map((s, i) => [s[0], s[1], ['chart-up','zap','target'][i%3]]) : defaultStats; const defaultSteps = [ ['01 · DESAFIO','O processo era manual e fragmentado. As informações estavam espalhadas, com perda de visibilidade, baixa confiabilidade e follow-ups inconsistentes que impactavam o resultado final.'], ['02 · SOLUÇÃO','Desenvolvemos um ecossistema inteligente que conecta todas as etapas do processo. A solução automatiza tarefas repetitivas, padroniza a operação e consolida os dados em tempo real.'], ['03 · ESTRUTURA','• Mapeamento de entradas e gatilhos\n• Motor de automação central\n• Agentes de IA para tomada de decisão\n• Dashboards em tempo real para monitoramento'], ['04 · FLUXO','Captura do dado → Triagem e enriquecimento automático → Processamento inteligente → Atualização do banco de dados e notificação da equipe responsável.'], ['05 · RESULTADOS','• Operação centralizada e 100% conectada\n• Visibilidade total do fluxo em tempo real\n• Mais produtividade para o time\n• Decisões orientadas por dados e previsibilidade'], ]; const defaultAntes = ['Dados fragmentados e desestruturados','Processos manuais e repetitivos','Baixa visibilidade do gargalo operacional']; const defaultDepois = ['Fluxo centralizado e automatizado','Ações inteligentes em tempo certo','Mais eficiência e previsibilidade na operação']; const defaultArquitetura = [['doc','Ponto de Captura'],['workflow','Motor de Automação'],['users','Plataforma Central'],['database','Banco de Dados'],['chart','Painéis Executivos']]; const defaultTestimonial = { quote: '"O projeto mudou completamente nossa operação. Ganhamos escala, organizamos nosso fluxo e aumentamos a eficiência da equipe de forma consistente e rápida."', author: 'Gestor(a) de Operações', role: 'Cliente', avatar: 'https://i.pravatar.cc/100?u=gestor' }; const defaultMeta = [['Setor','Tecnologia e Serviços'],['Time envolvido','Operações e Liderança'],['Duração do projeto','4 a 8 semanas'],['Status','Implementado']]; const steps = project?.steps || defaultSteps; const antes = project?.antes || defaultAntes; const depois = project?.depois || defaultDepois; const arquitetura = project?.arquitetura || defaultArquitetura; const testimonial = project?.testimonial || defaultTestimonial; const meta = project?.meta || defaultMeta; return (
{subtitle}

{title}

{description}

{chips.map(t => {t})}
{stats.map(([n, l, ic]) => (
{n}
{l}
))}
{steps.map(([t, d]) => (
{t}

{d}

))}
Antes e depois

Menos retrabalho,
mais resultado.

ANTES
{antes.map(b => (
• {b}
))}
DEPOIS
{depois.map(b => (
• {b}
))}
Arquitetura da solução
{arquitetura.map(([ic, l], i) => (
{l}
{i < arquitetura.length - 1 && }
))}
Sincronização automática, dados confiáveis e decisões mais rápidas.

{testimonial.quote}

{testimonial.author}
{testimonial.role}
{meta.map(([k, v]) => (
{k} {v}
))}
); }; window.ProjetoDetalhePage = ProjetoDetalhePage;