https://metech.nl/_next/static/chunks/3tiiq7cl9k17h.js?dpl=dpl_9idUgt3k4djdtmo8NreZBEnw7KH2

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,549675,e=>{"use strict";var t=e.i(843476),a=e.i(846932);let l={hidden:{opacity:0,y:24,filter:"blur(6px)"},show:{opacity:1,y:0,filter:"blur(0px)",transition:{duration:.8,ease:[.22,1,.36,1]}}};e.s(["Reveal",0,function({as:e="div",children:r,delay:i=0,once:n=!0,className:s}){let o={"data-reveal":"",className:s,initial:"hidden",whileInView:"show",viewport:{once:n,amount:.1},transition:{delay:i},variants:l};switch(e){case"p":return(0,t.jsx)(a.motion.p,{...o,children:r});case"h1":return(0,t.jsx)(a.motion.h1,{...o,children:r});case"h2":return(0,t.jsx)(a.motion.h2,{...o,children:r});case"h3":return(0,t.jsx)(a.motion.h3,{...o,children:r});case"h4":return(0,t.jsx)(a.motion.h4,{...o,children:r});case"section":return(0,t.jsx)(a.motion.section,{...o,children:r});case"li":return(0,t.jsx)(a.motion.li,{...o,children:r});case"ul":return(0,t.jsx)(a.motion.ul,{...o,children:r});case"span":return(0,t.jsx)(a.motion.span,{...o,children:r});default:return(0,t.jsx)(a.motion.div,{...o,children:r})}}])},581418,e=>{"use strict";let t=(0,e.i(475254).default)("shield-check",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]);e.s(["ShieldCheck",0,t],581418)},440160,e=>{"use strict";let t=(0,e.i(475254).default)("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]);e.s(["Download",0,t],440160)},818724,e=>{"use strict";let t=(0,e.i(475254).default)("phone-call",[["path",{d:"M13 2a9 9 0 0 1 9 9",key:"1itnx2"}],["path",{d:"M13 6a5 5 0 0 1 5 5",key:"11nki7"}],["path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",key:"9njp5v"}]]);e.s(["PhoneCall",0,t],818724)},503116,e=>{"use strict";let t=(0,e.i(475254).default)("clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6l4 2",key:"mmk7yg"}]]);e.s(["Clock",0,t],503116)},324077,727856,e=>{"use strict";var t=e.i(843476),a=e.i(271645),l=e.i(846932),r=e.i(88653),i=e.i(972520),n=e.i(643531),s=e.i(440160),o=e.i(581418),c=e.i(503116),d=e.i(818724),m=e.i(870273),p=e.i(63209),x=e.i(221943),u=e.i(783755),h=e.i(407751),f=e.i(268782),b=e.i(908803),g=e.i(461733),j=e.i(403272);let y="metech:stepper-prefill",w=null;function v(e){w=e&&e.summary?{summary:e.summary,pad:window.location.pathname}:null,window.dispatchEvent(new CustomEvent(y,{detail:w}))}let k=e=>e&&e.pad===window.location.pathname?e.summary:null;function N(){let[e,t]=(0,a.useState)(null);return(0,a.useEffect)(()=>{let e=k(w);e&&t(e);let a=e=>{t(k(e.detail??null))};return window.addEventListener(y,a),()=>window.removeEventListener(y,a)},[]),[e,()=>v(null)]}e.s(["dispatchStepperPrefill",0,v,"useStepperPrefill",0,N],727856);let C=["naam","bedrijf","email","telefoon","consent"];function S({id:e,label:a,type:l,required:r,autoComplete:i,placeholder:n,error:s}){return(0,t.jsxs)("label",{htmlFor:e,className:"block col-span-2 sm:col-span-1",children:[(0,t.jsxs)("span",{className:"block text-[12px] font-semibold text-ink/70 mb-1.5",children:[a,r&&(0,t.jsx)("span",{className:"text-blue",children:" *"})]}),(0,t.jsx)("input",{id:e,name:e,type:l,required:r,"aria-label":a,"aria-invalid":!!s||void 0,"aria-describedby":s?`${e}-error`:void 0,autoComplete:i,placeholder:n,className:s?"w-full rounded-lg py-2.5 px-3.5 text-[15px] outline-none transition bg-paper-warm border border-[#e08f8f] placeholder:text-ink/35 focus:border-[#c95c5c] focus:bg-paper focus:ring-2 focus:ring-[#c95c5c]/15 text-ink":"w-full rounded-lg py-2.5 px-3.5 text-[15px] outline-none transition bg-paper-warm border border-line placeholder:text-ink/35 focus:border-blue focus:bg-paper focus:ring-2 focus:ring-blue/15 text-ink"}),(0,t.jsx)(f.FieldError,{id:`${e}-error`,message:s})]})}e.s(["LeadForm",0,function({compact:e=!1,reassure:y=!1,source:w,prefill:v,topics:k,requireOneContact:F=!1,eyebrow:E,heading:T,intro:P,submitLabel:A,ctaIntent:I,locale:R="nl",media:_,successPdf:$}){let M,[O,q]=(0,a.useState)("idle"),[L,D]=(0,a.useState)(null),[B,K]=(0,a.useState)({}),z=(0,a.useRef)(null),[J,V]=(0,a.useState)(""),[H,U]=(0,a.useState)(void 0),W=(0,b.liveReviewScore)((0,j.useReviewStats)()),Q=(0,g.getFormMessages)(R),[G,X]=N();async function Y(e){let t;if(e.preventDefault(),"sending"===O)return;let a=e.currentTarget,l=new FormData(a),r=v&&null!=v.machine?String(v.machine):"",i=v&&Object.keys(v).length>0?Object.entries(v).filter(([e])=>"machine"!==e):[],n=[i.length>0?i.map(([e,t])=>`${e}: ${t}`).join(" · "):"",G?`Keuzehulp: ${G}

1`:""].filter(Boolean).join(" · "),s=(0,x.readAttribution)(),o=k&&J?J:w??"",c={naam:String(l.get("naam")??"").trim(),email:String(l.get("email")??"").trim(),telefoon:String(l.get("telefoon")??"").trim(),bedrijf:String(l.get("bedrijf")??"").trim(),bericht:n,source:o,machine:r,consent:"on"===l.get("consent"),website:String(l.get("website")??""),...s},d=(0,u.resolveFormMeta)(o),m=(e,t,a)=>(0,x.pushFormError)({formId:d.formId,formTitle:d.formTitle,formType:d.formType,source:o,errorCode:e,errorFields:t,httpStatus:a}),p=(0,h.validateLeadClient)(c,{requireEmail:!F,requirePhone:!F,requireOneContact:F},Q);if(Object.keys(p).length>0){K(p),q("error"),D(Q.errors.summary),(0,h.applyFieldFocus)(a,p),m("client_validation",Object.keys(p),0);return}q("sending"),D(null),K({});try{t=await fetch("/api/leads",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)})}catch{q("error"),D(Q.errors.network),m("network",[],0);return}if(!t.ok){let e=await (0,h.parseLeadError)(t,Q,C);K(e.fieldErrors),q("error"),D(e.formError),(0,h.applyFieldFocus)(z.current,e.fieldErrors),m(e.code,Object.keys(e.fieldErrors),e.status);return}if((0,x.pushLeadConversion)({event:d.gaEvent,formId:d.formId,formTitle:d.formTitle,formType:d.formType,source:o,machine:r,ctaIntent:I}),U($),q("done"),$){let e=$.url;setTimeout(()=>window.open(e,"_blank","noopener"),400)}}let Z=[{icon:c.Clock,label:Q.lead.reassure[0]},{icon:d.PhoneCall,label:Q.lead.reassure[1]},{icon:o.ShieldCheck,label:Q.lead.reassure[2]}];if("done"===O)return(0,t.jsx)("div",{className:`relative ${e?"":"card p-7 md:p-9 shadow-[0_18px_36px_-22px_rgba(13,22,36,0.18)]"}`,children:(0,t.jsxs)(l.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.45,ease:[.22,1,.36,1]},role:"status","aria-live":"polite",className:"text-center py-2",children:[(0,t.jsx)("span",{className:"mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-blue-wash text-blue-deep",children:(0,t.jsx)(n.Check,{className:"h-8 w-8",strokeWidth:3})}),(0,t.jsx)("h3",{className:"display text-[1.5rem] text-ink mt-5",children:Q.lead.successTitle}),(0,t.jsxs)("p",{className:"mx-auto mt-2.5 max-w-sm text-[14.5px] leading-relaxed text-ink/70",children:[Q.lead.successBeforePhone," ",(0,t.jsx)("a",{href:`tel:${b.SITE.phone}`,className:"font-semibold text-blue hover:underline",children:"nl"===R?b.SITE.phoneDisplay:b.SITE.phoneDisplayInternational}),"."]}),H&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"mx-auto mt-4 max-w-sm text-[14.5px] font-semibold leading-relaxed text-ink",children:H.ready}),(0,t.jsx)("div",{className:"mt-4",children:(0,t.jsxs)("a",{href:H.url,target:"_blank",rel:"noopener noreferrer",className:"btn btn-blue px-5 py-3 text-[14.5px]",children:[(0,t.jsx)(s.Download,{className:"h-4 w-4"}),H.label]})})]}),(0,t.jsxs)("div",{className:"mt-6 inline-flex items-center gap-2 rounded-full bg-paper-warm border border-line px-4 py-2 text-[12.5px] font-semibold text-ink-2",children:[(0,t.jsx)("span",{className:"flex text-star-gold","aria-hidden":!0,children:Array.from({length:5}).map((e,a)=>(0,t.jsx)(m.Star,{className:"h-3 w-3 fill-current",strokeWidth:0},a))}),W," ",Q.lead.reviewAt," ",b.KERNCIJFERS.reviewPlatform," ","· ",b.KERNCIJFERS.klanten," ",Q.lead.customers]})]})});let ee=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"eyebrow mb-3",children:E??Q.lead.eyebrow}),(0,t.jsx)("h3",{className:"display text-[1.5rem] md:text-[1.75rem] text-ink leading-tight max-w-[22ch]",children:T??(0,t.jsxs)(t.Fragment,{children:[Q.lead.headingBefore," ",(0,t.jsx)("span",{className:"text-blue",children:Q.lead.headingAccent})]})})]});return(0,t.jsxs)("form",{ref:z,onSubmit:Y,onChange:function(e){let t=e.target.name;if(!t||!(t in B))return;let a=F&&("email"===t||"telefoon"===t)?["email","telefoon"]:[t];K(e=>{let t={...e};for(let e of a)delete t[e];return t})},noValidate:!0,className:`relative ${e?"":"card p-7 md:p-9 shadow-[0_18px_36px_-22px_rgba(13,22,36,0.18)]"}`,children:[!e&&(0,t.jsxs)(t.Fragment,{children:[_?(0,t.jsxs)("div",{className:"flex items-start justify-between gap-4",children:[(0,t.jsx)("div",{className:"min-w-0",children:ee}),(0,t.jsx)("div",{className:"shrink-0",children:_})]}):ee,(0,t.jsx)("p",{className:"mt-2.5 text-ink/65 text-[14.5px] max-w-lg leading-relaxed",children:P??(0,t.jsx)(t.Fragment,{children:Q.lead.intro})})]}),G&&(0,t.jsxs)("p",{"data-stepper-prefill":"",role:"status",className:`${e?"":"mt-4 "}flex flex-wrap items-center gap-x-2 gap-y-1 rounded-lg bg-blue-wash px-3.5 py-2.5 text-[13.5px] text-blue-deep`,children:[(0,t.jsxs)("span",{children:["Je antwoorden gaan mee: ",(0,t.jsx)("b",{className:"font-semibold",children:G})]}),(0,t.jsx)("button",{type:"button",onClick:X,className:"font-semibold underline underline-offset-2 hover:text-blue",children:"wis"})]}),(0,t.jsxs)("div",{className:"absolute -left-[9999px] top-0","aria-hidden":"true",children:[(0,t.jsx)("label",{htmlFor:"website",children:Q.common.honeypot}),(0,t.jsx)("input",{id:"website",name:"website",type:"text",tabIndex:-1,autoComplete:"off"})]}),(0,t.jsxs)("div",{className:`grid grid-cols-2 gap-3.5 ${e?"":"mt-7"}`,children:[k&&(0,t.jsxs)("label",{htmlFor:"topic",className:"block col-span-2",children:[(0,t.jsxs)("span",{className:"block text-[12px] font-semibold text-ink/70 mb-1.5",children:[Q.lead.topicLabel,(0,t.jsx)("span",{className:"text-blue",children:" *"})]}),(0,t.jsxs)("select",{id:"topic",name:"topic",required:!0,value:J,onChange:e=>V(e.target.value),className:"w-full rounded-lg py-2.5 px-3.5 text-[15px] outline-none transition bg-paper-warm border border-line focus:border-blue focus:bg-paper focus:ring-2 focus:ring-blue/15 text-ink",children:[(0,t.jsx)("option",{value:"",disabled:!0,children:Q.lead.topicPlaceholder}),k.map(e=>(0,t.jsx)("option",{value:e.source,children:e.label},e.source))]}),(M=k.find(e=>e.source===J)?.hint)?(0,t.jsxs)("span",{className:"mt-1.5 block text-[12.5px] text-ink/60",children:[M.text," ",M.href&&(0,t.jsx)("a",{href:M.href,className:"font-semibold text-blue hover:underline",children:M.hrefLabel??"→"})]}):null]}

1),(0,t.jsx)(S,{id:"naam",label:Q.common.name,type:"text",required:!0,autoComplete:"name",placeholder:Q.common.namePlaceholder,error:B.naam}),(0,t.jsx)(S,{id:"bedrijf",label:Q.common.companyName,type:"text",autoComplete:"organization",placeholder:Q.common.optional,error:B.bedrijf}),(0,t.jsx)(S,{id:"email",label:Q.common.email,type:"email",required:!F,autoComplete:"email",placeholder:Q.common.emailPlaceholder,error:B.email}),(0,t.jsx)(S,{id:"telefoon",label:Q.common.phone,type:"tel",required:!F,autoComplete:"tel",placeholder:Q.common.phonePlaceholder,error:B.telefoon}),F&&(0,t.jsx)("p",{className:"col-span-2 -mt-1 text-[12.5px] text-ink/60",children:Q.lead.oneContactHint})]}),(0,t.jsxs)("div",{className:"mt-4 flex items-start gap-2.5 text-[13px] text-ink/65",children:[(0,t.jsx)("input",{type:"checkbox",id:"consent",name:"consent",required:!0,"aria-invalid":!!B.consent||void 0,"aria-describedby":B.consent?"consent-error":void 0,className:"mt-0.5 h-4 w-4 accent-blue"}),(0,t.jsx)("label",{htmlFor:"consent",className:"leading-snug",children:Q.lead.consent})]}),(0,t.jsx)(f.FieldError,{id:"consent-error",message:B.consent}),(0,t.jsxs)("div",{className:"mt-5 flex flex-wrap items-center gap-x-4 gap-y-3",children:[(0,t.jsx)("button",{type:"submit",disabled:"sending"===O,className:"btn-lime relative inline-flex items-center gap-2 px-6 py-3.5 text-[15px] disabled:opacity-70 min-w-[13rem] justify-center",children:(0,t.jsx)(r.AnimatePresence,{mode:"wait",initial:!1,children:"sending"===O?(0,t.jsx)(l.motion.span,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},children:Q.common.sending},"sending"):(0,t.jsxs)(l.motion.span,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},className:"inline-flex items-center gap-2",children:[A??(F?Q.lead.submitQuestion:Q.lead.submitCallback),(0,t.jsx)(i.ArrowRight,{className:"h-4 w-4"})]},"idle")})}),(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5 text-[12px] font-semibold text-ink/55",children:[(0,t.jsx)(o.ShieldCheck,{className:"h-3.5 w-3.5 text-green-deep"}),Q.lead.trust]})]}),(0,t.jsx)(r.AnimatePresence,{children:"error"===O&&L&&(0,t.jsxs)(l.motion.div,{initial:{opacity:0,y:-4},animate:{opacity:1,y:0},exit:{opacity:0},role:"alert","aria-live":"assertive",className:"mt-4 flex items-start gap-2.5 rounded-lg border border-[#f5c2c2] bg-[#fdecec] px-4 py-3 text-[13px] text-[#9c2b2b]",children:[(0,t.jsx)(p.AlertCircle,{className:"mt-0.5 h-4 w-4 shrink-0"}),(0,t.jsx)("span",{children:L})]},"error")}),(!e||y)&&(0,t.jsx)("ul",{className:"mt-6 flex flex-col gap-2.5 border-t border-line pt-5 sm:flex-row sm:flex-wrap sm:gap-x-5 sm:gap-y-2",children:Z.map(({icon:e,label:a})=>(0,t.jsxs)("li",{className:"flex items-center gap-2 text-[12.5px] text-ink-2",children:[(0,t.jsx)(e,{className:"h-[15px] w-[15px] text-blue shrink-0"}),a]},a))})]})}],324077)}]);