https://hanaroadstudios.com/_next/static/chunks/957-62977369be168ad0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[957],{435:function(e,t,r){"use strict";var s,i=r(7294);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var s in r)({}).hasOwnProperty.call(r,s)&&(e[s]=r[s])}return e}).apply(null,arguments)}t.Z=function(e){return i.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:20,height:13,fill:"none",viewBox:"0 0 20 13"},e),s||(s=i.createElement("path",{fill:"currentColor",d:"M8.485 10.744 0 2.26 1.414.846 9.9 9.33 18.383.846l1.414 1.414-9.9 9.9z"})))}},5771:function(e,t,r){"use strict";r.d(t,{t:function(){return F}});var s=r(5893),i=r(7294),n=r(7533),a=r(7338),l=r(3967),c=r.n(l),o=r(7570),u=r.n(o);let h=(0,i.forwardRef)((e,t)=>{let{className:r,style:n,error:a,label:l,register:o,name:h="",required:d,isTextarea:_=!1,id:p,...m}=e,f=(0,i.useId)(),v=p||f;return(0,s.jsxs)("div",{ref:t,className:c()(r,u().input_wrapper,a&&u().error),style:n,children:[l&&(0,s.jsx)("label",{className:u().label,htmlFor:v,children:l}),_?(0,s.jsx)("textarea",{...o&&o(h),...m,className:c()(u().input,u().textarea),id:v,onWheel:e=>{let{scrollHeight:t,clientHeight:r}=e.target;t>r&&e.stopPropagation()}}):(0,s.jsx)("input",{...o&&o(h),...m,className:u().input,id:v}),a&&(0,s.jsx)("span",{className:c()(u().errorText),children:null==a?void 0:a.message})]})});h.displayName="TextInput";var d=r(6310),_=r(7536),p=r(4439),m=r(1758),f=r(1921),v=r(733),y=r.n(v);let x=p.Z8.map(e=>{let t=(0,p.ow)(e);return"kz"===t.iso2&&(t.priority=2),(0,p.aq)(t)}),g=(0,i.forwardRef)((e,t)=>{let{className:r,style:n,label:a,control:l,error:o,name:u,id:h}=e,d=(0,m.t)(t),v=(0,i.useId)(),g=h||v,{isIn:w}=(0,f.o)({ref:d});return(0,s.jsxs)("div",{ref:d,className:c()(r,y().phoneInput,o&&y().error),style:n,"data-lenis-prevent":!0,children:[a&&(0,s.jsx)("label",{className:y().label,htmlFor:g,children:a}),w&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(_.Qr,{name:u,control:l,render:e=>{let{field:{onChange:t,value:r}}=e;return(0,s.jsx)(p.sb,{value:r,onChange:t,defaultCountry:"ch",countries:x,inputProps:{id:g}})}}),o&&(0,s.jsx)("span",{className:y().errorText,children:null==o?void 0:o.message})]})]})});g.displayName="PhoneInput";var w=r(3791),b=r(435),j=r(1158),N=r(7371),k=r(784),I=r.n(k);let C=(0,i.forwardRef)((e,t)=>{let{className:r,style:n,options:a,label:l,name:o="",setValue:u,selectedOption:h}=e,d=(0,i.useRef)(null),_=(0,i.useRef)(null),[p,m]=(0,i.useState)(!1),[f,v]=(0,i.useState)(a[0]),y=e=>{v(e),m(!1),d.current&&(d.current.value=e.value)};return(0,j.O)({ref:N.j?window:null,target:"keydown",listener:e=>{"Escape"===e.key&&m(!1)}}),(0,j.O)({ref:N.j?window:null,target:"click",listener:e=>{var t;let{target:r}=e;r instanceof Node&&!(null===(t=_.current)||void 0===t?void 0:t.contains(r))&&m(!1)}}),(0,i.useEffect)(()=>{u&&u(o,f.value)},[f,o,u]),(0,i.useEffect)(()=>{let e=a.findIndex(e=>e.value===h);v(a[-1===e?0:e])},[a,h]),(0,s.jsxs)("div",{ref:t,className:c()(r,I().select),style:n,children:[(0,s.jsx)("select",{ref:d,className:I().selectInput,name:o,defaultValue:f.value,children:a.map(e=>(0,s.jsx)("option",{value:e.value,children:e.text},e.value))}),l&&(0,s.jsx)("p",{className:I().label,children:l}),(0,s.jsxs)("div",{className:I().selectWrap,ref:_,children:[(0,s.jsxs)("button",{type:"button",onClick:()=>m(!p),className:c()(I().selected,p&&I().active),children:[f.text,(0,s.jsx)(b.Z,{className:I().icon})]}),(0,s.jsx)("div",{className:c()(I().items,p&&I().isShow),"data-lenis-prevent":!0,children:(0,s.jsx)("div",{className:I().itemsInner,children:a.map(e=>(0,s.jsx)("button",{type:"button",onClick:()=>y(e),className:c()(I().item,e.value===f.value&&I().active),children:e.text},e.value))})})]})]})});C.displayName="Select";var S=r(2319),P=r(4311),z=r(4916),R=r(7383),E=r(746),q=r.n(E);let T=w.PhoneNumberUtil.getInstance(),M=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";try{return T.isValidNumber(T.parseAndKeepRawInput(e))}catch(e){return!1}},W=d.Ry().shape({name:d.Z_().required("First name is required"),email:d.Z_().required("Email is required").matches(/^[\w.-]+@([\w-]+\.)+[\w-]{2,4}

1$/g,"Email is invalid"),tel:d.Z_().test("valid-phone","Phone is invalid",e=>M(e)).required("Phone is required"),message:d.Z_().required("Message is required"),service:d.Z_()}),F=e=>{let{title:t,fieldName:r,fieldEmail:l,fieldTel:c,fieldSelect:o,fieldMessage:u,submit:d,selectedOption:p}=e,{register:m,handleSubmit:f,reset:v,setValue:y,control:x,formState:{errors:w}}=(0,_.cI)({resolver:(0,n.X)(W)}),b=(0,i.useRef)(null),[j,N]=(0,i.useState)(!1);return(0,s.jsx)("section",{className:q().contact,children:(0,s.jsx)("div",{className:q().wrap,id:"contact-form",children:(0,s.jsxs)("div",{className:q().inner,children:[t&&(0,s.jsx)("h2",{className:q().title,dangerouslySetInnerHTML:{__html:t}}),(0,s.jsxs)("form",{className:q().form,onSubmit:f(e=>{N(!0),fetch("".concat(S.T5,"/contact-form-requests"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({data:e})}).then(()=>{var e;(0,R.Mw)(z.w.PopupSuccess),null==b||null===(e=b.current)||void 0===e||e.reset(),v({message:"",name:"",email:"",tel:""})}).finally(()=>{N(!1)}).catch(e=>{(0,R.Mw)(z.w.PopupFailed),console.log(e)})}),ref:b,children:[(0,s.jsxs)("div",{className:q().row,children:[r&&(0,s.jsx)(P.N,{from:{opacity:0}

1,to:{opacity:1},children:(0,s.jsx)(h,{placeholder:r.placeholder,label:r.label,name:"name",register:m,error:null==w?void 0:w.name,required:!0})}),l&&(0,s.jsx)(P.N,{from:{opacity:0},to:{opacity:1},children:(0,s.jsx)(h,{placeholder:l.placeholder,label:l.label,name:"email",type:"email",register:m,error:null==w?void 0:w.email,required:!0})})]}),(0,s.jsxs)("div",{className:q().row,children:[c&&(0,s.jsx)(P.N,{from:{opacity:0},to:{opacity:1},children:(0,s.jsx)(g,{label:c.label,name:"tel",control:x,error:null==w?void 0:w.tel})}),o&&(0,s.jsx)(P.N,{from:{opacity:0},to:{opacity:1},children:(0,s.jsx)(C,{setValue:y,label:o.label,name:"service",options:o.options,selectedOption:p})})]}),u&&(0,s.jsx)(P.N,{from:{opacity:0},to:{opacity:1},children:(0,s.jsx)(h,{className:q().textarea,placeholder:u.placeholder,label:u.label,name:"message",register:m,error:null==w?void 0:w.message,required:!0,isTextarea:!0})}),(0,s.jsx)(P.N,{from:{opacity:0},to:{opacity:1},children:(0,s.jsx)("div",{children:(0,s.jsx)(a.z,{size:"lg",isWithArrow:!0,className:q().button,type:"submit",disabled:j,children:(null==d?void 0:d.text)||"SUBMIT"})})})]})]})})})}},6950:function(e,t,r){"use strict";r.d(t,{V:function(){return x}});var s=r(5893),i=r(7294),n=r(9148),a=r(390),l=r(3967),c=r.n(l),o=r(782),u=r.n(o),h=r(8070),d=r(2229),_=r(6542),p=r(5976),m=r(1158),f=r(7371),v=r(8757),y=r(8964);let x=e=>{let{slug:t,title:r,text:l,link:o,list:x}=e,g=(0,i.useRef)(null),w=(0,i.useRef)(null),b=(0,i.useRef)(null),j=(0,i.useRef)(null),N=(0,i.useRef)(null),k=function(e){let[t,r]=(0,i.useState)(0),s=(0,h.t)(()=>{let t=e.current;if(!t)return;let s=t.offsetHeight;r(window.innerHeight-s)},10);return(0,_.T)(()=>s,[s]),(0,d.b)(e,s),t}(w);return!function(e){let{scrollableRef:t,stickyTop:r,alphaRef:s,listRef:n,gradientRef:a}=e,l=(0,i.useRef)(0),c=(0,p.T)(a),o=(0,i.useCallback)(()=>{let e=s.current,t=window.innerWidth<1024;if(!e)return;let r=1-(0,v.r)(l.current,[0,.3]);e.style.opacity=t?"1":"".concat(r)},[s]),u=(0,i.useCallback)(()=>{let e=n.current,t=a.current;if(!e||!t)return;let r=e.parentElement.offsetWidth,s=e.offsetWidth-r,i=-(l.current*s*1);e.style.transform="translateX(".concat(i,"px)");let o=(0,v.r)(-i,[s-c,s]);t.style.opacity="".concat(1-o)},[a,c,n]),h=(0,i.useCallback)(()=>{let e=n.current;if(!e)return;let t=Array.from(e.children),r=(0,y.n)(t.length,.5);t.forEach((e,t)=>{let s=1-(0,v.r)(l.current,r[t]);e.style.transform="rotateY(".concat(20*s,"deg)")})},[n]),d=(0,i.useCallback)(()=>{o(),u(),h()},[o,u,h]),_=(0,i.useCallback)(()=>{let e=t.current;if(!e)return;let s=e.getBoundingClientRect(),i=[-r,s.height-window.innerHeight],n=(0,v.r)(-s.top,i),a=(0,v.r)(n,[0,.95]);l.current!==a&&(l.current=a,d())},[d,t,r]);(0,m.O)({ref:f.j?window:null,target:"scroll",listener:_})}({scrollableRef:g,stickyTop:k,alphaRef:b,listRef:j,gradientRef:N}),(0,s.jsx)("section",{ref:g,className:c()(u().equipment,"_light-colors"),id:t,children:(0,s.jsx)("div",{ref:w,className:u().sticky_container,style:{top:"".concat(k,"px")},children:(0,s.jsxs)("div",{className:u().main_container,children:[(0,s.jsxs)("div",{ref:b,className:u().texts,children:[(0,s.jsx)("h2",{className:u().title,dangerouslySetInnerHTML:{__html:r}}),(0,s.jsx)("p",{className:u().description,dangerouslySetInnerHTML:{__html:l}})]}),(0,s.jsx)("ul",{ref:j,className:u().list,children:x.map(e=>{let{id:t,title:r,image:i}=e;return(0,s.jsxs)("li",{className:u().item,children:[(0,s.jsx)(n.p,{...i.data,className:u().item__img}),(0,s.jsx)("p",{className:u().item__text,dangerouslySetInnerHTML:{__html:r}})]},t)})}),(0,s.jsx)(a.P,{className:u().link,tag:"a",href:o.url,isExternal:o.isExternal,size:"xl",theme:"orange",children:o.text}),(0,s.jsx)("div",{ref:N,className:u().gradient})]})})})}},6112:function(e,t,r){"use strict";r.d(t,{v:function(){return v}});var s=r(5893),i=r(7294),n=r(3967),a=r.n(n),l=r(5393),c=r.n(l),o=r(3891),u=r(2229),h=r(4715),d=r(6038),_=r(2464),p=r.n(_),m=r(9148);let f=e=>{let{className:t,style:r,list:n}=e,l=(0,i.useMemo)(()=>[...n,...n].map((e,t)=>({...e,key:t})),[n]);return(0,s.jsx)("ul",{className:a()(t,p().ticker_list),style:r,children:l.map(e=>{var t,r;let{key:i,...n}=e;return(0,s.jsx)("li",{className:p().item,children:n&&(0,s.jsx)(m.p,{...n,className:p().image,style:{"--width":"".concat(null===(t=n.attributes)||void 0===t?void 0:t.width,"rem"),"--height":"".concat(null===(r=n.attributes)||void 0===r?void 0:r.height,"rem")}})},i)})})},v=e=>{let{className:t,style:r,list:n}=e,l=(0,i.useRef)(null),{isScrolling:_}=function(e){let[t,r]=(0,i.useState)(!1),{state:s}=(0,o.S)({ref:e}),n=(0,i.useCallback)(()=>{let t=e.current,s=null==t?void 0:t.querySelector(".js-list");if(t&&s){if(s.offsetWidth>t.offsetWidth){r(!0);return}r(!1)}},[e]);return(0,u.b)(e,n),{isScrolling:t&&"in"===s}}(l);return(0,h.V)(()=>{var e;let t=null===(e=l.current)||void 0===e?void 0:e.querySelector(".".concat("js-scroll-container"));if(!t)return;let r=t.offsetWidth/200;d.ZP.timeline({repeat:-1,paused:!_}).from(t,{xPercent:_?50:0,ease:"none",duration:r})},{scope:l,revertOnUpdate:!0,dependencies:[_]}),(0,s.jsx)("div",{ref:l,className:a()(t,c().ticker,{[c().active]:_}),style:r,children:(0,s.jsxs)("div",{className:a()(c().scrollContainer,"js-scroll-container"),children:[(0,s.jsx)(f,{className:a()(c().list,"js-list"),list:n}),(0,s.jsx)(f,{className:a()(c().list,c().second,"js-list"),list:n})]})})}},9763:function(e,t,r){"use strict";r.d(t,{d:function(){return i}});var s=r(7294);

1function i(){let[e,t]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=window.matchMedia("(max-width: 1023px)"),r=()=>{e.matches?t(!0):t(!1)};return r(),e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]),e}},1791:function(e,t,r){"use strict";r.d(t,{V:function(){return s}});let s=(0,r(7294).createContext)({manager:null,scene:null,width:0,height:0,perspective:0,isPlaying:!1})},6469:function(e,t,r){"use strict";r.d(t,{B:function(){return m}});var s=r(5893),i=r(7294),n=r(5023),a=r(3653),l=r(9477),c=r(1052),o=r(6889),u=r(738);class h{get renderer(){return this._renderer}get canvas(){return this._canvas}get dpr(){return this._dpr}get width(){return this._width}get height(){return this._height}resize(){this._width=this._container.offsetWidth,this._height=this._container.offsetHeight,this._renderer.setSize(this.width,this.height),this._renderer.setPixelRatio(this.dpr)}setDpr(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1];this._dpr=e,t&&this.resize()}destroy(){this._renderer.dispose()}constructor(e,t,r){var s;this._container=e,this._canvas=t,this._props=r,this._width=1,this._height=1,this._dpr=null!==(s=this._props.dpr)&&void 0!==s?s:a.vevet.viewport.dpr,this._renderer=new l.WebGLRenderer({...r,canvas:t}),this.resize()}}class d{get camera(){return this._camera}get perspective(){return"number"==typeof this._perspective?this._perspective:this._perspective()}get near(){return this._near}get far(){return this._far}get aspectRatio(){return this.width/this.height}get width(){return this._container.offsetWidth}get height(){return this._container.offsetHeight}get fov(){return this._fov||2*Math.atan(this.height/2/this.perspective)/Math.PI*180}resize(){let{camera:e}=this;e.fov=this.fov,e.aspect=this.aspectRatio,this._camera.position.set(0,0,this.perspective),e.updateProjectionMatrix()}constructor(e,t,r,s,i){this._container=e,this._fov=t,this._perspective=r,this._near=s,this._far=i,this._camera=new l.PerspectiveCamera(this.fov,this.aspectRatio,this.near,this.far),this._camera.position.set(0,0,this.perspective)}}class _{get props(){return this._props}get container(){return this._container}get canvas(){return this._canvas}get renderer(){return this._rendererInstance.renderer}get cameraInstance(){return this._cameraInstance}get camera(){return this._camera}get scene(){return this._scene}set scene(e){this._scene=e}get callbacks(){return this._callbacks}get animationFrame(){return this._animationFrame}get easeMultiplier(){return this.animationFrame.easeMultiplier}resize(){var e;this.callbacks.tbt("beforeResize",void 0),this._rendererInstance.resize(),null===(e=this._cameraInstance)||void 0===e||e.resize(),this.callbacks.tbt("resize",void 0),this.render()}play(){this.animationFrame.play()}pause(){this.animationFrame.pause()}get width(){return this._rendererInstance.width}get height(){return this._rendererInstance.height}get dpr(){return this._rendererInstance.dpr}setDpr(e){this._rendererInstance.setDpr(e,!1),this.resize()}render(){this.callbacks.tbt("render",void 0),this.width>0&&this.height>0&&this.scene&&this.camera&&this.renderer.render(this.scene,this.camera),this.callbacks.tbt("afterRender",void 0)}destroy(){var e;this._canvas.remove(),this._rendererInstance.destroy(),this._animationFrame.destroy(),null===(e=this._resizeCallback)||void 0===e||e.remove(),this._callbacks.destroy()}constructor(e,t,r){let s="string"==typeof e?document.querySelector(e):e;if(s)this._container=s;else throw Error("No Container Element");this._canvas=document.createElement("canvas"),s.appendChild(this._canvas);let i={cameraProps:{fov:void 0,perspective:800,near:1,far:1e4},rendererProps:{},fps:"auto"};this._props={...i,...t,cameraProps:{...i.cameraProps,...t.cameraProps},rendererProps:{...i.rendererProps,...t.rendererProps}};let{rendererProps:n,cameraProps:_}=this.props;this._rendererInstance=new h(s,this._canvas,n),r?this._camera=r:(this._cameraInstance=new d(s,_.fov,_.perspective,_.near,_.far),this._camera=this._cameraInstance.camera),this._scene=new l.Scene,this._resizeCallback=(0,c.i)({element:s,hasBothEvents:!1,onResize:()=>this.resize(),viewportTarget:a.vevet.isMobile?"width":"any"}),this._callbacks=new o.Y,this.resize(),this._animationFrame=new u.$({fps:this.props.fps}

1),this._animationFrame.addCallback("frame",()=>this.render())}}var p=r(1791);let m=e=>{let{containerRef:t,isPlaying:r,near:l,far:c,depth:o,onCreate:u,perspective:h,dpr:d,antialias:m,children:f}=e,v=(0,n.z)(u),y=function(e){let{ref:t,isPlaying:r,perspective:s=2e3,dpr:l,antialias:c,near:o=1,far:u=1e4,depth:h=!0,onCreate:d}=e,[p,m]=(0,i.useState)(null),[f,v]=(0,i.useState)(null),[y,x]=(0,i.useState)(0),[g,w]=(0,i.useState)(0),b=(0,n.z)(d);return(0,i.useEffect)(()=>{if(!t.current)return;let e=new _(t.current,{rendererProps:{dpr:null!=l?l:Math.min(a.vevet.viewport.lowerDesktopDpr,2),antialias:null!=c?c:!a.vevet.isMobile,alpha:!0,powerPreference:"high-performance",depth:h},cameraProps:{perspective:s,near:o,far:u},fps:140});m(e),v(e.scene),x(e.width),w(e.height),null==b||b(e),e.callbacks.add("resize",()=>{x(e.width),w(e.height)});let r=a.vevet.onPageLoad();return r.then(()=>e.resize()).catch(()=>{}),()=>{r.cancel(),e.destroy()}},[c,l,u,o,b,s,t,h]),(0,i.useEffect)(()=>{r?null==p||p.play():null==p||p.pause()},[r,p]),{manager:p,scene:f,width:y,height:g,perspective:s,isPlaying:r}}({ref:t,isPlaying:r,perspective:h,dpr:d,antialias:m,near:l,far:c,depth:o});return(0,i.useEffect)(()=>null==v?void 0:v(y),[v,y]),(0,s.jsx)(p.V.Provider,{value:y,children:f})}},8612:function(e,t,r){"use strict";r.d(t,{S:function(){return a}});var s=r(7294),i=r(5023),n=r(235);function a(e){let{manager:t}=(0,n.F)(),r=(0,i.z)(e);(0,s.useEffect)(()=>{let e=null==t?void 0:t.callbacks.add("render",()=>r(t));return()=>null==e?void 0:e.remove()},[r,t])}},235:function(e,t,r){"use strict";r.d(t,{F:function(){return n}});var s=r(7294),i=r(1791);function n(){return(0,s.useContext)(i.V)}},746:function(e){e.exports={contact:"styles_contact__W0dT9",wrap:"styles_wrap__Uq89P",inner:"styles_inner__sKseU",title:"styles_title__D6oqU",form:"styles_form__4BDc5",row:"styles_row__vw7yi",button:"styles_button__xpBIc"}},782:function(e){e.exports={equipment:"styles_equipment__5vpnZ",sticky_container:"styles_sticky_container__QKqje",main_container:"styles_main_container__2XkBm",link:"styles_link__DDU_V",list:"styles_list__w5Cx7",gradient:"styles_gradient___zKmi",texts:"styles_texts__Go3sE",title:"styles_title__Hl0rp",description:"styles_description__O_aKe",item:"styles_item__dsARX",item__text:"styles_item__text__2pq_J",item__img:"styles_item__img__SKyWL"}},733:function(e){e.exports={phoneInput:"styles_phoneInput__nRKWA",error:"styles_error__qLZ4g",label:"styles_label__l_xDm",errorText:"styles_errorText__R8pAR"}},784:function(e){e.exports={select:"styles_select__aK8RI",selectInput:"styles_selectInput__wrSzw",selectWrap:"styles_selectWrap__C_5JL",items:"styles_items__pd30Y",itemsInner:"styles_itemsInner__3yHfy",item:"styles_item__LC6dE",active:"styles_active__sbStA",selected:"styles_selected__sfbX2",isShow:"styles_isShow__0f7WI",icon:"styles_icon__arz8U",label:"styles_label__QH3Yi"}},7570:function(e){e.exports={input_wrapper:"styles_input_wrapper__zNX5v",label:"styles_label__73g77",input:"styles_input__Pe1Ck",error:"styles_error__0eb_U",textarea:"styles_textarea__CgpQ9",errorText:"styles_errorText__BWVsE"}},2464:function(e){e.exports={ticker_list:"styles_ticker_list__mnift",image:"styles_image__LA3Gv",text:"styles_text__OVQb_"}},5393:function(e){e.exports={ticker:"styles_ticker__6lNT0",scrollContainer:"styles_scrollContainer__zpf5C",active:"styles_active__jWCjZ",list:"styles_list__5z1_n",second:"styles_second__MYmmv"}}}]);