https://ventionteams.com/_next/static/chunks/2529.db26d567d9683037.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[920,2529],{8516:(e,t,i)=>{i.d(t,{BB:()=>a,ED:()=>c,JX:()=>d,Vf:()=>h,o4:()=>f,zB:()=>u});var n,l,r,s,o,a=((n={}).Email="email_field",n.Phone="phone_field",n.Input="input_field",n.Textarea="text_input_field",n.Comment="comment_text_field",n.Checkbox="checkbox",n.CheckboxGroup="field_checkboxes",n.Switcher="switcher_checkboxes",n.UploadInput="file_upload_field",n),u=((l={}).Multiple="multiple",l.Single="single",l),h=((r={}).Text="text",r.Square="square",r.Round="round",r),d=((s={}).Full="100",s.Half="50",s.Logos="50_logos",s.Slider="50_slider",s.HalfImage="50_image",s.Expert="expert",s.HalfImageMask="50_image_mask",s.Hero="hero",s.LongForm="long_form",s.ABTestForm="form_ab_test",s.ApplicationForm="application_form",s.DownloadPDFForm="download_report_form",s.EmailAccessForm="email_access_form",s),c=((o={}).FULL="100",o.HALF="50",o);let f="input_field"},10163:(e,t,i)=>{i.d(t,{V:()=>r});var n=i(14232),l=i(40509);let r=(e,t,i=375,r=1920)=>{let{width:s}=(0,l.A)();return(0,n.useMemo)(()=>{let n="string"==typeof i?+i.replace("px",""):i,l="string"==typeof r?+r.replace("px",""):r,o="string"==typeof e?+e.replace("px",""):e;return o+(Math.min(l,Math.max(n,s??n))-n)/(l-n)*(("string"==typeof t?+t.replace("px",""):t)-o)},[s,e,t,i,r])}},15631:(e,t,i)=>{i.d(t,{L:()=>o});var n=i(14232);let l=!1,r=null,s=null,o=()=>{let[e,t]=(0,n.useState)(l),o=(0,n.useRef)(r);return(0,n.useEffect)(()=>{if(l&&r){o.current=r,t(!0);return}if(s){let e=!0;return s.then(()=>{e&&r&&(o.current=r,t(!0))}),()=>{e=!1}}let e=!0;return(s=(async()=>{try{let[{gsap:e},{ScrollTrigger:t}]=await Promise.all([i.e(634).then(i.bind(i,5497)),i.e(634).then(i.bind(i,70154))]);e.registerPlugin(t),l=!0,r=e,s=null}catch(e){s=null}})()).then(()=>{e&&r&&(o.current=r,t(!0))}),()=>{e=!1}},[]),{gsap:o.current,isReady:e}}},33779:(e,t,i)=>{i.d(t,{O:()=>l});var n=i(98481);async function l(e,t,i){let l={email:e,honeyPot:t};void 0!==i&&(l.newsletter=i);let{data:r}=await n.A.post("/api/subscribe/",l);return r}},53147:(e,t,i)=>{i.d(t,{A:()=>o,h:()=>s});var n,l=i(14232);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)({}).hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(null,arguments)}let s=e=>l.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{fill:"#000",fillRule:"evenodd",d:"M17 4.632V3.35H0V0h24v24h-3.349V7h-1.283L2.97 23.398.602 21.03z",clipRule:"evenodd"}))),o={src:"/_next/static/media/arrow-up-right.e84e6792.svg",height:24,width:24,blurWidth:0,blurHeight:0}},55141:(e,t,i)=>{i.d(t,{B:()=>l});var n=i(57150);let l=e=>{let t=Math.ceil(e.mobile),i=Math.ceil(e.tablet||t),l=Math.ceil(e.desktop||i);return`(max-width: ${n.f[1]}px) ${t}vw, (max-width: ${n.f[3]}px) ${i}vw, ${l}vw`}},56043:(e,t,i)=>{i.d(t,{A:()=>c});var n=i(37876),l=i(54587),r=i.n(l),s=i(14232),o=i(40606),a=i(24450),u=i(55141),h=i(57043);let d=({image:e,sx:t,id:i,priority:l,sizes:d,className:c})=>{let{url:f,width:m,height:p,alt:g,title:x,focal_point_x:b,focal_point_y:_,ratioOptions:v={mobile:m/p}}=e,{imagePriority:y}=(0,a.M)(),w=(0,s.useRef)(null),A=(0,s.useRef)(null),L=(0,s.useRef)(null),j=v.mobile,E=v.tablet||j,M=v.desktop||E,S=(0,s.useRef)(!1);(0,s.useEffect)(()=>()=>{L.current&&(L.current.stopListening(),L.current=null)},[]),(0,s.useEffect)(()=>{S.current&&(S.current=!1)},[f]),(0,s.useEffect)(()=>{if(L.current&&null!=b&&null!=_){let e=b/m*2-1,t=_/p*2-1;L.current.setFocus({x:e,y:t})}},[b,_,m,p]);let k=(0,s.useMemo)(()=>({width:"100%",position:"relative",img:{background:"border",imageRendering:"auto",contentVisibility:"auto"},aspectRatio:[`${j} / 1`,null,`${E} / 1`,null,`${M} / 1`],overflow:"hidden",contain:"layout style paint",willChange:"contents",...t}),[j,E,M,t]);return(0,n.jsx)(o.A,{ref:w,sx:k,id:i,className:c,children:(0,n.jsx)("div",{ref:A,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,n.jsx)(r(),{src:f,alt:g||x||"",width:w.current?.offsetWidth||m,height:w.current?.offsetHeight||p,fetchPriority:l||y?"high":void 0,loading:l||y?"eager":"lazy",draggable:!1,sizes:(0,u.B)(d),onLoad:()=>{(()=>{if(!A.current||!w.current)return;let e=A.current.querySelector("img");if(!e)return;L.current&&(L.current.stopListening(),L.current=null);let t=null!=b?b/m*2-1:0,i=null!=_?_/p*2-1:0;

1L.current=new h.N9(e,{focus:{x:t,y:i},updateOnWindowResize:!0,updateOnContainerResize:!0,debounceTime:17}),S.current=!0})()},onDragStart:e=>e.preventDefault(),"data-decoding":"sync",style:{maxWidth:"none",width:"auto",minHeight:"auto",height:"auto",willChange:"transform"}})})})},c=({image:e,sx:t,id:i,priority:l,sizes:r,className:s})=>(0,n.jsx)(d,{image:e,id:i,sx:t,sizes:r,priority:l,className:s})},57043:(e,t,i)=>{function n(e,...t){return t.forEach(t=>Object.keys(t).forEach(i=>e[i]=t[i])),e}i.d(t,{N9:()=>a});let l={position:"relative",overflow:"hidden"},r={position:"absolute",top:"0",right:"0",bottom:"0",left:"0"},s={minHeight:"100%",minWidth:"100%"},o={debounceTime:17,updateOnWindowResize:!0,updateOnContainerResize:!1,containerPosition:"relative"};class a{constructor(e,t={}){this.imageNode=e,this.listening=!1,this.setFocus=e=>{this.focus=e,this.img.setAttribute("data-focus-x",e.x.toString()),this.img.setAttribute("data-focus-y",e.y.toString()),this.applyShift()},this.applyShift=()=>{let{naturalWidth:e,naturalHeight:t}=this.img,{width:i,height:n}=this.container.getBoundingClientRect(),l="0",r="0";if(!(i>0&&n>0&&e>0&&t>0))return!1;let s=e/i,o=t/n;this.img.style.maxHeight=null,this.img.style.maxWidth=null,e>i&&t>n&&(this.img.style[s>o?"maxHeight":"maxWidth"]="100%"),s>o?l=`${this.calcShift(o,i,e,this.focus.x)}%`:s<o&&(r=`${this.calcShift(s,n,t,this.focus.y,!0)}%`),this.img.style.top=r,this.img.style.left=l},this.options=n(o,t),this.img=e,this.container=e.parentElement,this.img.__focused_image_instance__&&(this.img.__focused_image_instance__.stopListening(),this.img.removeEventListener("load",this.applyShift)),this.img.__focused_image_instance__=this,this.img.addEventListener("load",this.applyShift),n(this.container.style,l),this.container.style.position=this.options.containerPosition,n(this.img.style,s,r),this.debounceApplyShift=function(e,t){let i;return function(...n){clearTimeout(i),i=setTimeout(()=>e(...n),t)}}(this.applyShift,this.options.debounceTime),this.focus=this.options.focus?this.options.focus:{x:parseFloat(this.img.getAttribute("data-focus-x"))||0,y:parseFloat(this.img.getAttribute("data-focus-y"))||0},this.startListening(),this.setFocus(this.focus)}startListening(){!this.listening&&(this.listening=!0,this.options.updateOnWindowResize&&window.addEventListener("resize",this.debounceApplyShift),this.options.updateOnContainerResize&&(this.resizeListenerObject=new ResizeObserver(()=>this.debounceApplyShift()),this.resizeListenerObject.observe(this.container)))}stopListening(){this.listening&&(this.listening=!1,window.removeEventListener("resize",this.debounceApplyShift),this.resizeListenerObject&&(this.resizeListenerObject.disconnect(),this.resizeListenerObject=null))}calcShift(e,t,i,n,l){let r=Math.floor(t/2),s=Math.floor(i/e),o=Math.floor((n+1)/2*s);l&&(o=s-o);let a=o-r,u=s-o,h=t-r;return u<h&&(a-=h-u),a<0&&(a=0),-100*a/t}}},57515:(e,t,i)=>{i.d(t,{A:()=>a});var n=i(37876),l=i(14232),r=i(41199),s=i(80119);let o=r.Ay.button.attrs(e=>({$sx:e.$sx,$animation:e.$animation})).withConfig({componentId:"sc-31e7a7ce-0"})(["animation-name:",";",""],e=>e.$animation&&e.$animation,e=>`${e.$sx}`),a=(0,l.forwardRef)((e,t)=>{let{sx:i,children:r,as:a,animation:u,...h}=e,d=(0,l.useMemo)(()=>(0,s.u)({bg:"inherit",border:0,minWidth:0,margin:0,appearance:"none",textAlign:"center",lineHeight:"inherit",textDecoration:"none",cursor:"pointer",display:"inline-block",color:"white",...i}),[i]);return(0,n.jsx)(o,{ref:t,$sx:d,$animation:u,as:a,...h,children:r})})},66395:(e,t,i)=>{i.d(t,{d:()=>u});var n=i(14232),l=i(57150),r=i(77254),s=i(10163),o=i(1778),a=i(15631);let u=e=>{let{mobileHeightStart:t=0,mobileHeightEnd:i=t/l.f[0]*l.f[1],tabletHeightEnd:u=0,tabletHeightStart:h=u/l.f[2]*l.f[1],desktopHeightEnd:d=0,desktopHeightStart:c=d/l.f[4]*l.f[3],parallaxCoef:f,triggerId:m,elemId:p,start:g="top bottom",end:x="bottom top"}=e,{isDesktop:b,isTablet:_}=(0,o.Y)(),{gsap:v,isReady:y}=(0,a.L)(),w=(0,n.useRef)(null),A=(0,n.useRef)(null),L=f-.01,j=(0,s.V)(t*(1-L),i*(1-L),l.f[0],l.f[1]),E=(0,s.V)(h*(1-L),u*(1-L),l.f[1],l.f[2]),M=(0,s.V)(c*(1-L),d*(1-L),l.f[3],l.f[4]),S=(0,n.useMemo)(()=>b?M:_?E:j,[b,_,M,E,j]);return(0,n.useEffect)(()=>

1{if(!y||!v)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)").matches,t=document.getElementById(m),i=document.getElementById(p);if(t&&i&&(v.set(i,{translateY:S,willChange:"transform"}),!e))return w.current||(w.current=v.timeline({scrollTrigger:{trigger:t,scrub:!0,start:g,end:x}}),w.current.to(i,{translateY:0,duration:1,ease:"none"},0)),()=>{if(w.current){let e=w.current.scrollTrigger;e&&e.kill(),w.current.kill(),w.current=null}A.current&&(A.current.disconnect(),A.current=null)}},[y,v,S,m,p,g,x]),[(0,r.fd)(t,i),null,(0,r.RX)(h,u),null,(0,r.vX)(c,d)]}},67504:(e,t,i)=>{i.d(t,{A:()=>o});var n=i(37876),l=i(14232),r=i(75230),s=i(10937);let o=(0,l.forwardRef)(({variant:e,sx:t,as:i="h2",children:l="",id:o,className:a},u)=>(0,n.jsx)(r.A,{ref:u,as:i,variant:e,sx:t,className:a,id:o,dangerouslySetInnerHTML:{__html:(0,s.P)(String(l))}}))},68212:(e,t,i)=>{i.d(t,{A:()=>u});var n=i(37876),l=i(59709),r=i(53147),s=i(74401),o=i(77254);let a={[s.YV.b1]:{width:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],height:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],ml:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],mt:[(0,o.ML)(3,4),null,null,null,(0,o.vX)(3,5)]},[s.YV.h3]:{width:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],height:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],ml:[(0,o.ML)(16,20),null,null,null,(0,o.vX)(14,24)],mt:[(0,o.ML)(6,7),null,null,null,(0,o.vX)(4,9)]},[s.YV.b2]:{width:[(0,o.ML)(12,14),null,null,null,(0,o.vX)(10,16)],height:[(0,o.ML)(20,30),null,null,null,(0,o.vX)(10,16)],ml:[(0,o.ML)(8,10),null,null,null,(0,o.vX)(6,14)],mt:[(0,o.ML)(4,6),null,null,null,(0,o.vX)(5,8)]},[s.YV.bigText]:{width:[(0,o.ML)(20,30),null,null,null,(0,o.vX)(10,16)],height:[(0,o.ML)(20,30),null,null,null,(0,o.vX)(10,16)],mt:[(0,o.ML)(10,14),null,null,null,(0,o.vX)(5,8)]}},u=e=>{let{variant:t,isColored:i,isHover:s,isReverse:o,sx:u,color:h,id:d,className:c}=e;return(0,n.jsx)(l.A,{className:c,id:d,isColored:i,isHover:s,isReverse:o,sx:{position:"relative",...t&&a[t],...u},color:h,children:(0,n.jsx)(r.h,{})})}},76320:(e,t,i)=>{i.d(t,{q:()=>b});var n=i(37876),l=i(68212),r=i(57515),s=i(53782),o=i(40606),a=i(75230),u=i(35554),h=i(8014),d=i(86829),c=i(50785),f=i(74401),m=i(66847),p=i(33739),g=i(41766);let x={[c.WZ.de]:"Laden...",[c.WZ.uk]:"Loading...",[c.WZ.en]:"Loading..."},b=({sx:e,children:t,color:i,type:c,disabled:b,isLoading:_,...v})=>{let y=x[(0,u.Y)()];return(0,n.jsxs)(r.A,{as:"div","aria-label":"no-tap-highlights",sx:{p:0,borderRadius:0,width:"100%",bg:i||"primary",color:(0,m.o)({color:i}),"@media (pointer: fine)":{":hover":{bg:(0,m.o)({isHover:!0,isColored:!0,color:i}),color:(0,m.o)({isHover:!0,color:i}),svg:{path:{fill:(0,m.o)({isHover:!0,color:i})}}}},cursor:"pointer",outline:"none",...b&&{opacity:.5,pointerEvents:"none"},...(0,h.kf)(),...e},onClick:()=>{let e=document.getElementById("hidden-submit-button");e&&e.click()},className:"no-tap-highlights",...v,children:[(0,n.jsx)("input",{id:"hidden-submit-button",type:"submit",disabled:b,style:{position:"absolute",left:"-9999px",width:"1px",height:"1px",opacity:0,pointerEvents:"none"}}),(0,n.jsx)(s.A,{sx:{px:d.v.mainX,py:["m_24_27",null,"t_27_30",null,"d_20_38"]},children:(0,n.jsxs)(o.A,{sx:{justifyContent:"space-between",alignItems:"center"},children:[(0,n.jsx)(a.A,{variant:f.YV.h3,sx:{color:"inherit"},children:b?y:t}),b&&_&&(0,n.jsx)(p.A,{color:i}),b&&!_&&(0,n.jsx)(g.A,{color:i}),!b&&(0,n.jsx)(l.A,{color:i,variant:f.YV.h3,sx:{mt:0}})]})})]})}},82567:(e,t,i)=>{i.d(t,{N:()=>l});var n=i(35554);let l=e=>e[(0,n.Y)()]},84586:(e,t,i)=>{i.r(t),i.d(t,{default:()=>H});var n=i(37876),l=i(14232),r=i(24502),s=i(33779),o=i(40089),a=i(76320),u=i(79747),h=i(67504),d=i(2839),c=i(53782),f=i(88230),m=i(40606),p=i(35554),g=i(82567),x=i(40509),b=i(86829),_=i(8516),v=i(74401),y=i(31499),w=i(52083),A=i(50785);let L={[A.WZ.en]:{emailPlaceholder:"Email address*"},[A.WZ.de]:{emailPlaceholder:"Email address*"},[A.WZ.uk]:{emailPlaceholder:"Email address*"}};var j=i(56043),E=i(66395),M=i(62316);let S=({isUpsideDown:e=!1})=>(0,n.jsxs)(f.A,{sx:{gap:0,position:"absolute",left:0,right:0,gridTemplateColumns:["2fr 3fr 11fr",null,null,null,"2fr 3fr 7fr"],height:[M.x.m_92_104,null,M.x.t_104_114,null,M.x.d_92_179],zIndex:1,top:e?"unset":0,bottom:e?0:"unset",transform:e?"rotate(180deg)":"unset"}

1,children:[(0,n.jsx)(c.A,{sx:{bg:"background"}}),(0,n.jsx)(c.A,{sx:{bg:"background",clipPath:"polygon(0% 0%, 100% 0%, 0% calc(100% + 1px))",position:"relative",left:-1}})]}),k={mobile:384/411/1.2,tablet:1072/833/1.2},R=({image:e,ratio:t,desktopImageHeight:i,imageTriggerId:r})=>{let s=String(e?.id||""),o=`hero_${s}_image`,a=(0,E.d)({mobileHeightStart:411,tabletHeightEnd:833,desktopHeightStart:i,desktopHeightEnd:i,triggerId:r,elemId:o,parallaxCoef:1.2,start:"top-=2 top"}),u=(0,l.useMemo)(()=>({...k,desktop:t/1.2}),[t]);return(0,n.jsx)(c.A,{children:(0,n.jsxs)(c.A,{sx:{position:["relative",null,null,null,"absolute"],top:0,bottom:0,left:0,right:-1},children:[(0,n.jsx)(S,{}),(0,n.jsx)(S,{isUpsideDown:!0}),e&&(0,n.jsx)(c.A,{sx:{position:"relative",overflow:"hidden",width:"100%",height:a},children:(0,n.jsx)(j.A,{image:{...e,ratioOptions:u},sizes:{mobile:100,desktop:50},priority:!0})})]})})},H=({value:e})=>{let{image:t,heading_line:i,heading_description:A,legacy_text:j,button_text:E,redirect_url:M}=e,{emailPlaceholder:S}=(0,g.N)(L),[k,H]=(0,l.useState)(!1),[C,$]=(0,l.useState)((t?.width||1)/(t?.height||1)),[z,W]=(0,l.useState)(0),X=(0,l.useRef)(null),{width:O,height:T}=(0,x.A)();(0,l.useLayoutEffect)(()=>{$((X.current?.offsetWidth||1)/(X.current?.offsetHeight||1)),W(X.current?.offsetHeight||1)},[O,T]);let I=(0,p.Y)(),{register:V,handleSubmit:B,formState:{errors:Y},reset:F,watch:P}=(0,r.mN)({mode:"onBlur",defaultValues:{email:"",isTerms:!1}}),N=async e=>{try{H(!0);let{email:t,form_website_honeytrap:i}=e;await (0,s.O)(t,i),(0,y.h7)({event:y.ti.Subscription,...e}),window.location.href=M,F()}finally{H(!1)}},D=String(t?.id||""),q=`hero_${D}_trigger`;return(0,n.jsx)(c.A,{sx:{},id:q,children:(0,n.jsxs)("form",{onSubmit:e=>{e.preventDefault(),B(N)(e).finally(()=>{})},"action-xhr":"#",target:"_top",method:"post",children:[(0,n.jsx)("input",{...V("form_website_honeytrap"),type:"text",autoComplete:"off",style:{display:"none"},tabIndex:-1,"aria-hidden":"true"}),(0,n.jsxs)(f.A,{sx:{gridGap:0,gridTemplateColumns:["1fr",null,null,null,"1fr 1fr"]},children:[(0,n.jsx)(c.A,{sx:{position:"relative",overflow:"hidden"},children:(0,n.jsx)(R,{image:t,ratio:C,desktopImageHeight:z,imageTriggerId:q})}),(0,n.jsx)(m.A,{sx:{gridRow:["-1",null,null,null,1],gridColumn:[1,null,null,null,2],borderLeftWidth:[0,null,null,null,1],borderLeftStyle:"solid",borderColor:"border","& > div":{"&:before":{right:0}}},children:(0,n.jsxs)(m.A,{sx:{flexDirection:"column",flex:1,minHeight:["auto",null,null,null,"calc(100vh - var(--CALC_HEADER_HEIGHT))"],"& > div":{"&:before":{right:0}}},ref:X,children:[(0,n.jsxs)(c.A,{sx:{flexGrow:1,px:b.v.mainX,pt:["m_114_130",null,"t_130_143",null,"d_30_59"],pb:b.v.headingPb},children:[(0,n.jsx)(h.A,{as:"h1",variant:v.YV.h2,children:i}),A&&(0,n.jsx)(d.A,{variant:v.YV.b1Light,isColored:!0,sx:{display:"inline-block",pt:["m_20_22",null,"t_22_24",null,"d_16_30"]},children:A})]}),(0,n.jsx)(u.A,{register:V,name:"email",errors:Y,validate:(0,w.AY)({isRequired:!0,fieldType:_.BB.Email,locale:I}),placeholder:S}),(0,n.jsx)(o.A,{field:{type:_.BB.Checkbox,id:"terms",value:{checkbox_text:j,name:"isTerms",required:!0}},register:V,watch:P,errors:Y}),(0,n.jsx)(a.q,{type:"submit",disabled:k,children:E})]})})]})]})})}},94114:(e,t,i)=>{function n({src:e,width:t}){try{let i=new URL(e);if("ventionteams.com"===i.hostname&&i.pathname.startsWith("/media/original_images/")){let e=i.pathname.split("/").pop();return`/api/images/${encodeURIComponent(e)}?width=${t}`}}catch{}return e}i.r(t),i.d(t,{default:()=>n})}}]);