2 lines
12 KiB
JavaScript
2 lines
12 KiB
JavaScript
import{K as l,G as i,J as e,d as f,o as g,t as p,p as n,i as j,P as v,M as N,l as w,S as y}from"./index-DLMsdH5y.js";import{s as S,a as C,t as k,b as P}from"./mautic-CeOJmnm0.js";import{M as z}from"./message-square-BSjpaUrn.js";i.registerPlugin(y);const M=[{icon:e.jsx(v,{className:"w-6 h-6"}),titulo:"Telefone",valor:"(11) 4810-1704",descricao:"Segunda a Sexta, 8h às 18h",link:"tel:+551148101704"},{icon:e.jsx(z,{className:"w-6 h-6"}),titulo:"WhatsApp",valor:"(11) 4810-1704",descricao:"Atendimento 24/7",link:"https://api.whatsapp.com/send?phone=551148101704"},{icon:e.jsx(N,{className:"w-6 h-6"}),titulo:"Email",valor:"contato@avanzato.com.br",descricao:"Resposta em até 24h",link:"mailto:contato@avanzato.com.br"},{icon:e.jsx(w,{className:"w-6 h-6"}),titulo:"Suporte Técnico",valor:"suporte@avanzato.com.br",descricao:"Para clientes Avanzato",link:"https://suporte.avanzato.com.br/"}],T=()=>{const c=l.useRef(null),o=l.useRef(null),[s,d]=l.useState({nome:"",email:"",empresa:"",telefone:"",servico:"",mensagem:""}),[m,x]=l.useState(!1),[u,h]=l.useState(!1);l.useEffect(()=>{const a=i.context(()=>{const t=c.current?.querySelectorAll(".animate-item");t&&t.length>0&&i.fromTo(t,{y:50,opacity:0},{y:0,opacity:1,duration:.8,stagger:.1,ease:"expo.out"}),o.current&&i.fromTo(o.current,{y:50,opacity:0},{y:0,opacity:1,duration:.8,ease:"expo.out",scrollTrigger:{trigger:o.current,start:"top 80%"}})});return()=>a.revert()},[]);const b=a=>{a.preventDefault(),x(!0),S("contato",{nome:s.nome,email:s.email,empresa:s.empresa,telefone:s.telefone,servico_interesse:s.servico,mensagem:s.mensagem,origem_lead:"contato_site"})||C({nome:s.nome,email:s.email}),k(),P("Lead",{content_name:"Formulario Contato",content_category:"lead_contato"}),x(!1),h(!0),d({nome:"",email:"",empresa:"",telefone:"",servico:"",mensagem:""}),setTimeout(()=>h(!1),5e3)},r=a=>{d(t=>({...t,[a.target.name]:a.target.value}))};return e.jsxs("div",{className:"bg-[#0e0e0e] min-h-screen",children:[e.jsxs("section",{ref:c,className:"pt-32 pb-20 relative overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[600px] h-[600px] bg-[#cbf400]/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2"}),e.jsx("div",{className:"container-custom relative z-10",children:e.jsxs("div",{className:"text-center max-w-3xl mx-auto",children:[e.jsx("span",{className:"animate-item inline-block px-4 py-2 rounded-full bg-[#cbf400]/10 text-[#cbf400] text-sm font-semibold mb-6 border border-[#cbf400]/20",children:"Contato"}),e.jsxs("h1",{className:"animate-item text-4xl md:text-5xl lg:text-6xl font-black text-white mb-6",children:["Vamos ",e.jsx("span",{className:"text-gradient",children:"conversar"})]}),e.jsx("p",{className:"animate-item text-xl text-gray-400",children:"Entre em contato conosco. Nossa equipe está pronta para ajudar sua empresa."})]})})]}),e.jsx("section",{className:"py-12 bg-[#1a1a1a] border-y border-white/5",children:e.jsx("div",{className:"container-custom",children:e.jsx("div",{className:"grid md:grid-cols-2 lg:grid-cols-4 gap-6",children:M.map((a,t)=>e.jsxs("a",{href:a.link,target:a.link.startsWith("http")?"_blank":void 0,rel:a.link.startsWith("http")?"noopener noreferrer":void 0,className:"group bg-[#0e0e0e] rounded-2xl p-6 border border-white/5 hover:border-[#cbf400]/30 transition-colors",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-[#cbf400]/10 flex items-center justify-center mb-4 text-[#cbf400] group-hover:bg-[#cbf400] group-hover:text-[#0e0e0e] transition-colors",children:a.icon}),e.jsx("h3",{className:"text-white font-bold mb-1",children:a.titulo}),e.jsx("p",{className:"text-[#cbf400] font-medium mb-1",children:a.valor}),e.jsx("p",{className:"text-gray-500 text-sm",children:a.descricao})]},t))})})}),e.jsx("section",{className:"py-20",children:e.jsx("div",{className:"container-custom",children:e.jsxs("div",{className:"grid lg:grid-cols-2 gap-12",children:[e.jsxs("div",{ref:o,children:[e.jsx("h2",{className:"text-2xl font-bold text-white mb-6",children:"Envie uma mensagem"}),u?e.jsxs("div",{className:"bg-[#1a1a1a] rounded-2xl p-8 text-center border border-[#cbf400]/20",children:[e.jsx("div",{className:"w-16 h-16 rounded-full bg-[#cbf400]/20 flex items-center justify-center mx-auto mb-4",children:e.jsx(f,{className:"w-8 h-8 text-[#cbf400]"})}),e.jsx("h3",{className:"text-xl font-bold text-white mb-2",children:"Mensagem enviada!"}),e.jsx("p",{className:"text-gray-400",children:"Entraremos em contato em breve."})]}):e.jsxs("form",{onSubmit:b,className:"bg-[#1a1a1a] rounded-2xl p-8 border border-white/5",children:[e.jsxs("div",{className:"grid sm:grid-cols-2 gap-6 mb-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Nome *"}),e.jsx("input",{type:"text",name:"nome",value:s.nome,onChange:r,required:!0,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all",placeholder:"Seu nome"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Email *"}),e.jsx("input",{type:"email",name:"email",value:s.email,onChange:r,required:!0,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all",placeholder:"seu@email.com"})]})]}),e.jsxs("div",{className:"grid sm:grid-cols-2 gap-6 mb-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Empresa"}),e.jsx("input",{type:"text",name:"empresa",value:s.empresa,onChange:r,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all",placeholder:"Nome da empresa"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Telefone"}),e.jsx("input",{type:"tel",name:"telefone",value:s.telefone,onChange:r,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all",placeholder:"(11) 99999-9999"})]})]}),e.jsxs("div",{className:"mb-6",children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Serviço de interesse"}),e.jsxs("select",{name:"servico",value:s.servico,onChange:r,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all",children:[e.jsx("option",{value:"",children:"Selecione um serviço"}),e.jsx("option",{value:"ti-gerenciada",children:"TI Gerenciada"}),e.jsx("option",{value:"cloud",children:"Cloud Computing"}),e.jsx("option",{value:"seguranca",children:"Segurança da Informação"}),e.jsx("option",{value:"suporte",children:"Suporte Técnico"}),e.jsx("option",{value:"consultoria",children:"Consultoria"}),e.jsx("option",{value:"outro",children:"Outro"})]})]}),e.jsxs("div",{className:"mb-6",children:[e.jsx("label",{className:"block text-sm font-semibold text-gray-300 mb-2",children:"Mensagem *"}),e.jsx("textarea",{name:"mensagem",value:s.mensagem,onChange:r,required:!0,rows:4,className:"w-full px-4 py-3 rounded-lg bg-[#0e0e0e] border border-white/10 text-white focus:border-[#cbf400] focus:ring-2 focus:ring-[#cbf400]/20 outline-none transition-all resize-none",placeholder:"Como podemos ajudar?"})]}),e.jsx("button",{type:"submit",disabled:m,className:"btn-primary w-full flex items-center justify-center gap-2 disabled:opacity-70",children:m?e.jsxs(e.Fragment,{children:[e.jsx(g,{className:"w-5 h-5 animate-spin"}),"Enviando..."]}):e.jsxs(e.Fragment,{children:["Enviar mensagem",e.jsx(p,{className:"w-5 h-5"})]})})]})]}),e.jsxs("div",{className:"flex flex-col h-full",children:[e.jsx("h2",{className:"text-2xl font-bold text-white mb-6",children:"Onde estamos"}),e.jsxs("div",{className:"bg-[#1a1a1a] rounded-2xl overflow-hidden border border-white/5 flex-1 flex flex-col",children:[e.jsx("div",{className:"p-4 border-b border-white/5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-[#cbf400]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-[#cbf400]"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[#cbf400] font-medium text-sm",children:"Guarulhos - Matriz"}),e.jsx("p",{className:"text-gray-400 text-sm",children:"Rua Juiz de Fora, 76"})]})]})}),e.jsx("div",{className:"flex-1 min-h-[400px]",children:e.jsx("iframe",{src:"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3659.0!2d-46.5333!3d-23.4667!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef5b0b8e8e8e8%3A0x0!2sRua+Juiz+de+Fora%2C+76+-+Guarulhos+-+SP!5e0!3m2!1spt-BR!2sbr!4v1",width:"100%",height:"100%",style:{border:0,filter:"grayscale(100%) invert(92%) contrast(83%)"},allowFullScreen:!0,loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",title:"Guarulhos"})})]})]})]})})}),e.jsx("section",{className:"py-12 bg-[#0e0e0e]",children:e.jsx("div",{className:"container-custom",children:e.jsxs("div",{className:"grid md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"bg-[#1a1a1a] rounded-2xl overflow-hidden border border-white/5",children:[e.jsx("div",{className:"p-4 border-b border-white/5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-[#cbf400]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-[#cbf400]"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[#cbf400] font-medium text-sm",children:"São Paulo"}),e.jsx("p",{className:"text-gray-400 text-sm",children:"Rua Dom Estevão Pimentel, 165"})]})]})}),e.jsx("div",{className:"aspect-[16/9]",children:e.jsx("iframe",{src:"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3659.0!2d-46.6333!3d-23.5500!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef5b0b8e8e8e8%3A0x0!2sRua+Dom+Estev%C3%A3o+Pimentel%2C+165+-+S%C3%A3o+Paulo+-+SP!5e0!3m2!1spt-BR!2sbr!4v1",width:"100%",height:"100%",style:{border:0,filter:"grayscale(100%) invert(92%) contrast(83%)"},allowFullScreen:!0,loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",title:"São Paulo"})})]}),e.jsxs("div",{className:"bg-[#1a1a1a] rounded-2xl overflow-hidden border border-white/5",children:[e.jsx("div",{className:"p-4 border-b border-white/5",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl bg-[#cbf400]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(n,{className:"w-5 h-5 text-[#cbf400]"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[#cbf400] font-medium text-sm",children:"Mogi das Cruzes"}),e.jsx("p",{className:"text-gray-400 text-sm",children:"Rua Professor Flaviano de Melo, 250"})]})]})}),e.jsx("div",{className:"aspect-[16/9]",children:e.jsx("iframe",{src:"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3659.0!2d-46.1833!3d-23.5167!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef5b0b8e8e8e8%3A0x0!2sRua+Professor+Flaviano+de+Melo%2C+250+-+Mogi+das+Cruzes+-+SP!5e0!3m2!1spt-BR!2sbr!4v1",width:"100%",height:"100%",style:{border:0,filter:"grayscale(100%) invert(92%) contrast(83%)"},allowFullScreen:!0,loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",title:"Mogi das Cruzes"})})]})]})})}),e.jsx("section",{className:"pb-20 bg-[#0e0e0e]",children:e.jsx("div",{className:"container-custom",children:e.jsx("div",{className:"bg-[#1a1a1a] rounded-2xl p-6 border border-white/5 max-w-2xl mx-auto",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-xl bg-[#cbf400]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(j,{className:"w-6 h-6 text-[#cbf400]"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-white font-bold mb-1",children:"Horário de atendimento"}),e.jsxs("p",{className:"text-gray-400",children:["Segunda a Sexta: 8h às 18h",e.jsx("br",{}),e.jsx("span",{className:"text-[#cbf400]",children:"Suporte técnico: 24/7"})]})]})]})})})})]})};export{T as default};
|