https://gagel.vercel.app/_next/static/chunks/pages/index-ce426180a660f016.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[818],{5557:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(7780)}])},7780:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return C},default:function(){return w}});var r=n(5893),s=n(6416),a=n(7153),o=n(7568),i=n(655),l=n(7294),c=n(5003),u=n.n(c),d=(n(1163),n(2397)),m=n(4734),h=function(e){var t=e.gallery,n=void 0===t?[]:t,s=e.cta,a=(0,l.useState)([]),c=a[0],h=a[1],p=(0,l.useState)(0),_=p[0],f=p[1],g=(0,l.useState)(!1),v=g[0],C=(g[1],(0,l.useRef)(null));if((0,l.useEffect)((function(){if(0!==n.length){var e=function(){var e=(0,o.Z)((function(){var e,t,r,s;return(0,i.__generator)(this,(function(a){switch(a.label){case 0:return a.trys.push([0,2,,3]),[4,Promise.all(n.map(function(){var e=(0,o.Z)((function(e){var t,n;return(0,i.__generator)(this,(function(r){switch(r.label){case 0:return[4,fetch("https://cms.gagel.nl/wp-json/wp/v2/media/".concat(e.ID))];case 1:return(t=r.sent()).ok?[4,t.json()]:[3,3];case 2:return n=r.sent(),[3,4];case 3:n=null,r.label=4;case 4:return[2,n]}}))}));return function(t){return e.apply(this,arguments)}}()))];case 1:return e=a.sent(),t=e.filter((function(e){return null!==e})).map((function(e){return{id:e.id,url:e.source_url,type:e.source_url.endsWith(".mp4")?"video":"image"}})),h(t),r=Math.floor(Math.random()*t.length),f(r),[3,3];case 2:return s=a.sent(),console.error("Error fetching media:",s),[3,3];case 3:return[2]}}

1))}));return function(){return e.apply(this,arguments)}}();e()}else console.warn("Gallery is empty.")}),[n]),(0,l.useEffect)((function(){C.current}),[_]),!c.length)return(0,r.jsx)("div",{className:"".concat(u().galleryWrapper," ").concat(u().loading),children:(0,r.jsx)("div",{className:u().gallery,children:(0,r.jsx)("div",{className:u().loadingPlaceholder})})});var w=c[_];return(0,r.jsxs)("div",{className:u().galleryWrapper,children:[(0,r.jsx)("div",{className:u().gallery,children:"video"===w.type?(0,r.jsx)("video",{ref:C,src:w.url,autoPlay:!0,playsInline:!0,muted:!0,loop:!0,className:"".concat(u().media," ").concat(v?u().fade:"")}):(0,r.jsx)("img",{src:w.url,alt:"Gallery item",className:"".concat(u().media," ").concat(v?u().fade:"")})}),(0,r.jsx)("div",{className:u().logo,children:(0,r.jsx)("div",{className:u().maskImg})}),(0,r.jsx)("div",{className:u().homeCTA,children:(0,r.jsx)(d.Z,{link:s.link,children:s.label})}),(0,r.jsx)(m.Z,{})]})},p=n(8458),_=n(9301),f=n(4922),g=n(2777),v=n(9938),C=!0;function w(e){var t,n,o=e.headerFooter,i=e.page,l=e.posts;return(0,r.jsxs)(a.Z,{headerFooter:o||{},seo:null!==(n=null===i||void 0===i?void 0:i.yoast_head_json)&&void 0!==n?n:{},children:[(0,r.jsx)(h,{gallery:i.acf.gallery,cta:i.acf}),(0,r.jsxs)("div",{className:"home",children:[(0,r.jsx)(p.Z,{posts:l.slice(0,4)}),(0,r.jsx)("div",{className:"center",children:(0,r.jsx)(d.Z,{link:"/nieuws",children:"Lees meer ..."})}),i.content.rendered.length>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"introText",dangerouslySetInnerHTML:{__html:(0,s.m)(i.content.rendered)}}),(0,r.jsx)(_.Z,{height:37,strokeColor:"#DCFF90",strokeWidth:3})]}),(null===(t=i.acf.image_slider)||void 0===t?void 0:t.length)>0&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(f.Z,{images:i.acf.image_slider}),(0,r.jsx)(_.Z,{height:37,strokeColor:"#DCFF90",strokeWidth:3})]}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)(g.Z,{sections:i.acf.sections}),(0,r.jsx)(v.Z,{backgroundColor:"var(--light-green)",textColor:"var(--boeren-green)"})]})]})}},4734:function(e,t,n){"use strict";var r=n(5893),s=n(7294),a=n(1163),o=n(4725),i=n.n(o);t.Z=function(){var e=(0,a.useRouter)(),t=(0,s.useState)(!1),n=t[0],o=t[1];return(0,r.jsx)("div",{className:"".concat(i().archiveButton," ").concat(n?i().animate:""),onClick:function(){o(!0),setTimeout((function(){e.push("/archive")}),200)},role:"button",tabIndex:0,children:(0,r.jsxs)("span",{className:i().archiveText,children:["Levend ",(0,r.jsx)("br",{}),"Archief"]})})}},8458:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(5893),s=n(8262),a=n.n(s);function o(e){var t,n=e.post;return(0,r.jsxs)("a",{className:a().newsItem,href:"/nieuws/".concat(n.slug,"?categories=").concat(n.categories[0].name.toLowerCase()),children:[(0,r.jsx)("div",{className:a().imgWrapper,children:(0,r.jsx)("img",{src:null===(t=n.attachment_image)||void 0===t?void 0:t.img_src[0],alt:n.title})}),(0,r.jsx)("div",{className:a().postHeader,children:(0,r.jsx)("div",{className:a().title,dangerouslySetInnerHTML:{__html:n.title}})}),(0,r.jsx)("div",{className:a().date,children:n.date}),(0,r.jsx)("div",{className:a().text,dangerouslySetInnerHTML:{__html:n.excerpt}}),(0,r.jsx)("div",{className:a().tags,children:n.tags.map((function(e,t){return(0,r.jsxs)("span",{className:a().tag,children:["#",e.name]},t)}))})]})}var i=n(7294);function l(e,t){if(null==e)return{};var n,r,s=function(e,t){if(null==e)return{};var n,r,s={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(s[n]=e[n]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(s[n]=e[n])}return s}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?u(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const h={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0};class p extends i.Component{constructor(e){let t;super(e),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this),t=this.props.breakpointCols&&this.props.breakpointCols.default?this.props.breakpointCols.default:parseInt(this.props.breakpointCols)||2,this.state={columnCount:t}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){window&&window.requestAnimationFrame?(window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame((()=>{this.reCalculateColumnCount()}))):this.reCalculateColumnCount()}reCalculateColumnCount(){const e=window&&window.innerWidth||1/0;let t=this.props.breakpointCols;"object"!==typeof t&&(t={default:parseInt(t)||2});let n=1/0,r=t.default||2;for(let s in t){const a=parseInt(s);a>0&&e<=a&&a<n&&(n=a,r=t[s])}r=Math.max(1,parseInt(r)||1),this.state.columnCount!==r&&this.setState({columnCount:r})}itemsInColumns(){const e=this.state.columnCount,t=new Array(e),n=i.Children.toArray(this.props.children);for(let r=0;r<n.length;r++){const s=r%e;t[s]||(t[s]=[]),t[s].push(n[r])}return t}renderColumns(){const{column:e,columnAttrs:t={},columnClassName:n}=this.props,r=this.itemsInColumns(),s=100/r.length+"%";let a=n;a&&"string"!==typeof a&&(this.logDeprecated('The property "columnClassName" requires a string'),"undefined"===typeof a&&(a="my-masonry-grid_column"));const o=d(d(d({},e),t),{},{style:d(d({},t.style),{},{width:s}),className:a});return r.map(((e,t)=>i.createElement("div",c({},o,{key:t}),e)))}logDeprecated(e){console.error("[Masonry]",e)}render(){const e=this.props,{children:t,breakpointCols:n,columnClassName:r,columnAttrs:s,column:a,className:o}=e,u=l(e,["children","breakpointCols","columnClassName","columnAttrs","column","className"]);let d=o;return"string"!==typeof o&&(this.logDeprecated('The property "className" requires a string'),"undefined"===typeof o&&(d="my-masonry-grid")),i.createElement("div",c({},u,{className:d}),this.renderColumns())}}p.defaultProps=h;var _=p,f=function(e){var t=e.posts;return(0,r.jsx)("div",{className:a().newsGridContainer,children:t.length>0?(0,r.jsx)(_,{breakpointCols:{default:4,1100:3,700:2,500:1},className:a().newsGrid,columnClassName:a().newsGridColumn,children:t.map((function(e,t){return(0,r.jsx)(o,{post:e},t)}))}):(0,r.jsx)("p",{children:"No posts to show, try adjusting your selection."})})}},4725:function(e){e.exports={archiveButton:"ArchiveButton_archiveButton__4mU_g",organic:"ArchiveButton_organic__VpQIL",animate:"ArchiveButton_animate__0mupw",archiveText:"ArchiveButton_archiveText__m3hSc"}},5003:function(e){e.exports={galleryWrapper:"Hero_galleryWrapper__WVDI_",gallery:"Hero_gallery__vv2KG",mediaFallback:"Hero_mediaFallback__hki6F",homeCTA:"Hero_homeCTA__drVDN",logo:"Hero_logo__e7IbV",maskImg:"Hero_maskImg__l0ePy",loading:"Hero_loading__f0CJc",fadeOut:"Hero_fadeOut__a6bDr",loadingPlaceholder:"Hero_loadingPlaceholder__Z4cfk",gradientBg:"Hero_gradientBg__zM0to",media:"Hero_media__HxPxc",fade:"Hero_fade__VL6g9"}},8262:function(e){e.exports={newsGridContainer:"NewsGrid_newsGridContainer__GuHRN",newsGrid:"NewsGrid_newsGrid__wYhFe",newsGridColumn:"NewsGrid_newsGridColumn__yRTMQ",newsItem:"NewsGrid_newsItem__lDRfB",postHeader:"NewsGrid_postHeader__VXsm_",title:"NewsGrid_title__2Fgrl",date:"NewsGrid_date__w00uF",imgWrapper:"NewsGrid_imgWrapper__V956t",description:"NewsGrid_description__yFyrt",text:"NewsGrid_text__wjIYo",tags:"NewsGrid_tags__DQFjS",tag:"NewsGrid_tag__qIpEH",lightTags:"NewsGrid_lightTags___qTc3",darkTags:"NewsGrid_darkTags__tHUUP"}}},function(e){e.O(0,[662,317,569,583,153,26,774,888,179],(function(){return t=5557,e(e.s=t);var t}));var t=e.O();_N_E=t}]);