https://datarain.com.br/assets/AilosDemo-DQqoFJHx.js

1import{r as h,j as e,R as u,C as g,a as b,K as f,O as v,P as j,w as y,Q as N,d as w}from"./index-CLaLYV_k.js";import{m as t,A}from"./proxy-DUJZE82m.js";const i=[{id:"challenge",icon:f,title:"80 mil atendimentos por mês",narrative:"O SAC do Ailos processava 80 mil atendimentos mensais entre ligações e WhatsApp, com alto TMA, base de conhecimento fragmentada e falta de padronização nas respostas.",before:"Alto TMA, TME elevado e taxa de abandono significativa",after:"Copiloto de IA sugerindo respostas em tempo real aos atendentes",highlight:"80 mil atendimentos/mês",color:"#2563eb"},{id:"copilot",icon:v,title:"Copiloto com Amazon Bedrock",narrative:"Agente virtual inteligente integrado ao Microsoft Teams, utilizando Amazon Bedrock como LLM com flexibilidade para troca de modelo (Anthropic, Mistral, Meta).",before:"Atendentes consultando múltiplas fontes manualmente",after:"IA sugere respostas contextualizadas em tempo real via Teams",color:"#7c3aed"},{id:"knowledge",icon:j,title:"Base de conhecimento inteligente",narrative:"Repositório versionado e segmentado por cooperativa e produto, com cache inteligente, feedback thumbs up/down e fallback para especialista humano.",before:"Base fragmentada por cooperativa, sem segmentação",after:"Repositório unificado, versionado e segmentado com feedback loop",color:"#d97706"},{id:"security",icon:y,title:"Segurança e LGPD",narrative:"Conformidade com LGPD, criptografia TLS 1.2+ e AES-256, Zero Trust Architecture, mascaramento automático de CPF e telefones, content filtering e circuit breaker.",before:"Dados sensíveis sem mascaramento automático",after:"LGPD, Zero Trust, mascaramento automático e content filtering",color:"#dc2626"},{id:"goals",icon:N,title:"Metas ambiciosas",narrative:"Acurácia ≥90%, taxa de alucinação ≤10%, tempo de resposta <10s, disponibilidade 99,5%, suporte a 100 consultas simultâneas e satisfação ≥90% dos usuários piloto.",before:"Sem métricas de qualidade para o atendimento assistido por IA",after:"Metas claras: ≥90% acurácia, <10s resposta, 99,5% disponibilidade",highlight:"≥90% acurácia | ≤10% alucinação",color:"#0d9488"},{id:"results",icon:w,title:"SAC transformado por IA",narrative:"Framework de IA para escalonamento futuro, comitê de IA, curadoria contínua, logs auditáveis e CI/CD com testes automatizados para evolução segura.",before:"Atendimento manual sem inteligência artificial",after:"SAC potencializado por IA Generativa com governança completa",color:"#059669"}],S=()=>{const[s,d]=h.useState(0),a=i[s],m=a.icon,p=(s+1)/i.length*100,c=s===i.length-1;return e.jsx("div",{className:"w-full max-w-4xl mx-auto my-8",children:e.jsxs("div",{className:"relative rounded-2xl border border-slate-200 bg-white overflow-hidden shadow-lg",children:[e.jsx(t.div,{className:"absolute inset-0 pointer-events-none",animate:{background:`radial-gradient(ellipse 60% 40% at 50% 20%, ${a.color}08 0%, transparent 70%)`},transition:{duration:.8}}),e.jsxs("div",{className:"relative p-5 md:p-8 space-y-6",children:[e.jsx("div",{className:"flex items-center gap-1",children:i.map((o,r)=>

1{const x=o.icon,l=r<s,n=r===s;return e.jsxs(u.Fragment,{children:[e.jsxs(t.button,{onClick:()=>d(r),className:"relative shrink-0",whileHover:{scale:1.15},whileTap:{scale:.9},"aria-label":o.title,children:[e.jsx(t.div,{className:"w-9 h-9 md:w-10 md:h-10 rounded-full flex items-center justify-center border-2 transition-all duration-300",animate:{borderColor:n?o.color:l?"#10b981":"#e2e8f0",backgroundColor:n?`${o.color}12`:l?"rgba(16,185,129,0.08)":"white"},children:l?e.jsx(t.span,{initial:{scale:0},animate:{scale:1},className:"text-emerald-500 text-xs font-bold",children:"✓"}):e.jsx(x,{className:"w-4 h-4",color:n?o.color:"#94a3b8"})}),n&&e.jsx(t.div,{className:"absolute inset-0 rounded-full border-2",style:{borderColor:`${o.color}25`},animate:{scale:[1,1.5,1],opacity:[.5,0,.5]},transition:{duration:2,repeat:1/0}})]}),r<i.length-1&&e.jsx("div",{className:"flex-1 h-0.5 rounded-full overflow-hidden bg-slate-200",children:e.jsx(t.div,{className:"h-full bg-emerald-500",animate:{width:l?"100%":"0%"},transition:{duration:.4}})})]},o.id)})}),e.jsx(A,{mode:"wait",children:e.jsxs(t.div,{initial:{opacity:0,y:60},animate:{opacity:1,y:0},exit:{opacity:0,y:-40},transition:{duration:.4,ease:"easeOut"},className:"space-y-5",children:[e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx(t.div,{className:"w-12 h-12 md:w-14 md:h-14 rounded-2xl flex items-center justify-center shrink-0 border",style:{borderColor:`${a.color}25`,backgroundColor:`${a.color}10`},animate:{boxShadow:[`0 0 10px ${a.color}10`,`0 0 20px ${a.color}18`,`0 0 10px ${a.color}10`]},transition:{duration:2,repeat:1/0},children:e.jsx(m,{className:"w-6 h-6",color:a.color})}),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"text-[10px] uppercase tracking-wider font-medium mb-1",style:{color:a.color},children:["Etapa ",s+1," de ",i.length]}),e.jsx("h3",{className:"text-lg md:text-xl font-bold text-slate-800 mb-2",children:a.title}),e.jsx("p",{className:"text-sm text-slate-500 leading-relaxed",children:a.narrative})]})]}),a.highlight&&e.jsx(t.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{delay:.2},className:"text-center py-3 rounded-xl border",style:{borderColor:`${a.color}20`,background:`linear-gradient(135deg, ${a.color}06 0%, transparent 100%)`},children:e.jsx("span",{className:"text-base md:text-lg font-bold",style:{color:a.color},children:a.highlight})}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[e.jsxs(t.div,{initial:{opacity:0,x:-15,y:80},animate:{opacity:1,x:0,y:0},transition:{delay:.1,duration:.6},className:"p-4 rounded-xl border border-red-200 bg-red-50",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-wider font-bold text-red-500 mb-2",children:"Sem a transformação"}),e.jsx("p",{className:"text-sm text-red-700/70 leading-relaxed",children:a.before})]}),e.jsxs(t.div,{initial:{opacity:0,x:15,y:120},animate:{opacity:1,x:0,y:0},transition:{delay:.3,duration:.7},className:"p-4 rounded-xl border border-emerald-200 bg-emerald-50",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-wider font-bold text-emerald-600 mb-2",children:"Com a dataRain"}),e.jsx("p",{className:"text-sm text-emerald-700/70 leading-relaxed",children:a.after})]})]})]},a.id)}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(t.button,{onClick:()=>d(o=>Math.max(0,o-1)),disabled:s===0,className:"flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs border border-slate-200 text-slate-500 hover:text-slate-700 hover:border-slate-300 hover:bg-slate-50 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",whileHover:{scale:1.05},whileTap:{scale:.95},children:[e.jsx(g,{className:"w-3.5 h-3.5"})," Anterior"]}),e.jsxs(t.button,{onClick:()=>d(o=>Math.min(i.length-1,o+1)),disabled:c,className:"flex items-center gap-1 px-3 py-1.5 rounded-lg text-xs border border-slate-200 text-slate-500 hover:text-slate-700 hover:border-slate-300 hover:bg-slate-50 disabled:opacity-30 disabled:cursor-not-allowed transition-colors",whileHover:{scale:1.05},whileTap:{scale:.95},children:["Próxima ",e.jsx(b,{className:"w-3.5 h-3.5"})]})]}),e.jsx("div",{className:"h-1 bg-slate-100 rounded-full overflow-hidden",children:e.jsx(t.div,{className:"h-full rounded-full",style:{backgroundColor:a.color},animate:{width:`${p}%`},transition:{type:"spring",stiffness:200,damping:25}})}),c&&e.jsxs(t.div,{initial:{opacity:0,y:10}

1,animate:{opacity:1,y:0},className:"text-center py-4 rounded-xl bg-emerald-50 border border-emerald-200",children:[e.jsx("p",{className:"text-sm text-emerald-700 font-medium",children:"IA Generativa transformou o SAC do Ailos com copiloto inteligente."}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:"80 mil atendimentos/mês potencializados por Amazon Bedrock."})]})]})]})})};export{S as AilosDemo};