https://altdigital.hr/_next/static/chunks/pages/services-6ab2c10d829dd8f7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54],{7133:function(e,s,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/services",function(){return t(2774)}])},8184:function(e,s,t){"use strict";var i=t(5893),a=t(9870);s.Z=function(e){let{image:s}=e;return(0,i.jsx)("div",{className:"",children:(0,i.jsx)(a.Z,{src:s.src,blurhash:s.blurhash,className:"relative w-full pb-[28%] opacity-60 xl:pb-[35%] lg:pb-[40%] md:pb-[60%]",fill:!0,alt:"Image",imageClassName:"object-cover",quality:100})})}},267:function(e,s,t){"use strict";var i=t(5893),a=t(8030),l=t(563),c=t(2637);s.Z=function(e){let{title:s,text:t="",buttonValue:n,link:r,scroll:d=!0}=e;return(0,i.jsx)(l.Z,{children:e=>{let{isVisible:l}=e;return(0,i.jsxs)("div",{className:"spacing-1 text-center",children:[(0,i.jsx)(c.Z,{animate:l,children:(0,i.jsx)("div",{className:"title",children:s})}),(0,i.jsx)("div",{children:t}),(0,i.jsx)(c.Z,{animate:l,delay:100,children:(0,i.jsx)("div",{className:"mt-10 inline-block md:mt-5",children:(0,i.jsx)(a.Z,{value:n,link:r,scroll:d})})})]})}})}},4738:function(e,s,t){"use strict";var i=t(5893),a=t(7421),l=t(267);s.Z=function(){let{t:e}=(0,a.$G)();return(0,i.jsx)(l.Z,{title:e("startGood"),buttonValue:e("sendMessage"),link:"/work-with-us"})}},563:function(e,s,t){"use strict";var i=t(567),a=t(4932),l=t(7702),c=t(5893),n=t(7294),r=t(3082),d=t.n(r);s.Z=function(e){var{children:s}=e,t=(0,l._)(e,["children"]);let[r,A]=(0,n.useState)(!1);return(0,c.jsx)(d(),(0,a._)((0,i._)({},t),{onChange:function(e){e&&A(!0)},active:!r,partialVisibility:!0,minTopValue:100,children:s({isVisible:r})}))}},9151:function(e,s,t){"use strict";var i=t(5893);s.Z=function(e){let{number:s,animate:t}=e;return(0,i.jsxs)("div",{className:"relative inline-block overflow-hidden",children:[(0,i.jsx)("div",{className:"button absolute inset-0 -translate-x-full text-opacity-50 opacity-0 transition duration-500 ease-out ".concat(t&&"!translate-x-0 opacity-100"),children:(0,i.jsx)("div",{className:"button mt-2 h-px translate-x-0 bg-gray-400 text-opacity-50 opacity-100 transition delay-500 duration-500 ease-out ".concat(t&&"!translate-x-full !opacity-0")})}),(0,i.jsx)("div",{className:"translate-x-[-20px] opacity-0 transition delay-700 duration-500 ease-out ".concat(t&&"!translate-x-0 opacity-100"),children:(0,i.jsx)("div",{className:"button text-opacity-50",children:s<10?"0".concat(s):s})})]})}},3922:function(e,s,t){"use strict";var i=t(5893),a=t(1664),l=t.n(a),c=t(7421),n=t(9870),r=t(8030),d=t(275),A=t(563);let o="".concat("https://cms.altdigital.hr/uploaded","/");s.Z=function(e){let{data:s,btnValue:t="",link:a="",imageBaseUrl:m=o,noAnimation:x}=e,{t:u}=(0,c.$G)();if(!s)return null;let h=(0,i.jsx)("div",{className:"inline-block",children:(0,i.jsx)(r.Z,{isDark:!0,value:t,alt:!0})});return(0,i.jsx)(A.Z,{children:e=>{let{isVisible:t}=e,c=(0,i.jsxs)("div",{className:"project-card group relative overflow-hidden px-32 py-60 xl:px-20 lg:pb-96 lg:pt-20 md:px-7 md:pb-80 md:pt-10 ".concat(!s.comingSoon&&"cursor-pointer"),children:[(0,i.jsx)("div",{style:{background:"radial-gradient(at bottom right, ".concat(s.color,"A6 0%, ").concat(s.color,"00 70%)")},className:"absolute inset-0 z-10 opacity-0 transition-opacity duration-500 group-hover:opacity-100"}),(0,i.jsx)("div",{className:"lg:hidden",children:!!s.image&&(0,i.jsx)("div",{className:"absolute inset-0",children:(0,i.jsx)(n.Z,{src:"".concat(m).concat(s.image.filename),alt:s.image.alt||"Project image",className:"size-full",fill:!0,imageClassName:"object-cover",blurhash:s.image.blurhash})})}),(0,i.jsx)("div",{className:"hidden lg:block",children:!!s.mobileImage&&(0,i.jsx)("div",{className:"absolute inset-0",children:(0,i.jsx)(n.Z,{src:"".concat(m).concat(s.mobileImage.filename),alt:s.mobileImage.alt||"Project image",fill:!0,imageClassName:"object-cover object-bottom",className:"size-full",blurhash:s.mobileImage.blurhash})})}),(0,i.jsx)("div",{className:"relative z-20 flex items-center",children:(0,i.jsxs)("div",{className:"max-w-[580px]",children:["client"in s&&(0,i.jsx)("div",{className:"body-dark mb-2",children:s.client}),(0,i.jsx)("div",{className:"title-dark mb-10 group-hover:underline md:mb-5",children:s.title||""}),s.comingSoon?(0,i.jsx)("div",{className:"button-dark md:button-lg-dark uppercase",children:u("comingSoon")}):h]})})]}),r=s.comingSoon?c:(0,i.jsx)(l(),{href:a,children:c});return(0,i.jsx)("div",{children:x?(0,i.jsx)("div",{children:r}):(0,i.jsx)(d.Z,{animate:t,children:r})})}})}},9146:function(e,s,t){"use strict";var i=t(5893),a=t(563),l=t(2637),c=t(9151);s.Z=function(e){let{data:s}=e,t=s.map((e,s)=>{let{text:t,title:n}=e,r=e=>(0,i.jsx)(c.Z,{number:s+1,animate:e}),d=(0,i.jsx)("p",{className:"body text-opacity-80",children:t});return(0,i.jsx)("div",{className:"mb-16 flex last:mb-0 md:mb-12",children:(0,i.jsx)(a.Z,{children:e=>{let{isVisible:s}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"w-1/4 pr-6 pt-1 md:w-auto",children:r(s)}),(0,i.jsxs)("div",{className:"flex-1",children:[(0,i.jsx)(l.Z,{animate:s,delay:100,children:(0,i.jsx)("h3",{className:"subtitle mb-4 md:mb-3",children:n})}),(0,i.jsx)(l.Z,{animate:s,delay:200,children:d})]})]})}})},s)});return(0,i.jsx)("div",{children:t})}},8824:function(e,s,t){"use strict";var i=t(5893),a=t(7294),l=t(2261),c=t(5029),n=t(9870),r=t(2637),d=t(8633),A=t(9151),o=t(8813);s.Z=function(e){let{data:s,animate:t,title:m,id:x}=e,[u,h]=(0,a.useState)(0),v=s.map((e,s,a)=>{let c=s===u,o=(0,i.jsx)("div",{className:"mb-8 md:mb-5",children:(0,i.jsx)(A.Z,{number:s+1,animate:c})});

1return(0,i.jsx)(l.o5,{children:(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"mb-12 flex items-center overflow-hidden lg:mb-5 ".concat(s===a.length-1&&"w-screen"),children:[(0,i.jsx)("div",{className:"size-2 rounded-full bg-white"}),(0,i.jsx)("div",{className:"h-px w-full -translate-x-full bg-white/50 transition duration-500 ".concat(t&&"!translate-x-0"),style:{transitionDelay:"".concat(500*s+500,"ms")}})]}),(0,i.jsx)("div",{className:"hidden lg:block",children:o}),(0,i.jsxs)("div",{className:"-mx-8 flex transition duration-1000 lg:flex-col-reverse ".concat(c?"opacity-100":"opacity-50"),children:[(0,i.jsxs)("div",{className:"w-1/4 px-8 xl:w-2/6 lg:w-5/6",children:[(0,i.jsx)("div",{className:"lg:hidden",children:o}),(0,i.jsx)("h3",{className:"title mb-8 md:mb-5",children:e.title}),(0,i.jsx)("p",{className:"body mb-16 text-opacity-80 lg:mb-10",children:e.text}),(0,i.jsx)("div",{children:e.points.map((e,s)=>(0,i.jsx)("div",{className:"button mb-6 last:mb-0 md:mb-5",children:(0,i.jsx)(r.Z,{animate:c,delay:200*s,children:(0,i.jsx)("h4",{children:e})})},s))})]}),(0,i.jsx)("div",{className:"ml-6 w-2/4 px-8 lg:mb-10 lg:ml-0 lg:w-5/6",children:(0,i.jsx)("div",{className:"relative w-full pb-[116%] lg:pb-[54.6%]",children:(0,i.jsx)(d.Z,{animate:c,reverse:!0,children:(0,i.jsx)(n.Z,{src:e.image.src,alt:e.image.alt,blurhash:e.image.blurhash,fill:!0,quality:100,className:"size-full",imageClassName:"object-cover object-center scale-[1.01]"})})})})]})]})},s)});return(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"mb-8 flex items-center justify-between",children:[(0,i.jsx)("h2",{className:"subtitle",children:m}),(0,i.jsxs)("div",{className:"flex items-center",children:[(0,i.jsx)("div",{className:"swiper-prev-".concat(x," mr-2 cursor-pointer select-none p-2"),children:(0,i.jsx)("img",{src:o,alt:"Arrow",className:"disabled size-[12px] rotate-[-135deg]"})}),(0,i.jsx)("div",{className:"swiper-next-".concat(x," cursor-pointer select-none p-2"),children:(0,i.jsx)("img",{src:o,alt:"Arrow",className:"disabled size-[12px] rotate-45"})})]})]}),(0,i.jsx)("div",{className:"services-swiper cursor-grab",children:(0,i.jsx)(l.tq,{centeredSlides:!0,slidesPerView:1,modules:[c.W_],initialSlide:u,onSlideChange:e=>{let{activeIndex:s}=e;return h(s)},slideToClickedSlide:!0,className:"swiper-container",navigation:{nextEl:".swiper-next-".concat(x),prevEl:".swiper-prev-".concat(x)},children:v})})]})}},275:function(e,s,t){"use strict";var i=t(5893);t(7294),s.Z=function(e){let{animate:s,delay:t=0,children:a}=e;return(0,i.jsx)("div",{className:"transform-gpu opacity-0 transition duration-[900ms] ".concat(s&&"!translate-y-0 opacity-100"),style:{transitionDelay:"".concat(t,"ms"),transform:"translateY(70px)"},children:a})}},4930:function(e,s,t){"use strict";var i=t(4788),a=t(2796),l=t(567),c=t(4932),n=t(5893);t(7294);var r=t(8428);s.Z=function(e){var s=(0,i._)({},(0,a._)(e));return(0,n.jsx)("div",{className:"title-xxl",children:(0,n.jsx)(r.Z,(0,c._)((0,l._)({},s),{className:"mb-[-20px] h-[110px] md:h-[70px]"}))})}},8633:function(e,s,t){"use strict";var i=t(567),a=t(5893);t(7294),s.Z=function(e){let{animate:s,children:t,delay:l=0,scale:c=!0,color:n="",reverse:r=!1}=e;return(0,a.jsxs)("div",{className:"absolute inset-0 overflow-hidden",children:[(0,a.jsx)("div",{className:"translate-0 absolute inset-0 z-10 -mr-px transform-gpu bg-main duration-1000 ease-out ".concat(s&&r&&"translate-y-full"," ").concat(s&&!r&&"-translate-y-full"),style:(0,i._)({transitionDelay:"".concat(l,"ms")},n?{backgroundColor:n}:{})}),(0,a.jsx)("div",{className:"absolute inset-px overflow-hidden",children:(0,a.jsx)("div",{className:"h-full transform-gpu transition duration-1000 ease-out ".concat(c&&"scale-150"," ").concat(s&&"!scale-100"),style:{transitionDelay:"".concat(l,"ms")},children:t})})]})}},2637:function(e,s,t){"use strict";var i=t(5893);t(7294),s.Z=function(e){let{animate:s,delay:t=0,children:a}=e;return(0,i.jsx)("div",{className:"transform-gpu opacity-0 transition duration-[900ms] ".concat(s&&"!translate-y-0 opacity-100"),style:{transitionDelay:"".concat(t,"ms"),transform:"translateY(50px)"},children:a})}},2774:function(e,s,t){"use strict";t.r(s),t.d(s,{default:function(){return p}});var i=t(5893);t(7294);var a=t(7421),l=t(4738),c=t(9146),n=t(8824),r=t(3922),d={blurhash:"UXI#x_Di00kD-;

1M{RjofozxuofRj~qM{IAoz",src:"/_next/static/media/banner.e60b604c.jpg",height:633,width:1920,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAADAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABrEv/xAAXEAADAQAAAAAAAAAAAAAAAAABAgQS/9oACAEBAAEFAlGZf//EABURAQEAAAAAAAAAAAAAAAAAAAAB/9oACAEDAQE/AY//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAXEAADAQAAAAAAAAAAAAAAAAAAARFS/9oACAEBAAY/AlMH/8QAFxAAAwEAAAAAAAAAAAAAAAAAAAEh8P/aAAgBAQABPyFGLD//2gAMAwEAAgADAAAAEP8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxA//8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Qr//EABcQAQEBAQAAAAAAAAAAAAAAAAERAKH/2gAIAQEAAT8QZbFmqvW//9k=",blurWidth:8,blurHeight:3},A=t(9528),o=t(4930),m=t(4244),x=t(563),u=t(2637),h=t(275),v=t(8184);function j(){let{t:e}=(0,a.$G)();function s(e,s){return(0,i.jsx)("div",{className:"pl-56 pt-32 xl:pl-0 md:pt-20",children:(0,i.jsx)("div",{className:"container",children:(0,i.jsxs)("div",{className:"-mx-5 flex max-w-5xl md:flex-col",children:[(0,i.jsx)("div",{className:"w-1/2 px-5 md:w-full",children:(0,i.jsx)("h2",{className:"title max-w-72 lg:max-w-full md:mb-12",children:s})}),(0,i.jsx)("div",{className:"w-1/2 px-5 md:w-full",children:(0,i.jsx)(c.Z,{data:e})})]})})})}let t=[{title:e("servicesItemTitle1"),text:e("servicesItemText1")},{title:e("servicesItemTitle2"),text:e("servicesItemText2")},{title:e("servicesItemTitle3"),text:e("servicesItemText3")},{title:e("servicesItemTitle4"),text:e("servicesItemText4")}],l=[{title:e("servicesItemTitle5"),text:e("servicesItemText5")},{title:e("servicesItemTitle6"),text:e("servicesItemText6")},{title:e("servicesItemTitle7"),text:e("servicesItemText7")}],j=[{title:e("servicesSliderTitle1"),text:e("servicesSliderText1"),image:{src:"/_next/static/media/OurProcess_1.4aed7faa.jpg",alt:"Image",blurhash:"UNOzPq?b00_4xv9ERPD*00xvR+xu-=?boft8"},points:[e("servicesSliderPoint1"),e("servicesSliderPoint2"),e("servicesSliderPoint3")]},{title:e("servicesSliderTitle2"),text:e("servicesSliderText2"),image:{src:"/_next/static/media/OurProcess_2.201ec7b0.jpg",alt:"Image",blurhash:"UDHe-1Dh00%MDz4m9EV?Md?wtmS%8wMw-=xu"},points:[e("servicesSliderPoint4"),e("servicesSliderPoint5"),e("servicesSliderPoint6")]},{title:e("servicesSliderTitle3"),text:e("servicesSliderText3"),image:{src:"/_next/static/media/OurProcess_3.c6fdcd03.jpg",alt:"Image",blurhash:"UGIhdU01-mIp%$00-:%4M_n%%LbJ~WxvR5W;"},points:[e("servicesSliderPoint7"),e("servicesSliderPoint8"),e("servicesSliderPoint9")]},{title:e("servicesSliderTitle4"),text:e("servicesSliderText4"),image:{src:"/_next/static/media/OurProcess_4.b05df6a3.jpg",alt:"Image",blurhash:"UOKUTg4TR:%M={s,%3of_4-pi]%M-mWZoys;"},points:[e("servicesSliderPoint10"),e("servicesSliderPoint11"),e("servicesSliderPoint12")]}];return(0,i.jsxs)("div",{className:"spacing-top spacing-1",children:[(0,i.jsx)("div",{className:"container mb-28 lg:mb-20 md:mb-16",children:(0,i.jsxs)("div",{className:"w-3/4 max-w-[650px] md:w-full",children:[(0,i.jsx)("div",{className:"mb-4",children:(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(m.Z,{animate:t,value:e("whatWeDo"),heading:!0})}})}),(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(u.Z,{animate:t,children:(0,i.jsx)("p",{className:"body text-opacity-80",children:e("servicesTextMain")})})}})]})}),(0,i.jsx)("div",{className:"spacing-1 overflow-hidden",children:(0,i.jsx)("div",{className:"container",children:(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(h.Z,{animate:t,children:(0,i.jsx)(n.Z,{id:"1",title:e("ourProcess"),data:j,animate:t})})}})})}),(0,i.jsxs)("div",{className:"spacing-1",children:[(0,i.jsx)("div",{className:"container",children:(0,i.jsx)("div",{className:"max-w-[1200px]",children:(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(o.Z,{animate:t,value:e("serviceIndustryHighlight")})}})})}),s(t,e("servicesTitle1")),(0,i.jsx)("div",{className:"spacing-1 spacing-top",children:(0,i.jsx)(v.Z,{image:d})}),(0,i.jsx)("div",{className:"container",children:(0,i.jsx)("div",{className:"max-w-[1200px]",children:(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(o.Z,{animate:t,value:e("makingGoodHighlight")})}})})}),s(l,e("servicesTitle2"))]}),(0,i.jsx)(x.Z,{children:s=>{let{isVisible:t}=s;return(0,i.jsx)(h.Z,{animate:t,children:(0,i.jsx)("div",{className:"md:container-disable container",children:(0,i.jsx)(r.Z,{data:{image:{filename:"/_next/static/media/case-study.72b06d52.jpg",alt:"Image",blurhash:"U$MRAU%%s*oIXnxHj=aeM_xuaxRk%NflRjog"},mobileImage:{filename:"/_next/static/media/case-study-mobile.67e16c08.jpg",alt:"Image",blurhash:"UZL=Ig?ct8%L.AV=n}Rl?XRjM{t8InXAtSad"},title:e("checkCaseStudy")},btnValue:e("caseStudy"),imageBaseUrl:"",link:"/work"})})})}}),(0,i.jsx)(A.Z,{title:e("metaTitleServices"),description:e("metaDescServices")})]})}j.Layout=l.Z;var p=j}},function(e){e.O(0,[82,223,29,888,774,179],function(){return e(e.s=7133)}),_N_E=e.O()}]);