https://datarain.com.br/assets/VNCDemo-CjR08ID3.js

1import{r as h,j as e,R as u,C as v,a as f,a2 as g,$ as b,B as j,U as y,G as N,a3 as w}from"./index-CLaLYV_k.js";import{m as t,A as C}from"./proxy-DUJZE82m.js";const s=[{id:"challenge",icon:g,title:"Imóveis de luxo pedem tecnologia à altura",narrative:"A VNC Private Homes, especializada em imóveis de alto padrão, precisava se modernizar tecnologicamente sem perder o toque personalizado que seus clientes de elite esperam.",before:"Gestão de portfólio de luxo sem plataforma centralizada",after:"Soluções digitais que combinam sofisticação visual com eficiência operacional",color:"#2563eb"},{id:"branding",icon:b,title:"Comunicação visual sofisticada",narrative:"Evolução dos elementos de marca — modernização de aplicações, paletas e tipografias. Brochuras, portfólios digitais e apresentações que destacam os imóveis de luxo.",before:"Identidade visual que não refletia o posicionamento de luxo contemporâneo",after:"Marca renovada com elegância e sofisticação em todos os materiais",highlight:"Luxo contemporâneo",color:"#7c3aed"},{id:"platform",icon:j,title:"Sistema de gestão de imóveis",narrative:"Plataforma centralizada para gerenciar o portfólio completo da captação à venda, com atualização em tempo real de status e informações.",before:"Portfólio gerenciado sem plataforma centralizada, da captação à venda",after:"Gestão completa do ciclo de vida do imóvel em tempo real",color:"#d97706"},{id:"crm",icon:y,title:"CRM personalizado para alto padrão",narrative:"Gestão detalhada dos relacionamentos do primeiro contato ao fechamento, com atendimento personalizado e eficaz para clientes de elite.",before:"Sem CRM dedicado ao perfil de clientes de alto padrão",after:"CRM sob medida com histórico completo e atendimento personalizado",color:"#dc2626"},{id:"portal",icon:N,title:"Portal exclusivo e site imersivo",narrative:"Site redesenhado com experiência digital imersiva e portal onde clientes acessam informações detalhadas, agendam visitas e recebem recomendações personalizadas.",before:"Site sem experiência imersiva compatível com o posicionamento da marca",after:"Presença digital elegante com portal exclusivo para clientes",highlight:"Experiência digital imersiva",color:"#0d9488"},{id:"results",icon:w,title:"Marca fortalecida e produtividade elevada",narrative:"Plataformas de gestão otimizaram processos, reduziram tarefas administrativas e reforçaram a imagem de exclusividade e sofisticação da VNC.",before:"Tarefas administrativas consumindo tempo do atendimento personalizado",after:"Produtividade elevada e marca fortalecida no mercado de luxo",highlight:"Exclusividade digital",color:"#059669"}],P=()=>{const[o,n]=h.useState(0),a=s[o],m=a.icon,x=(o+1)/s.length*100,c=o===s.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:s.map((i,r)=>{const p=i.icon,l=r<o,d=r===o;return e.jsxs(u.Fragment,{children:[e.jsxs(t.button,{onClick:()=>n(r),className:"relative shrink-0",whileHover:{scale:1.15},whileTap:{scale:.9},"aria-label":i.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:d?i.color:l?"#10b981":"#e2e8f0",backgroundColor:d?`${i.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(p,{className:"w-4 h-4",color:d?i.color:"#94a3b8"})}),d&&e.jsx(t.div,{className:"absolute inset-0 rounded-full border-2",style:{borderColor:`${i.color}25`},animate:{scale:[1,1.5,1],opacity:[.5,0,.5]},transition:{duration:2,repeat:1/0}})]}),r<s.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%":"

10%"},transition:{duration:.4}})})]},i.id)})}),e.jsx(C,{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 ",o+1," de ",s.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:()=>n(i=>Math.max(0,i-1)),disabled:o===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(v,{className:"w-3.5 h-3.5"})," Anterior"]}),e.jsxs(t.button,{onClick:()=>n(i=>Math.min(s.length-1,i+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(f,{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:`${x}%`},transition:{type:"spring",stiffness:200,damping:25}})}),c&&e.jsxs(t.div,{initial:{opacity:0,y:10},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:"A VNC Private Homes elevou sua operação ao nível digital que seus clientes de luxo merecem."}),e.jsx("p",{className:"text-xs text-slate-500 mt-1",children:"Marca sofisticada, gestão centralizada e experiência exclusiva."})]})]})]})})};export{P as VNCDemo};