https://cargobeacon-website.vercel.app/_next/static/chunks/4334-3566f81e80b8e761.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4334],{74334:(e,s,a)=>{a.d(s,{O:()=>b});var t=a(95155),l=a(12115),n=a(47650),o=a(65229),r=a(20508),i=a(23664),c=a(71871),d=a(45345),u=a(37586),m=a(18085),h=a(26497),p=a(15107);function b(e){let{isOpen:s,onClose:a,locale:b}=e,[g,x]=(0,l.useState)({name:"",email:"",company:"",subject:"",message:""}),[j,f]=(0,l.useState)(!1),[v,y]=(0,l.useState)(!1),[N,C]=(0,l.useState)(!1);(0,l.useEffect)(()=>{C(!0)},[]);let w={en:{title:"Get in Touch",subtitle:"We're here to help with your tracking needs",namePlaceholder:"Your Name",emailPlaceholder:"Email Address",companyPlaceholder:"Company (Optional)",subjectLabel:"Subject",subjectPlaceholder:"Select a category...",messagePlaceholder:"Tell us about your project or question...",send:"Send Message",sending:"Sending...",successTitle:"Message Sent!",successMessage:"Thank you for reaching out. We'll get back to you within 24 hours.",close:"Close"},sv:{title:"Kontakta Oss",subtitle:"Vi \xe4r h\xe4r f\xf6r att hj\xe4lpa dig med dina sp\xe5rningsbehov",namePlaceholder:"Ditt Namn",emailPlaceholder:"E-postadress",companyPlaceholder:"F\xf6retag (Valfritt)",subjectLabel:"\xc4mne",subjectPlaceholder:"V\xe4lj en kategori...",messagePlaceholder:"Ber\xe4tta om ditt projekt eller fr\xe5ga...",send:"Skicka Meddelande",sending:"Skickar...",successTitle:"Meddelande Skickat!",successMessage:"Tack f\xf6r att du h\xf6r av dig. Vi \xe5terkommer inom 24 timmar.",close:"St\xe4ng"},es:{title:"Cont\xe1ctenos",subtitle:"Estamos aqu\xed para ayudarte con tus necesidades de seguimiento",namePlaceholder:"Tu Nombre",emailPlaceholder:"Correo Electr\xf3nico",companyPlaceholder:"Empresa (Opcional)",subjectLabel:"Asunto",subjectPlaceholder:"Seleccione una categor\xeda...",messagePlaceholder:"Cu\xe9ntanos sobre tu proyecto o pregunta...",send:"Enviar Mensaje",sending:"Enviando...",successTitle:"\xa1Mensaje Enviado!",successMessage:"Gracias por contactarnos. Te responderemos en 24 horas.",close:"Cerrar"},fr:{title:"Contactez-Nous",subtitle:"Nous sommes l\xe0 pour vous aider avec vos besoins de suivi",namePlaceholder:"Votre Nom",emailPlaceholder:"Adresse Email",companyPlaceholder:"Entreprise (Optionnel)",subjectLabel:"Sujet",subjectPlaceholder:"Choisissez une cat\xe9gorie...",messagePlaceholder:"Parlez-nous de votre projet ou question...",send:"Envoyer le Message",sending:"Envoi...",successTitle:"Message Envoy\xe9!",successMessage:"Merci de nous avoir contact\xe9s. Nous vous r\xe9pondrons dans 24 heures.",close:"Fermer"},de:{title:"Kontaktieren Sie Uns",subtitle:"Wir helfen Ihnen gerne bei Ihren Tracking-Anforderungen",namePlaceholder:"Ihr Name",emailPlaceholder:"E-Mail-Adresse",companyPlaceholder:"Firma (Optional)",subjectLabel:"Betreff",subjectPlaceholder:"Kategorie ausw\xe4hlen...",messagePlaceholder:"Erz\xe4hlen Sie uns von Ihrem Projekt oder Ihrer Frage...",send:"Nachricht Senden",sending:"Wird gesendet...",successTitle:"Nachricht Gesendet!",successMessage:"Vielen Dank f\xfcr Ihre Nachricht. Wir melden uns innerhalb von 24 Stunden.",close:"Schlie\xdfen"}},B=w[b]||w.en,P=async e=>{e.preventDefault(),f(!0),await new Promise(e=>setTimeout(e,1500));let s=encodeURIComponent(g.subject?"".concat(g.subject," — Contact from ").concat(g.name):"Contact from ".concat(g.name)),t=encodeURIComponent("Name: ".concat(g.name,"\nEmail: ").concat(g.email,"\nCompany: ").concat(g.company,"\nSubject: ").concat(g.subject,"\n\nMessage:\n").concat(g.message));window.location.href="mailto:[email protected]?subject=".concat(s,"&body=").concat(t),f(!1),y(!0),setTimeout(()=>{y(!1),x({name:"",email:"",company:"",subject:"",message:""}),a()},3e3)},S=e=>{x(s=>({...s,[e.target.name]:e.target.value}))},k=(0,t.jsx)(h.N,{children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(p.P.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:a,className:"fixed inset-0 bg-black/60 backdrop-blur-sm z-[100] pointer-events-auto"}),(0,t.jsx)(p.P.div,{initial:{opacity:0,scale:.95,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:20},transition:{type:"spring",duration:.5},className:"fixed inset-0 z-[101] flex items-start sm:items-center justify-center p-4 sm:p-6 overflow-y-auto pointer-events-none",style:{paddingTop:"max(1rem, env(safe-area-inset-top))"},children:(0,t.jsxs)("div",{className:"relative w-full max-w-2xl bg-gradient-to-br from-[#1a1a1a] to-[#0A0A0A] rounded-2xl shadow-2xl border border-[#007BC3]/30 overflow-hidden pointer-events-auto max-h-[85vh] sm:max-h-[80vh] flex flex-col",children:[(0,t.jsx)("button",{onClick:a,className:"absolute top-4 right-4 z-20 p-2 rounded-lg bg-[#2B2B2B]/80 border border-[#007BC3]/30 text-white hover:bg-[#007BC3]/20 hover:border-[#007BC3] transition-all","aria-label":"Close",children:(0,t.jsx)(o.A,{className:"w-5 h-5"})}),(0,t.jsx)("div",{className:"p-6 sm:p-8 overflow-y-auto",children:v?(0,t.jsxs)("div",{className:"text-center py-12",children:[(0,t.jsx)(p.P.div,{initial:{scale:0},animate:{scale:1},transition:{type:"spring",duration:.5},className:"w-20 h-20 mx-auto mb-6 bg-green-500 rounded-full flex items-center justify-center",children:(0,t.jsx)(i.A,{className:"w-10 h-10 text-white"})}),(0,t.jsx)("h3",{className:"text-2xl font-bold text-white mb-2",children:B.successTitle}),(0,t.jsx)("p",{className:"text-slate-300 mb-6",children:B.successMessage}),(0,t.jsx)("button",{onClick:a,className:"px-6 py-2 bg-[#007BC3] text-white font-semibold rounded-lg hover:bg-[#008ACF] transition-all",children:B.close})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"mb-6",children:[(0,t.jsx)("h2",{className:"text-3xl font-bold text-white mb-2",children:B.title}),(0,t.jsx)("p",{className:"text-slate-300",children:B.subtitle})]}),(0,t.jsxs)("form",{onSubmit:P,className:"space-y-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"sr-only",htmlFor:"name",children:"Name"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(r.A,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#007BC3]"}),(0,t.jsx)("input",{type:"text",id:"name",name:"name",value:g.name,onChange:S,required:!0,placeholder:B.namePlaceholder,className:"w-full pl-11 pr-4 py-3 bg-[#2B2B2B]/50 border border-[#007BC3]/30 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-[#007BC3] focus:ring-2 focus:ring-[#007BC3]/20 transition-all"})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"sr-only",htmlFor:"email",children:"Email"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(i.A,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#007BC3]"}),(0,t.jsx)("input",{type:"email",id:"email",name:"email",value:g.email,onChange:S,required:!0,placeholder:B.emailPlaceholder,className:"w-full pl-11 pr-4 py-3 bg-[#2B2B2B]/50 border border-[#007BC3]/30 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-[#007BC3] focus:ring-2 focus:ring-[#007BC3]/20 transition-all"})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"sr-only",htmlFor:"company",children:"Company"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(c.A,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#007BC3]"}),(0,t.jsx)("input",{type:"text",id:"company",name:"company",value:g.company,onChange:S,placeholder:B.companyPlaceholder,className:"w-full pl-11 pr-4 py-3 bg-[#2B2B2B]/50 border border-[#007BC3]/30 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-[#007BC3] focus:ring-2 focus:ring-[#007BC3]/20 transition-all"})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"sr-only",htmlFor:"subject",children:B.subjectLabel}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(d.A,{className:"absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-[#007BC3]"}),(0,t.jsxs)("select",{id:"subject",name:"subject",value:g.subject,onChange:S,required:!0,className:"w-full pl-11 pr-4 py-3 bg-[#2B2B2B]/50 border border-[#007BC3]/30 rounded-lg text-white focus:outline-none focus:border-[#007BC3] focus:ring-2 focus:ring-[#007BC3]/20 transition-all",children:[(0,t.jsx)("option",{value:"",children:B.subjectPlaceholder}),(0,t.jsx)("option",{value:"Product Information",children:"Product Information"}),(0,t.jsx)("option",{value:"Samples and Trial",children:"Samples and Trial"}),(0,t.jsx)("option",{value:"Pricing",children:"Pricing"}),(0,t.jsx)("option",{value:"Quote Request",children:"Quote Request"}),(0,t.jsx)("option",{value:"Documentation",children:"Documentation"}),(0,t.jsx)("option",{value:"Tool Suggestion",children:"Tool Suggestion"}),(0,t.jsx)("option",{value:"Technical Support",children:"Technical Support"}),(0,t.jsx)("option",{value:"Other",children:"Other"})]})]})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{className:"sr-only",htmlFor:"message",children:"Message"}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(u.A,{className:"absolute left-3 top-4 w-5 h-5 text-[#007BC3]"}),(0,t.jsx)("textarea",{id:"message",name:"message",value:g.message,onChange:S,required:!0,rows:5,placeholder:B.messagePlaceholder,className:"w-full pl-11 pr-4 py-3 bg-[#2B2B2B]/50 border border-[#007BC3]/30 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-[#007BC3] focus:ring-2 focus:ring-[#007BC3]/20 transition-all resize-none"})]})]}),(0,t.jsx)("button",{type:"submit",disabled:j,className:"w-full flex items-center justify-center gap-2 px-6 py-3 bg-gradient-to-r from-[#007BC3] to-[#008ACF] text-white font-semibold rounded-lg hover:from-[#008ACF] hover:to-[#00A0E5] disabled:opacity-50 disabled:cursor-not-allowed transition-all transform hover:scale-105 shadow-lg",children:j?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"w-5 h-5 border-2 border-white border-t-transparent roun

1ded-full animate-spin"}),B.sending]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m.A,{className:"w-5 h-5"}),B.send]})})]})]})})]})})]})});return N?(0,n.createPortal)(k,document.body):null}}}]);