https://www.cvida.org.br/assets/VolunteerRegistrationPage-7GFMLryT.js

1import{o as u,r as m,j as e,m as x,A as b,B as j}from"./index-CiK5OCUE.js";import{C as f}from"./circle-check-CqA790Ad.js";/**
2 * @license lucide-react v0.561.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const y=[["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}]],v=u("book",y);/**
7 * @license lucide-react v0.561.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const N=[["path",{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",key:"jecpp"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]],w=u("briefcase",N);/**
12 * @license lucide-react v0.561.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const A=[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]],k=u("user",A),C=l=>{if(!l)return l;const a=l.replace(/\D/g,"");return a.length<=10?a.replace(/^(\d{2})(\d{4})(\d{0,4})$/,(i,t,s,n)=>n?`(${t}) ${s}-${n}`:s?`(${t}) ${s}`:`(${t}`):a.slice(0,11).replace(/^(\d{2})(\d{5})(\d{0,4})$/,(i,t,s,n)=>n?`(${t}) ${s}-${n}`:s?`(${t}) ${s}`:`(${t}`)},_=({onBack:l})=>{const[a,i]=m.useState({nome:"",email:"",telefone:"",mensagem:""}),[t,s]=m.useState(!1),[n,h]=m.useState(!1),c=r=>{const{name:o,value:p}=r.target;i(o==="telefone"?d=>({...d,[o]:C(p)}):d=>({...d,[o]:p}))},g=async r=>{r.preventDefault(),s(!0);try{await fetch("https://formsubmit.co/ajax/79f676341034eb7912cd88845082df5c",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({_subject:`[Centro Vida Nordeste] Candidatura de Voluntário - ${a.nome}`,_replyto:a.email,_template:"table",_captcha:"false","Nome do Candidato":a.nome,"E-mail":a.email,"WhatsApp / Telefone":a.telefone,"Motivação / Mensagem":a.mensagem,Origem:"Portal do Voluntário - Site Oficial CVN"})})}catch(o){console.warn("Envio por e-mail falhou:",o)}finally{s(!1),h(!0),i({nome:"",email:"",telefone:"",mensagem:""}),setTimeout(()=>h(!1),6e3)}};return e.jsxs("div",{className:"min-h-screen bg-[#FDFCFB] font-sans text-gray-900 overflow-x-hidden flex flex-col",children:[e.jsxs("section",{className:"bg-[#125543] pt-28 pb-20 relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 opacity-10 pointer-events-none",children:e.jsxs("svg",{className:"w-full h-full",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("pattern",{id:"topo-volunteer",width:"250",height:"250",patternUnits:"userSpaceOnUse",children:e.jsx("path",{d:"M0 125 Q 62 62, 125 125 T 250 125",fill:"none",stroke:"#1AA341",strokeWidth:"0.8"})}),e.jsx("rect",{width:"100%",height:"100%",fill:"url(#topo-volunteer)"})]})}),e.jsx("div",{className:"container mx-auto px-6 relative z-10 text-center max-w-5xl",children:e.jsxs(x.div,{initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},transition:{duration:.8},children:[e.jsx("span",{className:"inline-block px-4 py-2 bg-white/10 backdrop-blur-md rounded-full text-[#FBAA1C] text-[10px] font-black uppercase tracking-[0.4em] mb-6 border border-white/10",children:"Jornada de Impacto"}),e.jsxs("h1",{className:"text-5xl md:text-8xl font-black font-heading text-white leading-none mb-8",children:["Doe seu ",e.jsx("span",{className:"text-[#1AA341]",children:"Talento"}),", ",e.jsx("br",{className:"hidden md:block"})," Mude uma ",e.jsx("span",{className:"text-[#FBAA1C]",children:"Vida"}),"."]}),e.jsx("p",{className:"text-white/60 text-lg md:text-2xl font-medium leading-relaxed font-sans max-w-4xl mx-auto",children:"Acreditamos no poder do trabalho coletivo para construir um futuro sustentável no semiárido. Venha ser uma força ativa ao nosso lado."})]})})]}),e.jsx("main",{className:"container mx-auto px-6 py-20 -mt-16 relative z-20 flex-grow",children:e.jsx("div",{className:"bg-white rounded-[3rem] shadow-2xl border border-gray-100 overflow-hidden",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12",children:[e.jsxs("aside",{className:"lg:col-span-4 bg-[#F2E9E3] p-10 md:p-16 space-y-10",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-2xl font-black text-[#125543] font-heading mb-4",children:"Como funciona?"}),e.jsx("p",{className:"text-gray-600 text-sm leading-relaxed",children:"Nossa equipe analisará seu perfil e entrará em contato conforme a demanda dos projetos vigentes."})]}),e.jsx("div",{className:"space-y-8",children:[{icon:k,text:"Conte-nos quem você é e suas paixões."},{icon:v,text:"Detalhe sua formação e experiências."},{icon:w,text:"Escolha as áreas que deseja atuar."}].map((r,o)=>e.jsxs("div",{className:"flex gap-4 items-center",children:[e.jsx("div",{className:"w-10 h-10 bg-white rounded-xl shadow-sm flex items-center justify-center text-[#1AA341]",children:e.jsx(r.icon,{size:18})}),e.jsx("p",{className:"text-xs font-bold text-[#125543] font-heading uppercase tracking-wider",children:r.text})]},o))})]}),e.jsx("div",{className:"lg:col-span-8 p-10 md:p-20",children:e.jsx(b,{mode:"wait",children:n?e.jsxs(x.div,{initial:{opacity:0,scale:.95}

16,animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},className:"bg-[#E8F5E9] text-green-800 p-8 rounded-2xl border border-green-200 text-center space-y-4 my-8",children:[e.jsx(f,{size:48,className:"text-[#1AA341] mx-auto"}),e.jsx("h3",{className:"font-heading font-black text-xl",children:"Candidatura Enviada!"}),e.jsx("p",{className:"text-sm leading-relaxed max-w-md mx-auto",children:"Agradecemos sua vontade de doar seu tempo e talento. Sua solicitação foi registrada com sucesso e entraremos em contato em breve."})]},"success"):e.jsxs(x.form,{onSubmit:g,className:"space-y-12",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[e.jsxs("div",{className:"space-y-8",children:[e.jsx("input",{type:"text",name:"nome",required:!0,value:a.nome,onChange:c,placeholder:"Nome Completo",className:"w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:border-[#1AA341] outline-none font-medium shadow-inner focus:bg-white"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsx("input",{type:"email",name:"email",required:!0,value:a.email,onChange:c,placeholder:"E-mail",className:"w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:border-[#1AA341] outline-none font-medium shadow-inner focus:bg-white"}),e.jsx("input",{type:"tel",name:"telefone",required:!0,value:a.telefone,onChange:c,placeholder:"WhatsApp",className:"w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:border-[#1AA341] outline-none font-medium shadow-inner focus:bg-white"})]}),e.jsx("textarea",{rows:5,name:"mensagem",required:!0,value:a.mensagem,onChange:c,placeholder:"Por que deseja ser voluntário no CVN?",className:"w-full px-6 py-4 bg-gray-50 border border-gray-100 rounded-2xl focus:border-[#1AA341] outline-none font-medium shadow-inner resize-none text-sm focus:bg-white"})]}),e.jsxs("div",{className:"pt-10 flex flex-col md:flex-row items-center justify-between gap-8",children:[e.jsxs("div",{className:"flex items-center gap-2 text-gray-400 text-xs",children:[e.jsx(f,{size:16,className:"text-[#1AA341]"}),e.jsx("span",{children:"Suas informações estão seguras."})]}),e.jsx(j,{variant:"rock-green",type:"submit",disabled:t,className:"!py-6 !px-16 !text-lg !max-w-none w-full md:w-auto",children:t?e.jsx("div",{className:"w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin"}):"FINALIZAR CADASTRO"})]})]},"form")})})]})})})]})};export{_ as default};