https://vieolo.com/static/landing/_next/static/chunks/pages/contact-20b0265290d6b482.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9335],{81382:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return n(71943)}])},99214:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var a=n(85893),l=n(10687);function o(e){let t=[...e.headTags,(0,a.jsx)("meta",{property:"og:title",content:e.title},"met:tit"),(0,a.jsx)("meta",{name:"description",content:e.description},"met:des")];return void 0!==e.defaultLangPath&&t.push(...[(0,a.jsx)("link",{rel:"alternate",hrefLang:"x-default",href:"https://vieolo.com".concat(e.defaultLangPath)},"lang:--"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"en",href:"https://vieolo.com/en".concat(e.defaultLangPath)},"lang:en"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"de",href:"https://vieolo.com/de".concat(e.defaultLangPath)},"lang:de"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"nl",href:"https://vieolo.com/nl".concat(e.defaultLangPath)},"lang:nl"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"pl",href:"https://vieolo.com/pl".concat(e.defaultLangPath)},"lang:pl"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"es",href:"https://vieolo.com/es".concat(e.defaultLangPath)},"lang:es"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"fr",href:"https://vieolo.com/fr".concat(e.defaultLangPath)},"lang:fr"),(0,a.jsx)("link",{rel:"alternate",hrefLang:"pt",href:"https://vieolo.com/pt".concat(e.defaultLangPath)},"lang:pt")]),(0,a.jsx)(l.Z,{className:e.className,onLangChange:e.onLangChange,disclaimers:e.disclaimers,headTags:t,lang:e.lang,title:e.title,refs:e.refs,removeNavbar:e.removeNavbar,removeFooter:e.removeFooter,children:e.children})}},35807:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var a=n(85893),l=n(96326),o=function(e){let t=e.direction||"column",n="vieolo-grid grid-".concat(t,"--xl--").concat(e.xl);return e.className&&(n+=" ".concat(e.className)),void 0!==e.lg&&(n+=" grid-".concat(t,"--lg--").concat(e.lg)),void 0!==e.md&&(n+=" grid-".concat(t,"--md--").concat(e.md)),void 0!==e.sm&&(n+=" grid-".concat(t,"--sm--").concat(e.sm)),(0,a.jsx)("div",{className:n,children:e.flex?(0,a.jsx)(l.Z,{alignItems:e.flex.alignItems,className:e.flex.className,columnGap:e.flex.columnGap,direction:e.flex.direction,justifyContent:e.flex.justifyContent,rowGap:e.flex.rowGap,children:e.children}):e.children})}},8858:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var a=n(85893),l=function(e){let t=e.style||{},n="vieolo-grid-container";e.className&&(n+=" ".concat(e.className)),e.height&&(t.height=e.height);let l="repeat(12, 1fr)";return"row"===e.itemDirection?t.gridTemplateRows=l:t.gridTemplateColumns=l,n+=" row-gap--".concat(e.rowGap||"none")+" column-gap--".concat(e.columnGap||"none"),(0,a.jsx)("div",{className:n,style:t,children:e.children})}},71943:function(e,t,n){"use strict";n.r(t),n.d(t,{ContactForm:function(){return x},default:function(){return f}});var a=n(85893),l=n(67294),o=n(96326),c=n(76127),s=n(94147),i=n(35807),r=n(8858),d=n(99214);function h(e){return(0,a.jsxs)("div",{className:"alert-card",children:[(0,a.jsx)("p",{children:e.title}),(0,a.jsx)("p",{children:e.text})]})}function u(e){return(0,a.jsxs)("div",{className:"input-set",children:[(0,a.jsx)("label",{htmlFor:"".concat(e.title,"_input"),children:e.title}),(0,a.jsx)("br",{}),"input"==e.type?(0,a.jsx)("input",{type:"text",onChange:t=>e.onChange(t.target.value),value:e.value,id:"".concat(e.title,"_input")}):(0,a.jsx)("textarea",{onChange:t=>e.onChange(t.target.value),value:e.value,id:"".concat(e.title,"_input")})]})}var m=n(76958),g=n(67469),p=n(62142);function f(e){let[t,n]=(0,p.Z)(e.lang),l="/contact";return(0,a.jsx)(d.Z,{className:"home-page",lang:t,refs:[],onLangChange:e=>n(e,l,!0),description:"Contact us",defaultLangPath:l,headTags:[(0,a.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify({"@context":"http://schema.org","@type":"Organization","@id":"https://Vieolo.com",name:"Vieolo",description:"Document and Communication management",url:"http://Vieolo.com",logo:"http://Vieolo.com/static/logo.png",sameAs:["https://twitter.com/Vieolo","https://www.linkedin.com/company/vieolo/"],address:{"@type":"PostalAddress",AddressLocality:"Hengelo",AddressCountry:"NL"}})}},"s")],title:"Vieolo | Contact",children:(0,a.jsx)("div",{className:"index",children:(0,a.jsx)("a",{id:"contact",children:(0,a.jsx)(x,{lang:t})})})})}function x(e){let[t,n]=(0,l.useState)(""),[d,p]=(0,l.useState)(""),[f,x]=(0,l.useState)(""),[v,j]=(0,l.useState)(!1),[_,N]=(0,l.useState)(!1),k=!v||!t.trim()||!d.trim()||!f.trim(),C=(0,a.jsxs)("div",{className:"contact-form",children:[(0,a.jsxs)("div",{className:"contact-form__input-container",children:[(0,a.jsx)(u,{onChange:e=>n(e),title:g.zk.Name[e.lang],type:"input",value:t}),(0,a.jsx)(u,{onChange:e=>p(e),title:"Email",type:"input",value:d}),(0,a.jsx)(u,{onChange:e=>x(e),title:g.zk.Message[e.lang],type:"textarea",value:f}),(0,a.jsx)(c.Z,{on:v,onChange:e=>j(e),switchID:"contact_switch",title:g.zk.AreYouHuman[e.lang]})]}),(0,a.jsx)(o.Z,{justifyContent:"center",className:"padding-top--two",children:(0,a.jsx)(s.Z,{onClick:()=>(function(){if(k)return;var e=(0,m.$)().csrftoken||"",n=new Headers;n.append("X-CSRFToken",e);let a=new FormData;a.append("name",t),a.append("email",d),a.append("message",f),a.append("csrfmiddlewaretoken",e),fetch("/contact/message",{method:"POST",headers:n,body:a}).then(e=>e.json()).then(e=>{"success"==e.result?(N(!0),gtag("event","conversion",{send_to:"AW-664733574/OEMFCIqCyOIYEIaP_LwC",value:0,currency:"EUR"}),gtag("event","conversion",{event_name:"contact",conversion:!0})):console.error(e.result)})})(),text:g.zk.Send[e.lang],ariaLabel:"Send Button",color:"primary",disabled:k})})]});return(0,a.jsx)("div",{children:(0,a.jsxs)(r.Z,{children:[(0,a.jsx)(i.Z,{xl:4,sm:12,className:"cell cell--border cell--long cell--mobile-medium contact__left-col",children:(0,a.jsx)("p",{className:"left-col-title",children:g.zk.LoveToHearFromYou[e.lang]})}),(0,a.jsx)(i.Z,{xl:4,sm:12,className:"cell cell--border cell--min-long contact__form-col",children:_?(0,a.jsxs)("div",{className:"contact__form-col__sent",children:[(0,a.jsx)("h3",{children:g.zk.ThankYouForMessage[e.lang]}),(0,a.jsx)("p",{children:g.zk.WeWillReply[e.lang]})]}):C}),(0,a.jsx)(i.Z,{xl:4,sm:12,className:"cell cell--long cell--mobile-auto contact__right-col ",children:(0,a.jsx)(h,{title:g.zk.Disclaimer[e.lang],text:g.zk.DisclaimerDescription[e.lang]})})]})})}}},function(e){e.O(0,[7794,7706,2888,9774,179],function(){return e(e.s=81382)}),_N_E=e.O()}]);