/* Maitha Tech — "Synapse Agentic Delivery" (página de campanha). 7 blocos, conforme o plano de ação. Usa primitives + Nav/Footer do site. */ /* —— BLOCO 1 · Hero atmosférico + frase "escrita" ————————— */ function SynTypeLine({ text, start = 180, speed = 16, onDone }) { const [n, setN] = React.useState(0); React.useEffect(() => { const reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduced) { setN(text.length); if (onDone) onDone(); return; } let i = 0, timer = null; const tick = () => { i += 1; setN(i); if (i >= text.length) { if (onDone) onDone(); return; } timer = setTimeout(tick, speed); }; const kick = setTimeout(tick, start); return () => { clearTimeout(kick); clearTimeout(timer); }; }, [text]); const done = n >= text.length; return ( {text.slice(0, n)} ); } function SynapseHero() { const [done, setDone] = React.useState(false); return (

setDone(true)} />

Synapse Agentic Delivery

Um novo modelo de entrega de software, desenhado para uma realidade em que humanos e agentes de IA operam como um sistema.

Conheça o método
); } /* —— BLOCO 2 · A nova fronteira é a capacidade ——————————— */ const SYN_FRAMES = [ "assets/images/data-engineering.jpg", "assets/images/ai-phase-2.jpg", "assets/images/digital-of-1.jpg", "assets/images/cultura-motion.jpg", ]; function SynFlipMedia({ offset = 0, interval = 780 }) { const [i, setI] = React.useState(offset % SYN_FRAMES.length); React.useEffect(() => { const reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduced) return; const id = setInterval(() => setI((v) => (v + 1) % SYN_FRAMES.length), interval); return () => clearInterval(id); }, [interval]); return (
{SYN_FRAMES.map((src, k) => ( ))}
); } function SynapseCapacidade() { return (
O método

A nova fronteira da engenharia é a capacidade.

O método Synapse Agentic Delivery organiza pessoas, inteligência e automação em um sistema de entrega que evolui a cada sprint.

Enquanto humanos concentram energia em contexto, decisões, estratégia e validação, agentes assumem partes estruturadas da execução.

O resultado é uma operação mais enxuta, mais rastreável e capaz de aumentar sua capacidade sem depender exclusivamente de aumentar o time.

); } /* —— BLOCO 3 · Números ————————————————————————————— */ const SYN_NUMEROS = [ { v: "60%", t: "menos tempo de planejamento", d: "Menos ambiguidade. Mais clareza para transformar problemas em entrega." }, { v: "70%", t: "menos tempo de desenvolvimento", d: "Execução automatizada de código, testes e documentação." }, { v: "40%", t: "menos retrabalho técnico", d: "Mais consistência desde a especificação até a validação." }, ]; function SynapseNumeros() { return (

A cada sprint, a máquina melhora.

{SYN_NUMEROS.map((n, i) => (
{n.v} {n.t} {n.d}
))}

E o ganho não para na primeira entrega.

A capacidade do sistema aumenta conforme o conhecimento e os padrões são acumulados a cada ciclo.

); } /* —— BLOCO 4 · Cases (rail horizontal) ————————————————— */ const SYN_CASES = [ { setor: "Farmacêutica", t: "6 horas viraram 30 minutos.", d: "Uma farmacêutica brasileira de grande porte precisava transformar dados de performance de uma força de vendas com mais de 900 representantes em planos de ação rastreáveis.", img: "assets/images/dif-2.jpg" }, { setor: "Óleo & Gás", t: "Conhecimento e operação jurídica em minutos.", d: "Uma das maiores empresas brasileiras do setor precisava acelerar duas frentes de IA: democratizar o acesso ao conhecimento institucional e reduzir o tempo gasto pelo jurídico em análises e documentos.", img: "assets/images/ai-phase-2.jpg" }, ]; function SynapseCases() { const rail = React.useRef(null); const scrollBy = (dir) => { const el = rail.current; if (!el) return; el.scrollBy({ left: dir * Math.min(el.clientWidth * 0.86, 620), behavior: "smooth" }); }; return (
Resultados

A teoria é boa. O resultado é melhor

Problemas diferentes. A mesma lógica: transformar capacidade de engenharia em resultado operacional.

{SYN_CASES.map((c) => (
{c.setor}

{c.t}

{c.d}

))}
); } /* —— BLOCO 5 · Governança ————————————————————————— */ const SYN_GATES = ["Especificações estruturadas", "Critérios claros", "Testes automatizados", "Conhecimento versionado", "Validação humana", "Gates de produção"]; function SynapseGovernanca() { const ref = React.useRef(null); const [on, setOn] = React.useState(0); React.useEffect(() => { const el = ref.current; if (!el) return; const reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; const io = new IntersectionObserver((entries) => { if (!entries[0].isIntersecting) return; io.disconnect(); if (reduced) { setOn(SYN_GATES.length); return; } let i = 0; const step = () => { i += 1; setOn(i); if (i < SYN_GATES.length) setTimeout(step, 420); }; setTimeout(step, 240); }, { threshold: 0.35 }); io.observe(el); return () => io.disconnect(); }, []); return (

Velocidade sem controle não é transformação. É risco.

Por isso, o Synapse coloca qualidade, segurança e rastreabilidade dentro do sistema de entrega.

{SYN_GATES.map((g, i) => (
{String(i + 1).padStart(2, "0")} {g}
))}
Velocidade com governança. Escala com responsabilidade.
); } /* —— BLOCO 6 · Stack (logos orbitando) ————————————————— */ const SYN_STACK = [ { name: "Anthropic", slug: "anthropic" }, { name: "OpenAI", slug: "openai", ver: "v13" }, { name: "Gemini", slug: "googlegemini" }, { name: "Meta", slug: "meta" }, { name: "Mistral AI", slug: "mistralai" }, { name: "Cohere", slug: null }, { name: "xAI", slug: "x" }, { name: "AWS", slug: "amazonwebservices", ver: "v13" }, { name: "Azure", slug: "microsoftazure", ver: "v11" }, { name: "Google Cloud", slug: "googlecloud" }, { name: "Nvidia", slug: "nvidia" }, { name: "Oracle Cloud", slug: "oracle", ver: "v13" }, { name: "Snowflake", slug: "snowflake" }, { name: "Databricks", slug: "databricks" }, { name: "SAP", slug: "sap" }, { name: "Salesforce", slug: "salesforce", ver: "v13" }, { name: "Microsoft", slug: "microsoft", ver: "v11" }, { name: "GitHub Copilot", slug: "githubcopilot" }, { name: "Cursor", slug: "cursor" }, { name: "LangChain", slug: "langchain" }, { name: "CrewAI", slug: "crewai" }, { name: "n8n", slug: "n8n" }, { name: "Zapier", slug: "zapier" }, ]; function SynStackMark({ item, size = 26, fallback = true }) { const [failed, setFailed] = React.useState(false); if (failed || !item.slug) { if (!fallback) return null; return {item.name}; } return ( {item.name} setFailed(true)} style={{ width: size, height: size, objectFit: "contain", filter: "invert(1)", opacity: 0.85 }} /> ); } function SynOrbitRing({ items, radius, duration, reverse = false }) { const step = 360 / items.length; return (
{items.map((it, i) => ( ))}
); } function SynapseStack() { const inner = SYN_STACK.slice(0, 7); const mid = SYN_STACK.slice(7, 15); const outer = SYN_STACK.slice(15); return (
Stack

Trocar de stack não está nos planos? O Synapse também não pede isso.

Adaptado à arquitetura que sua operação já construiu.

    {SYN_STACK.map((s) =>
  • {s.name}
    • )}
); } /* —— BLOCO 7 · Cada sprint … ——————————————————————— */ const SYN_VERBOS = ["entrega", "aprende", "acelera"]; function SynapseSprint() { const [i, setI] = React.useState(0); React.useEffect(() => { const reduced = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduced) return; const id = setInterval(() => setI((v) => v + 1), 1900); return () => clearInterval(id); }, []); const cur = SYN_VERBOS[i % SYN_VERBOS.length]; return (

Cada sprint {cur}

); } /* —— BLOCO 8 · CTA final + formulário ————————————————— */ function SynapseCTA() { return (
A pergunta agora é outra

Quanto tempo sua engenharia ainda pode operar como se a IA fosse apenas uma ferramenta?

Conheça o Synapse Agentic Delivery.

Agende uma conversa com a Maitha.

Insira suas informações

Prometemos não enviar e-mails indesejados ;)
); } Object.assign(window, { SynapseHero, SynapseCapacidade, SynapseNumeros, SynapseCases, SynapseGovernanca, SynapseStack, SynapseSprint, SynapseCTA });