component---src-pages-surfvakanties-januari-js-525e0b3f3c5a02ad9bdb.js

js surfawhile.com collected 2026-10-04 12:44:37 UTC 47,173 bytes, 2 lines download raw bytes

1"use strict";(self.webpackChunkgatsby_starter_wordpress_blog=self.webpackChunkgatsby_starter_wordpress_blog||[]).push([[199,632],{1196:function(e,t,l){function n(e,t){let{minReviews:l=3}=void 0===t?{}:t;const n=(e||[]).map(e=>{var t;return null==e||null===(t=e.node)||void 0===t?void 0:t.surfvakantieNieuw}).filter(e=>Number(null==e?void 0:e.rating)>0&&Number(null==e?void 0:e.numberOfReviews)>0),a=n.reduce((e,t)=>e+Number(t.numberOfReviews),0);if(a<l)return null;const s=n.reduce((e,t)=>e+Number(t.rating)*Number(t.numberOfReviews),0);return{ratingValue:Math.round(s/a*10)/10,reviewCount:a}}function a(e,t){return t?{"@context":"https://schema.org","@type":"Product",name:e,aggregateRating:{"@type":"AggregateRating",ratingValue:t.ratingValue,bestRating:5,worstRating:1,reviewCount:t.reviewCount}}:null}l.d(t,{A:function(){return a},Q:function(){return n}})},20199:function(e,t,l){l.r(t);var n=l(96540);t.default=e=>{let{nodes:t=[],height:a="480px",lang:s="nl"}=e;const c=(0,n.useRef)(null),r=(0,n.useRef)(null),o=(0,n.useMemo)(()=>({type:"FeatureCollection",features:t.map(e=>{var t,l,n,a,s,c,r,o,i,m,u,d;const f=null!==(t=null==e?void 0:e.surfvakantieNieuw)&&void 0!==t?t:{},p=Number(null==f?void 0:f.latitude),h=Number(null==f?void 0:f.longitude);if(!Number.isFinite(p)||!Number.isFinite(h))return null;const E=(null==e||null===(l=e.featuredImage)||void 0===l||null===(n=l.node)||void 0===n?void 0:n.publicUrl)||(null==f||null===(a=f.gallery)||void 0===a||null===(s=a[0])||void 0===s?void 0:s.publicUrl)||null;return{type:"Feature",geometry:{type:"Point",coordinates:[h,p]},properties:{id:null!==(c=null==e?void 0:e.id)&&void 0!==c?c:"",title:null!==(r=null==e?void 0:e.title)&&void 0!==r?r:"",uri:null!==(o=null==e?void 0:e.uri)&&void 0!==o?o:"",land:null!==(i=null==f?void 0:f.land)&&void 0!==i?i:"",typeAccommodatie:null!==(m=null==f?void 0:f.typeAccommodatie)&&void 0!==m?m:"",prijs:null!==(u=null==f?void 0:f.inleidingPrijs)&&void 0!==u?u:"",rating:null!==(d=null==f?void 0:f.rating)&&void 0!==d?d:null,imgUrl:null!=E?E:""}}}).filter(Boolean)}),[t]);(0,n.useEffect)(()=>{if("undefined"!=typeof window&&c.current&&!r.current)return(async()=>{const e=(await l.e(2266).then(l.t.bind(l,60842,23))).default,t="pk.eyJ1IjoiaGFuc3Ztb3VyaWsiLCJhIjoiY21qd3AyZWtmNTlwaDNncXh4dW9hdGhheCJ9.N_hnfear6XQQ542UFlz1nw";e.accessToken=t,r.current=new e.Map({container:c.current,style:"mapbox://styles/mapbox/light-v11",center:[0,20],zoom:1.4,attributionControl:!1}),r.current.addControl(new e.NavigationControl({showCompass:!1}),"bottom-right"),r.current.addControl(new e.AttributionControl({compact:!0}),"bottom-left"),r.current.scrollZoom.disable(),r.current.on("click",()=>r.current.scrollZoom.enable()),r.current.on("load",()=>{r.current.addSource("vakanties",{type:"geojson",data:o,cluster:!0,clusterMaxZoom:7,clusterRadius:40}),r.current.addLayer({id:"clusters",type:"circle",source:"vakanties",filter:["has","point_count"],paint:{"circle-color":["step",["get","point_count"],"#f97316",5,"#ea580c",20,"#c2410c"],"circle-radius":["step",["get","point_count"],20,5,26,20,32],"circle-opacity":.92,"circle-stroke-width":2,"circle-stroke-color":"#ffffff"}}),r.current.addLayer({id:"cluster-count",type:"symbol",source:"vakanties",filter:["has","point_count"],layout:{"text-field":"{point_count_abbreviated}","text-size":13,"text-font":["DIN Offc Pro Medium","Arial Unicode MS Bold"]},paint:{"text-color":"#ffffff"}}),r.current.addLayer({id:"unclustered-point",type:"circle",source:"vakanties",filter:["!",["has","point_count"]],paint:{"circle-color":"#f97316","circle-radius":8,"circle-stroke-width":2.5,"circle-stroke-color":"#ffffff"}}),r.current.on("click","clusters",e=>{var t,l;const n=r.current.queryRenderedFeatures(e.point,{layers:["clusters"]}),a=null==n||null===(t=n[0])||void 0===t||null===(l=t.properties)||void 0===l?void 0:l.cluster_id;r.current.getSource("vakanties").getClusterExpansionZoom(a,(e,t)=>{e||r.current.easeTo({center:n[0].geometry.coordinates,zoom:t})})}),r.current.on("click","unclustered-point",t=>{var l;const n=null==t||null===(l=t.features)||void 0===l?void 0:l[0];if(!n)return;const{title:a,uri:c,land:o,typeAccommodatie:i,prijs:m,rating:u,imgUrl:d}=n.properties,f=d?`https://www.surfawhile.com/.netlify/images?url=${encodeURIComponent(d)}

1&format=webp&w=240&h=140&fit=cover&quality=75`:null,p=`\n            <div style="font-family:Inter,system-ui,sans-serif;max-width:230px;border-radius:10px;overflow:hidden;">\n              ${f?`<img src="${f}" style="width:100%;height:130px;object-fit:cover;display:block;" alt="${a}" />`:""}\n              <div style="padding:10px 12px 12px;">\n                <div style="font-weight:700;font-size:14px;color:#111827;margin-bottom:3px;line-height:1.3;">${a}</div>\n                <div style="font-size:11px;color:#6b7280;margin-bottom:6px;">\n                  ${i||""}${o?` &bull; ${o}`:""}\n                </div>\n                <div style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">\n                  ${m?`<span style="font-size:12px;font-weight:600;color:#111827;">v.a. &euro;${m}</span>`:""}\n                  ${u?`<span style="font-size:12px;color:#f97316;font-weight:600;">&#9733; ${u}</span>`:""}\n                </div>\n                ${c?`<a href="${c}" style="display:inline-block;font-size:12px;font-weight:700;background:#111827;color:#fff;padding:6px 14px;border-radius:6px;text-decoration:none;">${"en"===s?"View surf camp":"Bekijk surfvakantie"} &rarr;</a>`:""}\n              </div>\n            </div>\n          `;new e.Popup({offset:14,maxWidth:"240px"}).setLngLat(n.geometry.coordinates).setHTML(p).addTo(r.current)});const t=()=>r.current.getCanvas().style.cursor="pointer",l=()=>r.current.getCanvas().style.cursor="";if(["clusters","unclustered-point"].forEach(e=>{r.current.on("mouseenter",e,t),r.current.on("mouseleave",e,l)}),o.features.length){const t=o.features.reduce((e,t)=>e.extend(t.geometry.coordinates),new e.LngLatBounds(o.features[0].geometry.coordinates,o.features[0].geometry.coordinates));r.current.fitBounds(t,{padding:60,maxZoom:6})}})})(),()=>{r.current&&(r.current.remove(),r.current=null)}},[o,s]);const i=o.features.length,m=t.length-i;return n.createElement("div",{className:"relative w-full rounded-xl overflow-hidden border border-stone-200 shadow-sm bg-stone-100"},n.createElement("div",{ref:c,style:{height:a},className:"w-full"}),n.createElement("div",{className:"absolute top-3 left-3 bg-white/90 backdrop-blur-sm rounded-lg px-3 py-1.5 text-xs font-inter font-semibold text-stone-700 shadow-sm border border-stone-200/60 pointer-events-none"},i," ","en"===s?"locations":"locaties",m>0&&n.createElement("span",{className:"text-stone-400 font-normal ml-1"},"(",m," ","en"===s?"without coords":"zonder coords",")")),!1)}},20420:function(e,t,l){l.r(t),l.d(t,{Head:function(){return h}});var n=l(54506),a=l(96540),s=l(20312),c=l.n(s),r=l(64810),o=l(48864),i=l(86462),m=l(69804),u=l(74618),d=l(20199),f=l(96854),p=l(1196);function h(e){var t;let{data:l}=e;const n=(0,p.Q)(null==l||null===(t=l.allWpSurfvakantie)||void 0===t?void 0:t.edges),s=(0,p.A)("Surfvakanties in Januari",n);return a.createElement(a.Fragment,null,a.createElement("title",null,"Surfvakanties in Januari | SurfaWhile"),a.createElement("meta",{name:"description",content:"Surfen in januari, met zorg samengesteld door ons team"}),a.createElement("link",{rel:"canonical",href:"https://www.surfawhile.com/surfvakanties/januari/"}),a.createElement("link",{rel:"alternate",hreflang:"nl",href:"https://www.surfawhile.com/surfvakanties/januari/"}),a.createElement("link",{rel:"alternate",hreflang:"x-default",href:"https://www.surfawhile.com/surfvakanties/januari/"}),s&&a.createElement("script",{type:"application/ld+json"},JSON.stringify(s)))}t.default=e=>{let{data:t}=e;(0,a.useEffect)(()=>{"undefined"!=typeof document&&c().setAppElement(document.body)},[]);const{0:l,1:s}=(0,a.useState)(!1),{0:p,1:h}=(0,a.useState)(!1),{0:E,1:g}=(0,a.useState)("grid"),b=(0,i.useLocation)(),x=new URLSearchParams(b.search),k=x.getAll("land"),N=k.length>0?k:["frankrijk","spanje","portugal","marokko","zuid-afrika","ecuador","nicaragua","mexico","indonesie","sri lanka","costa rica"],{0:v,1:w}=(0,a.useState)(N),y=x.getAll("cat"),C=y.length>0?y:["adults","family","juniors"],{0:j,1:A}=(0,a.useState)(C),S=x.getAll("type"),L=S.length>0?S:["solo","friends","couple","family"],{0:R,1:z}=(0,a.useState)(L),$=x.getAll("season"),F=$.length>0?$:["winter","spring","summer","autumn"],{0:P,1:B}=(0,a.useState)(F),M=x.getAll("theme"),U=M.length>0?M:["yoga","kite","bus","coworking","glamping","surfcamp","surflodge","language"],{0:T,1:_}=(0,a.useState)(U);(0,a.useEffect)(()=>{w(N)},[N]),(0,a.useEffect)(()=>{A(C)},[C]),(0,a.useEffect)(()=>{z(L)},[L]),(0,a.useEffect)(()=>{B(F)},[F]),(0,a.useEffect)(()=>{_(U)},[U]);const O=e=>{const t=new URL(window.location.href),l=new URLSearchParams(t.search);if(l.has("land")){const t=l.getAll("land"),a=t.includes(e)?t.filter(t=>t!==e):[].concat((0,n.A)(t),[e]);

1l.delete("land"),a.forEach(e=>l.append("land",e))}else l.append("land",e);(0,r.oo)(`${t.pathname}?${l.toString()}`)},Z=e=>{const t=new URL(window.location.href),l=new URLSearchParams(t.search);if(l.has("cat")){const t=l.getAll("cat"),a=t.includes(e)?t.filter(t=>t!==e):[].concat((0,n.A)(t),[e]);l.delete("cat"),a.forEach(e=>l.append("cat",e))}else l.append("cat",e);(0,r.oo)(`${t.pathname}?${l.toString()}`)},V=e=>{const t=new URL(window.location.href),l=new URLSearchParams(t.search);if(l.has("type")){const t=l.getAll("type"),a=t.includes(e)?t.filter(t=>t!==e):[].concat((0,n.A)(t),[e]);l.delete("type"),a.forEach(e=>l.append("type",e))}else l.append("type",e);(0,r.oo)(`${t.pathname}?${l.toString()}`)},I=e=>{const t=new URL(window.location.href),l=new URLSearchParams(t.search);if(l.has("season")){const t=l.getAll("season"),a=t.includes(e)?t.filter(t=>t!==e):[].concat((0,n.A)(t),[e]);l.delete("season"),a.forEach(e=>l.append("season",e))}else l.append("season",e);(0,r.oo)(`${t.pathname}?${l.toString()}`)},W=e=>{const t=new URL(window.location.href),l=new URLSearchParams(t.search);if(l.has("theme")){const t=l.getAll("theme"),a=t.includes(e)?t.filter(t=>t!==e):[].concat((0,n.A)(t),[e]);l.delete("theme"),a.forEach(e=>l.append("theme",e))}else l.append("theme",e);(0,r.oo)(`${t.pathname}?${l.toString()}`)},H=t.allWpSurfvakantie.edges.filter(e=>{let{node:t}=e;return(v.length>0?v.includes(t.surfvakantieNieuw.land.toLowerCase()):N.includes(t.surfvakantieNieuw.land.toLowerCase()))&&(j.length>0?j.some(e=>t.surfvakantieNieuw.categories.includes(e)):C.some(e=>

1t.surfvakantieNieuw.categories.includes(e)))&&(R.length>0?R.some(e=>t.surfvakantieNieuw.categories.includes(e)):L.some(e=>t.surfvakantieNieuw.categories.includes(e)))&&(P.length>0?P.some(e=>t.surfvakantieNieuw.categories.includes(e)):F.some(e=>t.surfvakantieNieuw.categories.includes(e)))&&(T.length>0?T.some(e=>t.surfvakantieNieuw.categories.includes(e)):U.some(e=>t.surfvakantieNieuw.categories.includes(e)))}).sort((e,t)=>(e.node.surfvakantieNieuw.customOrder||0)-(t.node.surfvakantieNieuw.customOrder||0)),{0:D,1:J}=(0,a.useState)(""),{0:q,1:K}=(0,a.useState)([]);return(0,a.useEffect)(()=>{const e=new URLSearchParams(b.search).getAll("land");K(e)},[b.search]),(0,a.useEffect)(()=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push({pagetype:"category"}),console.log("DataLayer:",window.dataLayer))},[]),a.createElement(o.A,null,a.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),a.createElement("div",{className:"bg-stone-100 w-full"},a.createElement("div",{className:"container mx-auto px-4 py-5"},a.createElement("div",{className:"breadcrumbs font-semibold font-inter text-sm py-2 text-slate-400"},a.createElement(r.N_,{className:"text-slate-400",to:"/"},"Home")," > ",a.createElement(r.N_,{className:"text-slate-800",to:"/surfvakanties"},"Surfvakanties")," >",a.createElement(r.N_,{className:"text-slate-800",to:"/surfvakanties/januari"}," Surfvakanties Januari")),a.createElement("div",{id:"desktop-filter",className:"flex flex-col lg:flex-row my-3"},a.createElement("div",{className:"hidden lg:inline w-1/4"},a.createElement("div",{className:"w-full px-4 pt-4"},a.createElement("div",{className:"mx-auto w-full max-w-md rounded-2xl bg-white p-2 sticky top-0"},a.createElement(m.E,{defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-md font-medium text-grey-500 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Land"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500 font-bold"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("frankrijk"),onChange:()=>O("frankrijk")}),a.createElement("span",{className:"ml-2 font-semibold"},"Frankrijk"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("spanje"),onChange:()=>O("spanje")}),a.createElement("span",{className:"ml-2 font-semibold"},"Spanje"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("portugal"),onChange:()=>O("portugal")}),a.createElement("span",{className:"ml-2 font-semibold"},"Portugal"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("marokko"),onChange:()=>O("marokko")}),a.createElement("span",{className:"ml-2 font-semibold"},"Marokko"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("zuid-afrika"),onChange:()=>O("zuid-afrika")}),a.createElement("span",{className:"ml-2 font-semibold"},"Zuid-Afrika"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("mexico"),onChange:()=>O("mexico")}),a.createElement("span",{className:"ml-2 font-semibold"},"Mexico"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("costa+rica"),onChange:()=>O("costa rica")}),a.createElement("span",{className:"ml-2 font-semibold"},"Costa Rica"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("nicaragua"),onChange:()=>O("nicaragua")}),a.createElement("span",{className:"ml-2 font-semibold"},"Nicaragua"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("ecuador"),onChange:()=>O("ecuador")}),a.createElement("span",{className:"ml-2 font-semibold"},"Ecuador"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("sri+lanka"),onChange:()=>O("sri lanka")}),a.createElement("span",{className:"ml-2 font-semibold"},"Sri Lanka"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("indonesie"),onChange:()=>O("indonesie")}),a.createElement("span",{className:"ml-2 font-semibold"},"IndonesiÃ«"))))))}),a.createElement(m.E,{as:"div",className:"mt-2",defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-sm font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Doelgroep"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("18"),onChange:()=>Z("18")}),a.createElement("span",{className:"ml-2 font-semibold"},"18+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("20"),onChange:()=>Z("20")}),a.createElement("span",{className:"ml-2 font-semibold"},"20+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("25"),onChange:()=>Z("25")}),a.createElement("span",{className:"ml-2 font-semibold"},"25+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("30"),onChange:()=>Z("30")}),a.createElement("span",{className:"ml-2 font-semibold"},"30+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("family"),onChange:()=>Z("family")}),a.createElement("span",{className:"ml-2 font-semibold"},"Families"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("juniors"),onChange:()=>Z("juniors")}),a.createElement("span",{className:"ml-2 font-semibold"},"Jongeren (18-)"))))))}),a.createElement(m.E,{as:"div",className:"mt-2",defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-sm font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Type reiziger"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("solo"),onChange:()=>V("solo")}),a.createElement("span",{className:"ml-2 font-semibold"},"Solo-Reizigers"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("friends"),onChange:()=>V("friends")}),a.createElement("span",{className:"ml-2 font-semibold"},"Vrienden/vriendinnen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("couple"),onChange:()=>V("couple")}),a.createElement("span",{className:"ml-2 font-semibold"},"Koppels"))))))}),a.createElement(m.E,{as:"div",className:"mt-2",defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Seizoen"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("spring"),onChange:()=>I("spring")}),a.createElement("span",{className:"ml-2 font-semibold"},"Voorjaar"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("summer"),onChange:()=>I("summer")}),a.createElement("span",{className:"ml-2 font-semibold"},"Zomer"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("autumn"),onChange:()=>I("autumn")}),a.createElement("span",{className:"ml-2 font-semibold"},"Herfst"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("winter"),onChange:()=>I("winter")}),a.createElement("span",{className:"ml-2 font-semibold"},"Winter"))))))}),a.createElement(m.E,{as:"div",className:"mt-2",defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-sm font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Thema"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("yoga"),onChange:()=>W("yoga")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surf & Yoga"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("language"),onChange:()=>W("language")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surf & Taal"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("bus"),onChange:()=>W("bus")}),a.createElement("span",{className:"ml-2 font-semibold"},"Busreizen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("kite"),onChange:()=>W("kite")}),a.createElement("span",{className:"ml-2 font-semibold"},"Kitesurfen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("coworking"),onChange:()=>W("coworking")}),a.createElement("span",{className:"ml-2 font-semibold"},"Coworking"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("glamping"),onChange:()=>W("glamping")}),a.createElement("span",{className:"ml-2 font-semibold"},"Glamping"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("surfcamp"),onChange:()=>W("surfcamp")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surfcamp"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("surflodge"),onChange:()=>W("surflodge")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surflodge"))))))}

1))),a.createElement("p",{className:"my-2"},a.createElement(r.N_,{className:"font-inter font-bold text-sm hover:underline bg-stone-100 text-black px-5 py-2 rounded-lg mt-5",to:"/surfvakanties/januari"},"x Reset alle filters"))),a.createElement("div",{className:"lg:w-3/4 w-full"},a.createElement("h1",{className:"text-4xl"},"Op surfvakantie in januari met SurfaWhile"),a.createElement("p",{className:"font-inter mt-3 mb-5"},"Januari klinkt misschien als de maand van kou en dikke truien, maar voor surfers is het dÃ© tijd om golven te pakken. Terwijl iedereen nog in een winterdip zit, zijn de surfspots in landen zoals Marokko, Sri Lanka en de Canarische Eilanden op hun best. Denk aan minder drukte op het water, consistente swells."),l&&a.createElement("p",{className:"font-inter mt-3 mb-1"},"Een surfvakantie tijdens de winter is een fantastische keuze om de Eurpese winter te ontsnappen. Geniet van heerlijk weer en fantastische golven op exotiche plekken."),a.createElement("span",{onClick:()=>{s(!l)},className:"text-slate-900 font-inter font-semibold cursor-pointer block mb-3 hover:underline"},l?"Lees minder -":"Lees meer + "),a.createElement("div",{className:"flex justify-start inline lg:hidden"},a.createElement("button",{className:"bg-black font-inter rounded-full text-white font-bold w-full py-2 px-5 z-10",onClick:()=>h(!0)},a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6 inline mx-2 -mt-1"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"})),"Filters")),a.createElement("div",{className:"flex items-center justify-between gap-3 flex-wrap"},a.createElement("span",{className:"font-inter font-semibold"},H.length," surfvakanties voldoen aan jouw criteria."),a.createElement("div",{className:"inline-flex rounded-lg border border-stone-200 overflow-hidden shadow-sm"},a.createElement("button",{type:"button",onClick:()=>g("grid"),className:"flex items-center gap-1.5 px-3 py-1.5 text-sm font-inter font-medium transition-colors "+("grid"===E?"bg-stone-900 text-white":"bg-white text-stone-600 hover:bg-stone-50")},a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"w-4 h-4"},a.createElement("path",{fillRule:"evenodd",d:"M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75Zm0 5A.75.75 0 0 1 2.75 9h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 9.75Zm0 5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z",clipRule:"evenodd"})),"Lijst"),a.createElement("button",{type:"button",onClick:()=>g("map"),className:"flex items-center gap-1.5 px-3 py-1.5 text-sm font-inter font-medium transition-colors border-l border-stone-200 "+("map"===E?"bg-stone-900 text-white":"bg-white text-stone-600 hover:bg-stone-50")},a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"w-4 h-4"},a.createElement("path",{fillRule:"evenodd",d:"M8.157 2.175a1.5 1.5 0 0 0-1.147 0l-4.084 1.69A1.5 1.5 0 0 0 2 5.251v10.877a1.5 1.5 0 0 0 2.074 1.386l3.51-1.452 4.26 1.763a1.5 1.5 0 0 0 1.146 0l4.083-1.69A1.5 1.5 0 0 0 18 14.748V3.873a1.5 1.5 0 0 0-2.073-1.386l-3.51 1.452-4.26-1.764ZM7.5 4.41v9.905l-2-.828V3.582l2 .828Zm1.5 9.904 3-1.242V3.41l-3 1.243v9.66Zm4.5-1.24 2 .827V3.582l-2 .827v8.664Z",clipRule:"evenodd"})),"Kaart"))),"map"===E&&a.createElement("div",{className:"mt-4 mb-6"},a.createElement(d.default,{nodes:H.map(e=>e.node),height:"540px",lang:"nl"})),a.createElement("div",{className:"grid gap-4 md:grid-cols-2 grid-cols-1 grid-rows- "+("map"===E?"hidden":"")},H.map(e=>{var t,l,n;let{node:s}=e;return a.createElement("div",{key:s.uri,className:`card grid-item show-grid-item ${(null===(t=s.surfvakantieNieuw)||void 0===t?void 0:t.typeAccommodatie)||""} ${(null===(l=s.surfvakantieNieuw)||void 0===l?void 0:l.land)||""} ${((null===(n=s.surfvakantieNieuw)||void 0===n?void 0:n.categories)||[]).join(" ")}`},a.createElement(f.A,{node:s}))}

1)))))),a.createElement(c(),{isOpen:p,onRequestClose:()=>h(!1),style:{overlay:{zIndex:50}},className:"fixed top-0 left-0 w-full h-full flex justify-center items-center bg-white"},a.createElement("div",{id:"mobile-filters",className:"w-full h-full flex justify-end"},a.createElement("div",{className:"w-full px-4 pt-4"},a.createElement(r.N_,{className:"font-inter ml-2 mb-1 font-bold text-md hover:underline bg-stone-100 text-black px-5 py-2 rounded-lg mt-5",to:"/surfvakanties"},"x Reset alle filters"),a.createElement("div",{className:"mx-auto w-full max-w-md rounded-2xl p-2"},a.createElement(m.E,{defaultOpen:!0},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-sm font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Land"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("frankrijk"),onChange:()=>O("frankrijk")}),a.createElement("span",{className:"ml-2 font-semibold"},"Frankrijk"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("spanje"),onChange:()=>O("spanje")}),a.createElement("span",{className:"ml-2 font-semibold"},"Spanje"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("portugal"),onChange:()=>O("portugal")}),a.createElement("span",{className:"ml-2 font-semibold"},"Portugal"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("marokko"),onChange:()=>O("marokko")}),a.createElement("span",{className:"ml-2 font-semibold"},"Marokko"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("zuid-afrika"),onChange:()=>O("zuid-afrika")}),a.createElement("span",{className:"ml-2 font-semibold"},"Zuid-Afrika"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("mexico"),onChange:()=>O("mexico")}),a.createElement("span",{className:"ml-2 font-semibold"},"Mexico"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("costa+rica"),onChange:()=>O("costa rica")}),a.createElement("span",{className:"ml-2 font-semibold"},"Costa Rica"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("nicaragua"),onChange:()=>O("nicaragua")}),a.createElement("span",{className:"ml-2 font-semibold"},"Nicaragua"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("ecuador"),onChange:()=>O("ecuador")}),a.createElement("span",{className:"ml-2 font-semibold"},"Ecuador"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("sri+lanka"),onChange:()=>O("sri lanka")}),a.createElement("span",{className:"ml-2 font-semibold"},"Sri Lanka"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("indonesie"),onChange:()=>O("indonesie")}),a.createElement("span",{className:"ml-2 font-semibold"},"IndonesiÃ«"))))))}),a.createElement(m.E,{as:"div",className:"mt-2"},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-md font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Doelgroep"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("18"),onChange:()=>Z("18")}),a.createElement("span",{className:"ml-2 font-semibold"},"18+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("20"),onChange:()=>Z("20")}),a.createElement("span",{className:"ml-2 font-semibold"},"20+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("25"),onChange:()=>Z("25")}),a.createElement("span",{className:"ml-2 font-semibold"},"25+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("30"),onChange:()=>Z("30")}),a.createElement("span",{className:"ml-2 font-semibold"},"30+"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("family"),onChange:()=>Z("family")}),a.createElement("span",{className:"ml-2 font-semibold"},"Families"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("juniors"),onChange:()=>Z("juniors")}),a.createElement("span",{className:"ml-2 font-semibold"},"Jongeren (18-)"))))))}),a.createElement(m.E,{as:"div",className:"mt-2"},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-md font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Type reiziger"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("solo"),onChange:()=>V("solo")}),a.createElement("span",{className:"ml-2 font-semibold"},"Solo-Reizigers"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("friends"),onChange:()=>V("friends")}),a.createElement("span",{className:"ml-2 font-semibold"},"Vrienden/vriendinnen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("couple"),onChange:()=>V("couple")}),a.createElement("span",{className:"ml-2 font-semibold"},"Koppels"))))))}),a.createElement(m.E,{as:"div",className:"mt-2"},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-md font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Seizoen"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black font-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("spring"),onChange:()=>I("spring")}),a.createElement("span",{className:"ml-2 font-semibold"},"Voorjaar"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("summer"),onChange:()=>I("summer")}),a.createElement("span",{className:"ml-2 font-semibold"},"Zomer"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("autumn"),onChange:()=>I("autumn")}),a.createElement("span",{className:"ml-2 font-semibold"},"Herfst"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("winter"),onChange:()=>I("winter")}),a.createElement("span",{className:"ml-2 font-semibold"},"Winter"))))))}),a.createElement(m.E,{as:"div",className:"mt-2"},e=>{let{open:t}=e;return a.createElement(a.Fragment,null,a.createElement(m.E.Button,{className:"flex w-full justify-between rounded-lg bg-stone-100 px-4 py-2 text-left text-sm font-medium text-slate-900 hover:bg-stone-200 focus:outline-none focus-visible:ring focus-visible:ring-stone-500/75"},a.createElement("h4",{className:"font-oswald uppercase font-bold mt-2"},"Thema"),a.createElement(u.A,{className:(t?"rotate-180 transform":"")+" h-7 w-7 mt-1 text-black fon-bold"})),a.createElement(m.E.Panel,{className:"px-4 pb-2 pt-4 text-md text-gray-500"},a.createElement("ul",{className:"font-inter list-none"},a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("yoga"),onChange:()=>W("yoga")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surf & Yoga"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("language"),onChange:()=>W("language")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surf & Taal"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("bus"),onChange:()=>W("bus")}),a.createElement("span",{className:"ml-2 font-semibold"},"Busreizen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("kite"),onChange:()=>W("kite")}),a.createElement("span",{className:"ml-2 font-semibold"},"Kitesurfen"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("coworking"),onChange:()=>W("coworking")}),a.createElement("span",{className:"ml-2 font-semibold"},"Coworking"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("glamping"),onChange:()=>W("glamping")}),a.createElement("span",{className:"ml-2 font-semibold"},"Glamping"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("surfcamp"),onChange:()=>W("surfcamp")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surfcamp"))),a.createElement("li",null,a.createElement("label",{className:"flex items-center -ml-4"},a.createElement("input",{type:"checkbox",checked:b.search.includes("surflodge"),onChange:()=>W("surflodge")}),a.createElement("span",{className:"ml-2 font-semibold"},"Surflodge"))))))}),a.createElement("div",{className:"fixed bottom-10 flex justify-center inline lg:hidden"},a.createElement("button",{className:"bg-black font-inter rounded-full text-white font-bold w-64 py-2 px-5 z-10",onClick:()=>h(!1)},a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6 inline mx-2 -mt-1"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"})),"Naar ",H.length," resultaten")))))))}},74618:function(e,t,l){var n=l(96540);function a({title:e,titleId:t,...l},a){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":t},l),e?n.createElement("title",{id:t},e):null,n.createElement("path",{fillRule:"evenodd",d:"M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z",clipRule:"evenodd"}))}const s=n.forwardRef(a);t.A=s},96854:function(e,t,l){l.d(t,{A:function(){return m}});var n=l(96540),a=l(64810),s=l(63325),c=l(67848);const r=(e,t,l,n)=>`https://www.surfawhile.com/.netlify/images?url=${encodeURIComponent(e)}&format=webp&w=${t}&h=${l}

1&fit=cover&quality=${n}`,o="'DM Sans', system-ui, sans-serif";function i(e){let{rating:t}=e;return n.createElement("span",{className:"flex items-center gap-0.5"},[1,2,3,4,5].map(e=>n.createElement("svg",{key:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:e<=Math.round(t)?"#C4963A":"#E5E7EB",className:"w-3.5 h-3.5","aria-hidden":"true"},n.createElement("path",{d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"}))))}function m(e){var t,l,m,u;let{node:d}=e;const f=d.surfvakantieNieuw||{},p=(null===(t=d.featuredImage)||void 0===t||null===(l=t.node)||void 0===l?void 0:l.publicUrl)||null,h=(f.gallery||[]).slice(0,2),E=[f.inleidingLocatie,f.inleidingRegio].filter(Boolean).join(", "),g=[E&&{icon:"ð",value:E},f.inleidingSurfles&&{icon:"ð",value:f.inleidingSurfles},f.inleidingMinimumleeftijd&&{icon:"ð¤",value:f.inleidingMinimumleeftijd},f.inleidingOpen&&{icon:"ð",value:f.inleidingOpen},f.inleidingVervoer&&{icon:"ð",value:f.inleidingVervoer},f.extra&&{icon:"â¦",value:f.extra,highlight:!0}].filter(Boolean);return n.createElement(a.N_,{to:d.uri,className:"flex flex-col bg-white rounded-2xl overflow-hidden border border-stone-200 hover:border-[#1D9E75] transition-all hover:-translate-y-0.5 shadow-sm hover:shadow-md h-full",style:{textDecoration:"none",color:"inherit"}},n.createElement("div",{className:"relative h-[240px] md:h-[280px] overflow-hidden"},n.createElement(s.RC,{spaceBetween:0,slidesPerView:1,pagination:{dynamicBullets:!0},navigation:{clickable:!0},modules:[c.dK,c.Vx],className:"h-full"},p&&n.createElement(s.qr,{onClick:e=>{e.stopPropagation(),(0,a.oo)(d.uri)}},n.createElement("img",{src:r(p,600,400,75),alt:(null===(m=d.featuredImage)||void 0===m||null===(u=m.node)||void 0===u?void 0:u.altText)||`Featured image of ${d.title}`,loading:"lazy",className:"w-full h-full object-cover",onError:e=>{e.currentTarget.onerror=null,e.currentTarget.src=p}})),h.map((e,t)=>null!=e&&e.publicUrl?n.createElement(s.qr,{key:`gallery-${t}`,onClick:e=>{e.stopPropagation(),(0,a.oo)(d.uri)}},n.createElement("img",{src:r(e.publicUrl,600,400,75),alt:e.altText||`Gallery Image ${t+1} of ${d.title}`,loading:"lazy",className:"w-full h-full object-cover",onError:t=>{t.currentTarget.onerror=null,t.currentTarget.src=e.publicUrl}})):null)),n.createElement("div",{className:"absolute top-0 left-0 right-0 flex justify-between pointer-events-none z-10"},f.hurryShout&&n.createElement("span",{className:"bg-white/90 text-[#1A3A3A] text-xs font-semibold px-2.5 py-1 rounded-lg shadow-sm m-3",style:{fontFamily:o}},f.hurryShout),!f.hurryShout&&n.createElement("span",null),f.discount&&n.createElement("span",{className:"bg-[#1D9E75] text-white text-xs font-semibold px-2.5 py-1 rounded-lg shadow-sm m-3"},"Kortingsactie")),(f.categories||[]).includes("hosted")&&n.createElement("div",{className:"absolute bottom-0 left-0 pointer-events-none z-10"},n.createElement("span",{className:"flex items-center gap-1 bg-[#F5C518] text-[#1A3A3A] text-xs font-semibold px-2.5 py-1 rounded-lg shadow-sm m-3",style:{fontFamily:o}},"SurfaWhile Hosted"))),n.createElement("div",{className:"p-4 flex flex-col gap-2.5 flex-1",style:{fontFamily:o}},n.createElement("p",{className:"text-xs font-semibold uppercase tracking-[0.08em] text-stone-400",style:{fontFamily:o}},[f.typeAccommodatie,f.land].filter(Boolean).join(" Â· ")),n.createElement("h3",{className:"text-sm font-semibold leading-snug text-[#1A3A3A] line-clamp-2",style:{textTransform:"none",fontFamily:o,fontSize:"0.875rem",fontWeight:600,marginTop:0}},f.longTitle||d.title||""),n.createElement("ul",{className:"space-y-1.5 text-xs text-stone-500",style:{fontFamily:o}},g.map((e,t)=>n.createElement("li",{key:t,className:"flex items-center gap-2"},n.createElement("span",{className:"w-4 text-center"},e.icon),n.createElement("span",{className:e.highlight?"text-[#1A3A3A] font-medium":""},e.value)))),n.createElement("div",{className:"mt-auto flex flex-col gap-2.5"},(f.rating||f.inleidingPrijs)&&n.createElement("div",{className:"flex items-center justify-between pt-2 border-t border-stone-100"},f.rating&&!isNaN(f.rating)&&n.createElement("div",{className:"flex items-center gap-1.5"},n.createElement("span",{className:"text-sm font-bold text-[#1D9E75]"},f.rating),n.createElement(i,{rating:Number(f.rating)})),f.inleidingPrijs&&n.createElement("p",{className:"text-xs text-stone-400",style:{fontFamily:o}},"v.a."," ",n.createElement("span",{className:"text-sm font-semibold text-[#1A3A3A]"},"â¬ ",f.inleidingPrijs))),n.createElement("div",{className:"w-full text-center text-xs font-semibold py-2.5 rounded-xl text-white",style:{backgroundColor:"#1D9E75",fontFamily:o}},f.inleidingPrijs?`Ontdek v.a. â¬ ${f.inleidingPrijs},-`:"Bekijk surfvakantie"))))}}}]);
2//# sourceMappingURL=component---src-pages-surfvakanties-januari-js-525e0b3f3c5a02ad9bdb.js.map

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.