(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[219],{1587:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[slug]",function(){return l(8011)}])},4557:function(e,t,l){"use strict";l.d(t,{f:function(){return n}});var s=l(5893),a=l(461),c=l(1664),i=l.n(c);function n(e){let{image:t,services:l,pills:c,subtitle:n,title:r,description:o,date:d,link:x}=e;return(0,s.jsx)(i(),{className:"w-full",href:x,children:(0,s.jsxs)("div",{style:{backgroundImage:"url(".concat((0,a.u)(t).url(),")")},className:"bg-cover bg-center rounded-xl bg-white  aspect-[3/4] overflow-hidden transition-all hover:scale-[1.05] relative",children:[(0,s.jsx)("div",{className:" bg-gradient-to-t from-black to-black/0 absolute top-0 left-0 right-0 bottom-0"}),(0,s.jsxs)("div",{className:"relative flex flex-col justify-between h-full",children:[(0,s.jsx)("div",{className:"flex flex-col gap-2 p-8 pb-0 relative ",children:c&&l.slice(0,1).map((e,t)=>(0,s.jsx)("div",{className:"mr-4",children:(0,s.jsx)("p",{className:"pill bg-white !text-black",children:e.subtitle})},t))}),(0,s.jsxs)("div",{className:"flex flex-col gap-2 p-8 w-full",children:[(0,s.jsx)("p",{className:"text-white text-xl",children:r}),(0,s.jsx)("p",{className:"text-white/75",children:n})]})]})]})})}},9744:function(e,t,l){"use strict";l.d(t,{Pt:function(){return i}});var s=l(5893),a=l(461),c=l(4217);function i(e){return(0,s.jsx)("section",{className:"",children:(0,s.jsx)("div",{className:"section-y",children:(0,s.jsx)("div",{className:"rt ".concat(e.wide?"wide":""," ").concat(e.wideWide?"!max-w-none":""),children:(0,s.jsx)(c.YI,{value:e.data,components:{types:{image:e=>{let{value:t}=e;return(0,s.jsx)("img",{alt:"Rich text image",className:" object-cover w-full",src:(0,a.u)(t).url()})}},marks:{color:e=>{let{children:t,value:l}=e;return(0,s.jsx)("span",{style:{color:l.color.value},children:t})}}}})})})})}},6395:function(e,t,l){"use strict";l.d(t,{O:function(){return o}});var s=l(5893),a=l(5675),c=l.n(a),i=l(1664),n=l.n(i),r=l(6625);function o(e){let{padding:t,invert:l,h1:a,left:i,right:o,tall:d,data:x,white:m,small:u,big:p,gradient:h,gradientColor:g,maxWidth:f,buttonLabel:v,buttonUrl:j}=e;return(0,s.jsxs)("div",{className:"".concat(l?"invert":""," ").concat(t?"p-8":""," ").concat(i?"text-left":o?"text-right":"text-center items-center mx-auto"," ").concat(d?"h-[50vh]":""," flex flex-col justify-center gap-8 ").concat(f?"max-w-[500px]":"max-w-page","  relative"),children:[h?(0,s.jsx)("div",{style:{background:g},className:"w-[300px] h-[300px] absolute -translate-x-1/2 -translate-y-1/2 safari-blur blur-[150px]"}):null,x.pill?(0,s.jsx)("p",{style:{backgroundColor:x.pillColor},className:"pill relative",children:x.pill}):null,a&&x.title?(0,s.jsx)("h1",{className:"".concat(u?"headingSmall":p?"text-xl":""," relative font-sans  text-black heading text-pretty ").concat(m?"text-white":""),children:x.title}):x.title?(0,s.jsx)("p",{className:"".concat(u?"headingSmall":p?"text-xl":""," relative font-sans  text-black heading ").concat(m?"text-white":""),children:x.title}):null,x.text?(0,s.jsx)("p",{className:"max-w-rt ".concat(m?"text-white":""," ").concat(p?"text-xl":""," relative"),children:x.text}):null,x.button?(0,s.jsx)("div",{className:"relative",children:(0,s.jsx)(r.z,{label:x.button.name,link:x.button.link})}):null,v&&j&&(0,s.jsx)(n(),{href:j,children:(0,s.jsxs)("p",{className:"".concat(l?"invert":""," animated font-semibold text-white flex items-center gap-1"),children:[v,(0,s.jsx)(c(),{className:"",src:"/arrow-right-line.svg",width:16,height:16,alt:"arrow-right"})]})})]})}},8011:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return p},default:function(){return h}});var s=l(5893),a=l(8222),c=l(4320),i=l(4557),n=l(7404),r=l(9744),o=l(6395);l(4387);var d=l(2730),x=l(7294),m=l(7857),u=l(461),p=!0;function h(e){var t,l;let{landingPage:p,services:h}=e,[g,f]=(0,x.useState)(!1),v=()=>{f(!g)},j=g?p.content:p.content.slice(0,4);(0,x.useEffect)(()=>{let e=()=>{let e=document.querySelector(".hero"),t=window.scrollY,l=window.innerHeight,s=Math.min(t/l,1);e.style.width="".concat(100-10*s,"%"),e.style.borderRadius="".concat(12*s,"px")};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[]);let[b,w]=(0,x.useState)(0),[N,k]=(0,d.E)({loop:!0,slides:{perView:3,spacing:0},breakpoints:{"(max-width: 768px)":{slides:{perView:1,spacing:40}}},slideChanged(){console.log("slide changed")}},[e=>{let t;let l=!1;function s(){clearTimeout(t)}function a(){clearTimeout(t),l||(t=setTimeout(()=>{e.next()},2e3))}e.on("created",()=>{w(e.track.details.rel),e.container.addEventListener("mouseover",()=>{l=!0,s()}),e.container.addEventListener("mouseout",()=>{l=!1,a()}),a()}),e.on("dragStarted",s),e.on("animationEnded",a),e.on("updated",()=>{w(e.track.details.rel)}),e.on("slideChanged",()=>{w(e.track.details.rel)})}]),y=[];for(let e=0;e<((null===(t=p.stackGroups)||void 0===t?void 0:t.length)||0);e++)y.push((0,s.jsx)("span",{className:"cursor-pointer inline-block w-2 h-2 mx-1 rounded-full ".concat(b===e?"bg-white":"bg-white/20"),onClick:()=>{var t;return null===(t=k.current)||void 0===t?void 0:t.moveToIdx(e)}},e));return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h,{index:!0,slug:p.slug.current?"diensten/".concat(p.slug.current):"",data:{title:p.title,description:p.description,image:p.image}}),(0,s.jsxs)("main",{className:"flex flex-col  page-gap  overflow-x-hidden ".concat(p.bgColor?p.bgColor:"bg-ucentri-bg"),children:[(0,s.jsx)(c.h,{invert:!0,services:h,bgColor:"#F8F8FA"}),(0,s.jsxs)("div",{className:"relative hero m-auto overflow-hidden bg-cover bg-ucentri-black bg-center px-8 flex flex-col gap-8 justify-center items-center min-h-screen",children:[(0,s.jsx)("div",{style:{background:"".concat(p.gradient)},className:" safari-blur blur-[800px] w-full md:w-1/2 h-full -bottom-1/4 md:-bottom-1/2 left-0 rounded-full absolute"}),(0,s.jsx)("h1",{className:"max-w-[500px] relative z-10 text-center text-white",children:p.title}),(0,s.jsx)("p",{className:"text-white relative z-10 max-w-[500px] text-center",children:p.description})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-8 md:gap-16 px-8 max-w-page m-auto w-full justify-center items-center",children:[(0,s.jsx)(o.O,{small:!0,maxWidth:!0,data:{title:p.counterTitle}}),(0,s.jsxs)("div",{style:{backgroundImage:"url(/2024-bg.png)"},className:"rounded-xl w-full px-8 py-16 bg-cover bg-center grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-8 md:gap-16",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 items-center invert",children:[(0,s.jsx)(m.ZP,{enableScrollSpy:!0,start:0,end:9,className:"heading"}),(0,s.jsx)("p",{className:"text-lg opacity-75 ",children:"Bureaus"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-2 items-center invert",children:[(0,s.jsx)(m.ZP,{enableScrollSpy:!0,start:0,end:798,className:"heading"}),(0,s.jsx)("p",{className:"text-lg opacity-75 ",children:"Specialisten"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-2 items-center invert",children:[(0,s.jsx)(m.ZP,{enableScrollSpy:!0,start:0,end:316,className:"heading"}),(0,s.jsx)("p",{className:"text-lg opacity-75 ",children:"Projecten"})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-2 items-center invert",children:[(0,s.jsx)(m.ZP,{enableScrollSpy:!0,start:0,end:9.4,decimals:1,decimal:",",className:"heading"}),(0,s.jsx)("p",{className:"text-lg opacity-75 ",children:"Beoordeling"})]})]})]}),(0,s.jsxs)("div",{className:"flex flex-col gap-8 md:gap-16 px-8 max-w-page m-auto w-full justify-center items-center",children:[(0,s.jsx)(o.O,{small:!0,maxWidth:!0,data:{title:p.stackTitle}}),(0,s.jsxs)("div",{className:" keen-slider rounded-xl flex flex-col gap-8 bg-ucentri-black py-8 w-full",children:[(0,s.jsx)("div",{ref:N,className:"keen-slider",children:p.stackGroups.map((e,t)=>(0,s.jsxs)("div",{className:"keen-slider__slide flex flex-col items-center gap-8",children:[(0,s.jsx)("h2",{className:"text-white text-3xl text-center",children:e.title}),(0,s.jsx)("img",{className:"w-[50px] h-[50px] object-contain",src:(0,u.u)(e.icon).url(),alt:e.title}),(0,s.jsx)("div",{className:"flex flex-col gap-4 max-w-page m-auto",children:e.items.map((e,t)=>(0,s.jsx)("div",{className:"flex flex-col gap-4 items-center",children:(0,s.jsx)("p",{className:"text-white/75 text-center",children:e})},t))})]}))}),(0,s.jsx)("div",{className:" bg-gradient-to-r from-ucentri-black absolute left-0 top-0 bottom-0 w-[100px]"}),(0,s.jsx)("div",{className:" bg-gradient-to-l from-ucentri-black absolute right-0 top-0 bottom-0 w-[100px]"}),(0,s.jsx)("div",{className:"dots flex justify-center p-2",children:y})]})]}),(0,s.jsx)("div",{className:"w-full flex flex-col gap-0 max-w px-8",children:(0,s.jsxs)("article",{className:"noback ",children:[(0,s.jsx)(r.Pt,{wide:!0,data:j}),g?(0,s.jsx)("button",{onClick:v,className:"animated w-fit m-auto px-4 py-1 rounded-full flex items-center gap-2 transition-all bg-white border border-ucentri-richBlack/10 text-ucentri-richBlack hover:brightness-90 active:brightness-80",children:"Lees minder"}):(0,s.jsx)("button",{onClick:v,className:"animated w-fit m-auto px-4 py-1 rounded-full flex items-center gap-2 transition-all bg-black text-white hover:bg-black/75 active:bg-black/90",children:"Lees meer"})]})}),(0,s.jsxs)("div",{className:"flex flex-col items-center gap-16 px-8",children:[(0,s.jsx)(o.O,{small:!0,data:{title:"Projecten"}}),(0,s.jsx)("section",{className:"grid grid-cols-1 ".concat(3===p.projects.length?"md:grid-cols-3 max-w-page":"md:grid-cols-2 max-w-[800px]","  m-auto w-full gap-8"),children:null===(l=p.projects)||void 0===l?void 0:l.slice(0,3).map((e,t)=>(0,s.jsx)(i.f,{link:"/projecten/".concat(e.slug.current),image:e.image,title:e.title,subtitle:e.client,description:e.description,pills:!0,services:e.service},t))})]}),(0,s.jsx)(a.$,{hideReviews:!0,currentService:p.projects[0].service[0],bgColor:p.projects[0].service[0].bgColor,services:h})]})]})}}},function(e){e.O(0,[14,675,217,412,524,774,888,179],function(){return e(e.s=1587)}),_N_E=e.O()}]);