{"version":3,"sources":["webpack:///./src/components/page-blocks/page-block-textpageblockhighlight.jsx","webpack:///./src/components/page-blocks/page-block-imagesidetext.jsx","webpack:///./src/components/highlighted-textblock.jsx","webpack:///./src/components/page-blocks/page-block-brochure.jsx","webpack:///./src/components/contact/brochureForm.jsx","webpack:///./src/components/page-blocks/page-block-cruiseinspirations/inspirationCard.jsx","webpack:///./src/components/page-blocks/page-block-cruisetypes/cruiseTypeCard.jsx","webpack:///./src/components/page-blocks/page-block-newsletter.jsx","webpack:///./src/templates/page.jsx","webpack:///./src/components/page-blocks/page-block-cruisetypes/pageBlockCruiseTypes.jsx","webpack:///./src/components/page-blocks/page-block-cruiseinspirations/pageBlockCruiseInspirations.jsx","webpack:///./src/components/page-blocks/page-block-quote.jsx","webpack:///./src/components/page-blocks/page-block-brochure-form.jsx","webpack:///./src/components/page-blocks/pageBlockAdvantages.jsx","webpack:///./src/components/page-blocks/page-block-2columntextwithsidetitle.jsx","webpack:///./src/components/page-blocks/page-block-imageswithhovercaption.jsx","webpack:///./src/components/page-blocks/page-block-2columntextwithtitle.jsx","webpack:///./src/components/page-blocks/page-block-largeimagesidetext.jsx","webpack:///./src/components/page-blocks/page-block-3columnimagetext.jsx"],"names":["data","zeroMargingBottom","blockdata","content","general","image","url","isTiny","title","className","dangerouslySetInnerHTML","__html","text","gallery","src","addWidthParameter","image1","alt","altText","children","style","backgroundImage","marginBottom","PageBlockBrochure","intro","to","buttonLink","buttonText","href","pdfLink","target","rel","BrochureForm","privacy","useState","isEnabled","setIsEnabled","isLoading","setIsLoading","isSent","setIsSent","salutation","firstName","lastName","phone","email","street","number","mailbox","postalCode","city","country","checkPrivacyPolicy","checkNewsletter","values","setValues","touched","setTouched","errors","setErrors","isValid","Object","keys","length","validateForm","useCallback","isValidPhone","isValidEmail","useEffect","sendConfirmationMail","request","a","host","emailToSend","emailAddress","emailTemplate","conformationEmailTemplate","key","houseNumber","box","fetch","method","headers","apiKey","body","JSON","stringify","handleBlur","e","assign","name","handleChange","persist","type","checked","value","id","onChange","onBlur","htmlFor","subscribeToNewsLetter","Boolean","filter","map","item","index","fail","onClick","preventDefault","reduce","prev","cur","gender","tags","push","then","res","ok","requestBrochure","isSecondary","inspiration","path","tag","description","CruiseTypeCard","theme","cruiseType","setSearchSelection","useContext","GlobalContext","usps","usP1","usP2","usP3","handleClick","selectedCruiseTypes","selectedSailingAreas","selectedDates","getMonths","selectedDurations","itemId","x","i","icon","toLowerCase","PageBlockNewsletter","templateId","showInFooter","Page","pageContext","page","sailingAreas","navigation","cruiseTypes","cmsProducts","erpSailingAreas","location","setNavigation","setPrivacy","seo","pageTitle","renderComponents","parseComponents","layout","headerImage","headerText","showQsm","qsm","isTinted","backgroundTinted","pagePath","pathname","siteName","websiteName","Helmet","renderComponent","component","pageComponents","pageComponent","componentRepository","templateName","cruisetype1","cruisetype2","cruisetype3","cruiseInspiration1","cruiseInspiration2","cruiseInspiration3","cruiseInspirations","pageBlockHeader","pageBlock2columntextwithtitle","pageBlock3columnimagetext","pageBlockTextgallery","pageBlockImagesidetext","pageBlockParagraphwithsidebar","pageBlockLargeimagesidetext","pageBlockTextpageblockhighlight","author","pageBlockDynamic","pageBlockContact","pageBlockNewsletter","pageBlockBrochure","advantages","advantage1","advantage2","advantage3","advantage4","advantage5","advantage","textPositionRight","text1","text2","caption1","image2","caption2","image3","caption3","textPositionLeft","text3"],"mappings":"8FAAA,qCAGe,gBAAkC,IAAD,EAA9BA,EAA8B,EAA9BA,KAAMC,EAAwB,EAAxBA,kBAEhBC,EAAYF,EAAKG,QAAQC,QAE/B,OAAKF,EAKH,kBAAC,IAAD,CAAsBG,MAAK,UAAEH,EAAUG,aAAZ,aAAE,EAAiBC,IAAKL,kBAAmBA,EAAmBM,OAAQL,EAAUK,QACzG,4BAAKL,EAAUM,OACf,yBAAKC,UAAU,2CAA2CC,wBAAyB,CAAEC,OAAQT,EAAUU,SANlG,O,kCCRX,qCAGe,gBAAe,IAAD,IAAXZ,EAAW,EAAXA,KAEVE,EAAYF,EAAKG,QAAQC,QACzBS,EAAUb,EAAKG,QAAQU,QAI7B,OAAMX,GAAaW,EAKjB,6BAASJ,UAPK,0BAQZ,yBAAKA,UAAU,qCACb,yBAAKA,UAAU,iCACb,4BAAKP,EAAUM,QAEjB,yBAAKC,UAAU,gCACb,yBAAKA,UAAU,iCACb,yBAAKK,IAAKC,YAAiB,UAACF,EAAQG,cAAT,aAAC,EAAgBV,IAAK,MAAOW,IAAG,UAAEJ,EAAQG,cAAV,aAAE,EAAgBE,WAE/E,yBAAKT,UAAU,sCAAsCC,wBAAyB,CAAEC,OAAQT,EAAUU,WAbjG,O,kCCXX,qCAGe,oBAAGO,EAAH,EAAGA,SAAUd,EAAb,EAAaA,MAAOJ,EAApB,EAAoBA,kBAAmBM,EAAvC,EAAuCA,OAAvC,OAEb,6BAASE,UAAS,0BAA2BF,EAAS,8BAAgC,KACpF,yBACEE,UAAU,mCACVW,MAAO,CAAEC,gBAAgB,QAASN,YAAkBV,EAAO,MAAnC,KAA8CiB,aAAcrB,IAEpF,yBAAKQ,UAAU,kCACb,yBAAKA,UAAU,+BAA+BU,Q,0NCqBvCI,EA7BW,SAAC,GAAc,IAAZvB,EAAW,EAAXA,KAC3B,OACE,6BAASS,UAAU,YACjB,yBAAKA,UAAU,mBACb,4BAAKT,EAAKG,QAAQC,QAAQI,QAE5B,yBAAKC,UAAU,yBAAyBT,EAAKG,QAAQC,QAAQoB,OAE7D,yBAAKf,UAAU,qBACb,kBAAC,IAAD,CAAMgB,GAAIzB,EAAKG,QAAQC,QAAQsB,WAAYlB,MAAOR,EAAKG,QAAQC,QAAQuB,WAAYlB,UAAU,OAC1FT,EAAKG,QAAQC,QAAQuB,YAExB,yBAAKlB,UAAU,+BAAf,KAEE,uBACEmB,KAAM5B,EAAKG,QAAQC,QAAQyB,QAC3BrB,MAAM,4BACNC,UAAU,OACVqB,OAAO,SACPC,IAAI,uBALN,iC,gcCTV,IA4eeC,EA5eM,SAAC,GAAuB,IAAD,EAApBhC,EAAoB,EAApBA,KAAMiC,EAAc,EAAdA,QAAc,EAiBRC,oBAAS,GAApCC,EAjBmC,KAiBxBC,EAjBwB,OAkBRF,oBAAS,GAApCG,EAlBmC,KAkBxBC,EAlBwB,OAmBdJ,oBAAS,GAA9BK,EAnBmC,KAmB3BC,EAnB2B,OAoBdN,mBAnBN,CACpBO,WAAY,GACZC,UAAW,GACXC,SAAU,GACVC,MAAO,GACPC,MAAO,GACPC,OAAQ,GACRC,OAAQ,GACRC,QAAS,GACTC,WAAY,GACZC,KAAM,GACNC,QAAS,GACTC,oBAAoB,EACpBC,iBAAiB,IAMZC,EApBmC,KAoB3BC,EApB2B,OAqBZrB,mBAAS,IAAhCsB,EArBmC,KAqB1BC,EArB0B,OAsBdvB,mBAAS,IAA9BwB,EAtBmC,KAsB3BC,EAtB2B,KAwBpCC,EAAyC,IAA/BC,OAAOC,KAAKJ,GAAQK,OAE9BC,EAAeC,uBAAY,WAC/B,IAAMP,EAAS,GAEkB,IAA7BJ,EAAOb,WAAWsB,SACpB3B,GAAa,GACbsB,EAAOjB,WAAa,oBAGU,IAA5Ba,EAAOZ,UAAUqB,SACnB3B,GAAa,GACbsB,EAAOhB,UAAY,cAGU,IAA3BY,EAAOX,SAASoB,SAClB3B,GAAa,GACbsB,EAAOf,SAAW,iBAGS,IAAzBW,EAAOR,OAAOiB,SAChB3B,GAAa,GACbsB,EAAOZ,OAAS,YAGW,IAAzBQ,EAAOP,OAAOgB,SAChB3B,GAAa,GACbsB,EAAOX,OAAS,gBAGe,IAA7BO,EAAOL,WAAWc,SACpB3B,GAAa,GACbsB,EAAOT,WAAa,cAGK,IAAvBK,EAAOJ,KAAKa,SACd3B,GAAa,GACbsB,EAAOR,KAAO,UAGc,IAA1BI,EAAOH,QAAQY,SACjB3B,GAAa,GACbsB,EAAOP,QAAU,UAGdG,EAAOF,qBACVhB,GAAa,GACbsB,EAAON,mBAAqB,6BAGzB,IAAQE,EAAOV,QACbsB,YAAaZ,EAAOV,SACvBR,GAAa,GACbsB,EAAOd,MAAQ,kBAIduB,YAAab,EAAOT,SACvBT,GAAa,GACbsB,EAAOb,MAAQ,WAGjBc,EAAUD,KACT,CACDJ,EAAOF,mBACPE,EAAOJ,KAAKa,OACZT,EAAOH,QAAQY,OACfT,EAAOT,MACPS,EAAOZ,UAAUqB,OACjBT,EAAOX,SAASoB,OAChBT,EAAOP,OAAOgB,OACdT,EAAOV,MACPU,EAAOL,WAAWc,OAClBT,EAAOb,WAAWsB,OAClBT,EAAOR,OAAOiB,SAGhBK,qBAAU,WACRJ,MACC,CAACV,EAAQU,IAEZ,IA0BMK,EAAoB,6BAAG,WAAMC,GAAN,mBAAAC,EAAA,6DACrBjE,EAASkE,OADY,gBAErBC,EAAc,CAClB/B,UAAW4B,EAAQ5B,UACnBC,SAAU2B,EAAQ3B,SAClB+B,aAAcJ,EAAQzB,MACtBD,MAAO0B,EAAQ1B,MACf+B,cAAa,UAAE3E,EAAKG,QAAQC,QAAQwE,iCAAvB,aAAE,EAAgDC,IAC/D/B,OAAQwB,EAAQxB,OAChBgC,YAAaR,EAAQvB,OACrBC,QAASsB,EAAQS,IACjB9B,WAAYqB,EAAQrB,WACpBC,KAAMoB,EAAQpB,KACdC,QAASmB,EAAQnB,SAbQ,SAerB6B,MAAM1E,EAAK,CACf2E,OAAQ,OACRC,QAAS,CACP,eAAgB,mBAChB,UAAWC,UAEbC,KAAMC,KAAKC,UAAUb,KArBI,2CAAH,sDA0DpBc,EAAa,SAAAC,GAAM,IAAD,EACtB/B,EACEI,OAAO4B,OAAO,GAAIjC,IAAlB,MACGgC,EAAE1D,OAAO4D,OAAO,EADnB,MAMEC,EAAe,SAAAH,GAMX,IAAD,GALPA,EAAEI,UACoB,aAAlBJ,EAAE1D,OAAO+D,OACXvC,EAAOkC,EAAE1D,OAAO4D,MAAQF,EAAE1D,OAAOgE,QACjCvC,EAAUD,GACVU,KAEAT,EACEM,OAAO4B,OAAO,GAAInC,IAAlB,MACGkC,EAAE1D,OAAO4D,MAAOF,EAAE1D,OAAOiE,MAD5B,MAON,OACE,yBAAKtF,UAAU,gBACb,4BAAKT,EAAKG,QAAQC,QAAQI,OAC1B,0BAAMC,UAAU,QACd,yBAAKA,UAAU,mCACb,yBAAKA,UAAU,aACb,2BAAOA,UAAS,gBAAiB+C,EAAQf,YAAciB,EAAOjB,WAAa,qBAAuB,KAAlG,oBAGA,yBAAKhC,UAAU,iBACb,yBAAKA,UAAU,gBACb,2BAAOuF,GAAG,MAAMH,KAAK,QAAQH,KAAK,aAAaK,MAAM,IAAIE,SAAUN,EAAcO,OAAQX,IACzF,2BAAOY,QAAQ,OAAf,QAEF,yBAAK1F,UAAU,gBACb,2BAAOuF,GAAG,MAAMH,KAAK,QAAQH,KAAK,aAAaK,MAAM,IAAIE,SAAUN,EAAcO,OAAQX,IACzF,2BAAOY,QAAQ,OAAf,OAEF,yBAAK1F,UAAU,gBACb,2BACEuF,GAAG,YACHH,KAAK,QACLH,KAAK,aACLK,MAAM,IACNE,SAAUN,EACVO,OAAQX,IAEV,2BAAOY,QAAQ,aAAf,cAMR,yBAAK1F,UAAU,aACb,yBAAKA,UAAU,+CACb,2BAAO0F,QAAQ,aACb,0BAAM1F,UAAS,gBAAiB+C,EAAQd,WAAagB,EAAOhB,UAAY,qBAAuB,KAA/F,eAIF,2BACEsD,GAAG,YACHvF,UAAS,gBAAiB+C,EAAQd,WAAagB,EAAOhB,UAAY,qBAAuB,IACzFmD,KAAK,OACLH,KAAK,YACLK,MAAOzC,EAAOZ,UACduD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,+CACb,2BAAO0F,QAAQ,YACb,0BAAM1F,UAAS,gBAAiB+C,EAAQb,UAAYe,EAAOf,SAAW,qBAAuB,KAA7F,kBAIF,2BACEqD,GAAG,WACHvF,UAAS,gBAAiB+C,EAAQb,UAAYe,EAAOf,SAAW,qBAAuB,IACvFkD,KAAK,OACLH,KAAK,WACLK,MAAOzC,EAAOX,SACdsD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,+CACb,2BAAO0F,QAAQ,SACb,0BAAM1F,UAAS,gBAAiB+C,EAAQZ,OAASc,EAAOd,MAAQ,qBAAuB,KAAvF,mBAIF,2BACEoD,GAAG,QACHvF,UAAS,gBAAiB+C,EAAQZ,OAASc,EAAOd,MAAQ,qBAAuB,IACjFiD,KAAK,OACLH,KAAK,QACLK,MAAOzC,EAAOV,MACdqD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,+CACb,2BAAO0F,QAAQ,SACb,0BAAM1F,UAAS,gBAAiB+C,EAAQX,OAASa,EAAOb,MAAQ,qBAAuB,KAAvF,kBAIF,2BACEmD,GAAG,QACHvF,UAAS,gBAAiB+C,EAAQX,OAASa,EAAOb,MAAQ,qBAAuB,IACjFgD,KAAK,QACLH,KAAK,QACLK,MAAOzC,EAAOT,MACdoD,SAAUN,EACVO,OAAQX,MAKd,yBAAK9E,UAAU,aACb,yBAAKA,UAAU,4CACb,2BAAO0F,QAAQ,UACb,0BAAM1F,UAAS,gBAAiB+C,EAAQV,QAAUY,EAAOZ,OAAS,qBAAuB,KAAzF,aAIF,2BACEkD,GAAG,SACHvF,UAAS,gBAAiB+C,EAAQV,QAAUY,EAAOZ,OAAS,qBAAuB,IACnF+C,KAAK,OACLH,KAAK,SACLK,MAAOzC,EAAOR,OACdmD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,4CACb,2BAAO0F,QAAQ,UACb,0BAAM1F,UAAS,gBAAiB+C,EAAQT,QAAUW,EAAOX,OAAS,qBAAuB,KAAzF,iBAIF,2BACEiD,GAAG,SACHvF,UAAS,gBAAiB+C,EAAQT,QAAUW,EAAOX,OAAS,qBAAuB,IACnF8C,KAAK,SACLH,KAAK,SACLK,MAAOzC,EAAOP,OACdkD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,6CACb,2BAAO0F,QAAQ,WACb,0BAAM1F,UAAU,eAAhB,QAEF,2BACEuF,GAAG,UACHvF,UAAU,cACVoF,KAAK,OACLH,KAAK,UACLK,MAAOzC,EAAON,QACdiD,SAAUN,EACVO,OAAQX,MAKd,yBAAK9E,UAAU,aACb,yBAAKA,UAAU,2BACb,2BAAO0F,QAAQ,cACb,0BAAM1F,UAAS,gBAAiB+C,EAAQP,YAAcS,EAAOT,WAAa,qBAAuB,KAAjG,eAIF,2BACE+C,GAAG,aACHvF,UAAS,gBAAiB+C,EAAQP,YAAcS,EAAOT,WAAa,qBAAuB,IAC3F4C,KAAK,OACLH,KAAK,aACLK,MAAOzC,EAAOL,WACdgD,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,2BACb,2BAAO0F,QAAQ,QACb,0BAAM1F,UAAS,gBAAiB+C,EAAQN,MAAQQ,EAAOR,KAAO,qBAAuB,KAArF,WAEF,2BACE8C,GAAG,OACHvF,UAAS,gBAAiB+C,EAAQN,MAAQQ,EAAOR,KAAO,qBAAuB,IAC/E2C,KAAK,OACLH,KAAK,OACLK,MAAOzC,EAAOJ,KACd+C,SAAUN,EACVO,OAAQX,KAGZ,yBAAK9E,UAAU,2BACb,2BAAO0F,QAAQ,WACb,0BAAM1F,UAAU,eAAhB,WAEF,2BACEuF,GAAG,UACHvF,UAAU,cACVoF,KAAK,OACLH,KAAK,UACLK,MAAOzC,EAAOH,QACd8C,SAAUN,EACVO,OAAQX,MAKd,yBAAK9E,UAAU,aACb,yBAAKA,UAAU,aACb,2BAAOA,UAAU,YACf,2BACEuF,GAAG,qBACHvF,UAAS,oBACP+C,EAAQJ,oBAAsBM,EAAON,mBAAqB,yBAA2B,IAEvFyC,KAAK,WACLH,KAAK,qBACLK,MAAOzC,EAAOF,mBACd6C,SAAUN,EACVO,OAAQX,IAEV,0BAAM9E,UAAU,mBAAhB,uBACuB,IACrB,uBAAGmB,KAAI,cAAMK,SAAN,QAAmB,IAAKH,OAAO,UAAtC,oBAFF,QAUN,yBAAKrB,UAAU,aACb,yBAAKA,UAAU,aACb,2BAAOA,UAAU,YACf,2BACEuF,GAAG,kBACHvF,UAAU,kBACVoF,KAAK,WACLH,KAAK,kBACLK,MAAOzC,EAAOD,gBACd4C,SAAUN,EACVO,OAAQX,IAEV,0BAAM9E,UAAU,mBAAmBT,EAAKG,QAAQC,QAAQgG,0BAK7DC,QAAQxC,OAAOC,KAAKN,GAAS8C,QAAO,SAAAzB,GAAG,OAAIwB,QAAQ3C,EAAOmB,OAAOd,SAChE,yBAAKtD,UAAU,8BACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,SAAf,mEAEF,yBAAKA,UAAU,+BACZoD,OAAOC,KAAKN,GACV8C,QAAO,SAAAzB,GAAG,OAAIwB,QAAQ3C,EAAOmB,OAC7B0B,KAAI,SAACC,EAAMC,GAAP,OACH,2BAAOhG,UAAU,aAAaoE,IAAK4B,GAChC/C,EAAO8C,SAMnBH,QAAQ9D,IACP,yBAAK9B,UAAU,aACb,yBAAKA,UAAU,aACb,2BAAOA,UAAU,gBAAjB,wCAIL4F,QAAQ3C,EAAOgD,OACd,yBAAKjG,UAAU,aACb,yBAAKA,UAAU,aACb,2BAAOA,UAAU,oBAAjB,mDAIN,yBAAKA,UAAU,aACb,kBAAC,IAAD,CACEG,KAAMZ,EAAKG,QAAQC,QAAQuB,WAC3BU,UAAWA,EACXF,UAAWA,EACXwE,QAxUW,SAAAnB,GAUnB,GATAA,EAAEoB,iBAEFnD,EACEI,OAAOC,KAAKR,GAAQuD,QAAO,SAACC,EAAMC,GAEhC,OADAD,EAAKC,IAAO,EACLD,IACN,KAGDlD,EAAS,CACX,IAAMU,EAAU,CACd5B,UAAWY,EAAOZ,UAClBC,SAAUW,EAAOX,SACjBqE,OAAQ1D,EAAOb,WACfI,MAAOS,EAAOT,MACdD,MAAOU,EAAOV,MACdE,OAAQQ,EAAOR,OACfC,OAAQO,EAAOP,OACfgC,IAAKzB,EAAON,QACZC,WAAYK,EAAOL,WACnBC,KAAMI,EAAOJ,KACbC,QAASG,EAAOH,QAChB8D,KAAM,CAAC,IAEL3D,EAAOD,iBACTiB,EAAQ2C,KAAKC,KAAK,GAEpB9E,GAAa,GA/EO,SAAAkC,GACf,YAAC,4BAAAC,EAAA,6DACNjC,GAAa,GAEPhC,EAASkE,OAHT,+BAKAQ,MAAM1E,EAAK,CACf2E,OAAQ,OACRC,QAAS,CACP,eAAgB,mBAChB,UAAWC,UAEbC,KAAMC,KAAKC,UAAUhB,KACpB6C,MAAK,SAAAC,GACFA,EAAIC,IACN7E,GAAU,GACV6B,EAAqBC,IAErBX,EAAU,CAAE+C,MAAM,OAjBhB,OAoBNtE,GAAa,GACbE,GAAa,GArBP,0CAAD,GA+ELgF,CAAgBhD,KA4SViD,aAAa,Q,wBCzeV,cAAsB,IAAD,EAAlBC,EAAkB,EAAlBA,YAEhB,OAAKA,GAAgBA,EAAYrH,SAAYqH,EAAYrH,QAAQC,QAK/D,yBAAKK,UAAU,oBACb,kBAAC,IAAD,CAAMgB,GAAI+F,EAAYrH,QAAQC,QAAQqH,KAAMhH,UAAU,oBACpD,yBAAKA,UAAU,4BACb,yBACEK,IAAKC,YAAiB,UAACyG,EAAYrH,QAAQC,QAAQC,aAA7B,aAAC,EAAmCC,IAAK,KAC/DW,IAAKuG,EAAYrH,QAAQC,QAAQI,QAEnC,6BACE,yBAAKC,UAAU,yBAAyB+G,EAAYrH,QAAQC,QAAQsH,QAI1E,yBAAKjH,UAAU,2BACb,4BACE,kBAAC,IAAD,CAAMgB,GAAI+F,EAAYrH,QAAQC,QAAQqH,KAAMhH,UAAU,oBACnD+G,EAAYrH,QAAQC,QAAQI,SAInC,yBAAKC,UAAU,iCAAiC+G,EAAYrH,QAAQC,QAAQuH,cAvBvE,sC,wBCoFIC,EArFQ,SAAC,GAA2B,IAAD,EAAxBC,EAAwB,EAAxBA,MAAOC,EAAiB,EAAjBA,WACvBC,EAAuBC,qBAAWC,KAAlCF,mBAER,KAAKD,GAAeA,EAAW3H,SAAY2H,EAAW3H,QAAQC,SAAY0H,EAAW3H,QAAQ+H,MAC3F,OAAO,qCAGT,IAAMA,EAAO,CAACJ,EAAW3H,QAAQ+H,KAAKC,KAAML,EAAW3H,QAAQ+H,KAAKE,KAAMN,EAAW3H,QAAQ+H,KAAKG,MAG5FC,EAAc,SAAAR,GAClBC,EAAmB,CACjBQ,oBAAqB,CAACT,GACtBU,qBAAsB,GACtBC,cAAeC,cACfC,kBAAmB,MAIvB,OACE,yBAAKlI,UAAU,oBACZ4F,QAAQyB,EAAW3H,QAAQC,QAAQC,QAClC,yBAAKI,UAAU,4BACb,kBAAC,IAAD,CACEgB,GAAE,wBAA0BqG,EAAWc,OACvCjC,QAAS,kBAAM2B,EAAYR,IAC3BrH,UAAU,oBAEV,yBACEK,IAAKC,YAAiB,UAAC+G,EAAW3H,QAAQC,QAAQC,aAA5B,aAAC,EAAkCC,IAAK,MAC9DW,IAAK6G,EAAW3H,QAAQC,QAAQI,MAChCC,UAAU,qCAMlB,yBAAKA,UAAU,0BACb,wBAAIA,UAAU,2BACZ,kBAAC,IAAD,CACEgB,GAAE,wBAA0BqG,EAAWc,OACvCjC,QAAS,kBAAM2B,EAAYR,IAC3BrH,UAAU,oBAETqH,EAAW3H,QAAQC,QAAQI,QAGhC,yBACEC,UAAU,gCACVC,wBAAyB,CACvBC,OAAQmH,EAAW3H,QAAQC,QAAQuH,eAGvC,yBAAKlH,UAAU,0BACZyH,EAAK3B,KAAI,SAACsC,EAAGC,GAAO,IAAD,EAClB,OAAKD,SAAD,UAACA,EAAG1I,eAAJ,aAAC,EAAYC,SAKf,yBAAKyE,IAAKiE,EAAGrI,UAAU,yBACrB,yBACEK,IAAG,IAAM+G,EAAN,QAAmBgB,EAAE1I,QAAQC,QAAQ2I,KAArC,OACH9H,IAAK4H,EAAE1I,QAAQC,QAAQQ,KACvBH,UAAU,+BAEZ,2BAAIoI,EAAE1I,QAAQC,QAAQQ,OAVjB,yBAAKiE,IAAKiE,QAevB,yBAAKrI,UAAU,yBACb,kBAAC,IAAD,CACEgB,GAAE,wBAA0BqG,EAAWc,OACvCjC,QAAS,kBAAM2B,EAAYR,IAC3BrH,UAAU,OAHZ,aAKaqH,EAAW3H,QAAQC,QAAQI,MAAMwI,mB,4DC9DzCC,EAlBa,SAAC,GAAc,IAAD,EAAXjJ,EAAW,EAAXA,KAC7B,OACE,6BAASS,UAAU,cACjB,yBAAKA,UAAU,qBACb,qDACwB,6BADxB,wBAKF,kBAAC,IAAD,CACEkH,YAAa3H,EAAKG,QAAQC,QAAQQ,KAClCsI,WAAU,UAAElJ,EAAKG,QAAQC,QAAQwE,iCAAvB,aAAE,EAAgDC,IAC5DsE,cAAc,M,s2BC8DPC,UAnDF,SAAC,GAGP,IAAD,MAFJC,YAAeC,EAEX,EAFWA,KAAMC,EAEjB,EAFiBA,aAAcC,EAE/B,EAF+BA,WAAYvH,EAE3C,EAF2CA,QAASwH,EAEpD,EAFoDA,YAAaC,EAEjE,EAFiEA,YAAaC,EAE9E,EAF8EA,gBAClFC,EACI,EADJA,SACI,EAEuC5B,qBAAWC,KAA/C4B,EAFH,EAEGA,cAAeC,EAFlB,EAEkBA,WAAYjC,EAF9B,EAE8BA,MAKlC,GAJAgC,EAAcL,GACdM,EAAW7H,KAGNqH,SAAD,UAACA,EAAMnI,gBAAP,aAAC,EAAgB4C,QACnB,OAAO,qCAGT,IAAMgG,EAAMT,EAAKnJ,QAAQ4J,IACnBC,EAAYD,GAAOA,EAAIvJ,MAAQuJ,EAAIvJ,MAAQ8I,EAAKnJ,QAAQC,QAAQI,MAGlEyJ,EAAmBC,EAAgBZ,EAAKnI,UAG5C,OACE,kBAAC,IAAD,CACEZ,OAAQ8F,QAAQiD,EAAKnJ,QAAQgK,OAAO5J,QACpC6J,YAAad,EAAKnJ,QAAQC,QAAQgK,YAClCC,WAAYf,EAAKnJ,QAAQC,QAAQiK,WACjCC,QAASjE,QAAQiD,EAAKnJ,QAAQgK,OAAOI,KACrCC,SAAUnE,QAAQiD,EAAKnJ,QAAQgK,OAAOM,kBACtClB,aAAcA,EACdE,YAAaA,EACbE,gBAAiBA,GAEjB,kBAAC,IAAD,CAAYI,IAAKA,EAAKC,UAAWA,EAAWU,SAAUd,EAASe,SAAUC,SAAUC,cAAYhD,KAC/F,kBAACiD,EAAA,OAAD,KACE,+BAAQd,IAGTC,EAAiB1D,KAAI,SAACwE,EAAiBtE,GACtC,OACE,kBAACsE,EAAgBC,UAAjB,CACEnG,IAAK4B,EACLoB,MAAOA,EACP7H,KAAM+K,EAAgB/K,KACtBiC,QAASA,EACTyH,YAAaA,SA5CzB,IAqDMQ,EAAkB,SAAAe,GAGtB,IAFA,IAEA,EAFMhB,EAAmB,GAEzB,IAA0BgB,KAA1B,aAA0C,CAAC,IAAlCC,EAAiC,QACnCC,EAAoBD,EAAcE,aAAapC,gBAIpDiB,EAAiB/C,KAAK,CACpB8D,UAAWG,EAAoBD,EAAcE,aAAapC,eAC1DhJ,KAAMkL,IAIV,OAAOjB,GAGHkB,EAAsB,CAC1B,oBC9Fa,YAAsB,IAAnBtD,EAAkB,EAAlBA,MAAO7H,EAAW,EAAXA,KAEvB,KACGA,GACAA,EAAKG,SACLH,EAAKG,QAAQC,SACbJ,EAAKG,QAAQC,QAAQiL,aACrBrL,EAAKG,QAAQC,QAAQkL,aACrBtL,EAAKG,QAAQC,QAAQmL,aAEtB,OAAO,qCAGT,IAAMnL,EAAUJ,EAAKG,QAAQC,QACvBqJ,EAAc,CAACrJ,EAAQiL,YAAajL,EAAQkL,YAAalL,EAAQmL,aAEvE,OACE,6BAAS9K,UAAU,gBACjB,yBAAKA,UAAU,yBACZgJ,EAAYlD,KAAI,SAACuB,EAAYrB,GAAb,OACf,yBAAK5B,IAAK4B,EAAOhG,UAAU,sBACzB,kBAAC,EAAD,CAAgBoH,MAAOA,EAAOC,WAAYA,WD0EpD,2BE/Fa,YAAe,IAAZ9H,EAAW,EAAXA,KAEhB,KACGA,GACAA,EAAKG,SACLH,EAAKG,QAAQC,SACbJ,EAAKG,QAAQC,QAAQoL,oBACrBxL,EAAKG,QAAQC,QAAQqL,oBACrBzL,EAAKG,QAAQC,QAAQsL,oBAEtB,OAAO,qCAGT,IAAMtL,EAAUJ,EAAKG,QAAQC,QACvBuL,EAAqB,CAACvL,EAAQoL,mBAAoBpL,EAAQqL,mBAAoBrL,EAAQsL,oBAE5F,OACE,6BAASjL,UAAU,eACjB,yBAAKA,UAAU,sBACb,kDAEF,yBAAKA,UAAU,wBACZkL,EAAmBpF,KAAI,SAACiB,EAAaf,GAAd,OACtB,yBAAK5B,IAAK4B,EAAOhG,UAAU,qBACzB,kBAAC,EAAD,CAAiB+G,YAAaA,WFwExC,eAAgBoE,IAChB,6BAA8BC,IAC9B,yBAA0BC,IAC1B,oBAAqBC,IACrB,sBAAuBC,IACvB,6BAA8BC,IAC9B,2BAA4BC,IAC5B,2BAA4BC,IAC5B,cGzGa,YAAe,IAAZnM,EAAW,EAAXA,KAEhB,IAAKA,EAAKG,QAAQC,QAChB,OAAO,KAGT,IAAMF,EAAYF,EAAKG,QAAQC,QAE/B,OACE,6BAASK,UAAU,oBACjB,yBAAKA,UAAU,+BACb,6BACA,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,yBACb,0BAAMA,UAAU,2BAA2BC,wBAAyB,CAAEC,OAAQT,EAAUU,SAE1F,yBAAKH,UAAU,yBACb,0BAAMA,UAAU,kCAAhB,KACA,0BAAMA,UAAU,2BAA2BC,wBAAyB,CAAEC,OAAQT,EAAUkM,YAG5F,gCHqFN,gBAAiBC,IACjB,oBAAqBC,IACrB,mBAAoBC,EACpB,0BAA2BC,EAC3B,2BI7Ga,YAAwB,IAArBxM,EAAoB,EAApBA,KAAMiC,EAAc,EAAdA,QACtB,OAAO,kBAAC,EAAD,CAAcjC,KAAMA,EAAMiC,QAASA,KJ6G1C,mBK9Ga,YAAsB,IAAnB4F,EAAkB,EAAlBA,MAAO7H,EAAW,EAAXA,KAEvB,KACGA,GACAA,EAAKG,SACLH,EAAKG,QAAQC,SACbJ,EAAKG,QAAQsM,YACbzM,EAAKG,QAAQsM,WAAWC,YACxB1M,EAAKG,QAAQsM,WAAWE,YACxB3M,EAAKG,QAAQsM,WAAWG,YACxB5M,EAAKG,QAAQsM,WAAWI,YACxB7M,EAAKG,QAAQsM,WAAWK,YAEzB,OAAO,qCAGT,IAAML,EAAa,CACjBzM,EAAKG,QAAQsM,WAAWC,WACxB1M,EAAKG,QAAQsM,WAAWE,WACxB3M,EAAKG,QAAQsM,WAAWG,WACxB5M,EAAKG,QAAQsM,WAAWI,WACxB7M,EAAKG,QAAQsM,WAAWK,YAG1B,OACE,6BAASrM,UAAU,WACjB,yBAAKA,UAAU,kBACb,4BAAKT,EAAKG,QAAQC,QAAQI,QAE5B,yBAAKC,UAAU,oBACZgM,EAAWlG,KAAI,SAACwG,EAAWtG,GAAZ,OACd,yBAAK5B,IAAK4B,EAAOhG,UAAU,iBAEzB,yBAAKK,IAAG,IAAM+G,EAAN,oBAAgC5G,IAAI,SAASR,UAAU,uBAC/D,2BAAIsM,QAIV,yBAAKtM,UAAU,gBACb,kBAAC,IAAD,CAAMgB,GAAE,IAAMzB,EAAKG,QAAQC,QAAQqH,MAAnC,4BLyEN,iCMjHa,YAAe,IAAZzH,EAAW,EAAXA,KAEhB,IAAMA,EAAKG,QAAQC,UAAWJ,EAAKG,QAAQgK,OACzC,OAAO,KAET,IAAMjK,EAAYF,EAAKG,QAAQC,QAG3BK,EAAY,sCAMhB,OAReT,EAAKG,QAAQgK,OAIjB6C,oBACTvM,GAAa,+CAIb,6BAASA,UAAWA,GAClB,yBAAKA,UAAU,kDACb,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,+CACb,4BAAKP,EAAUM,QAEjB,yBAAKC,UAAU,gDACb,yBACEA,UAAU,2CACVC,wBAAyB,CAAEC,OAAQT,EAAU+M,SAE/C,yBACExM,UAAU,2CACVC,wBAAyB,CAAEC,OAAQT,EAAUgN,cNsFzD,+BOlHa,YAAe,IAAD,MAAXlN,EAAW,EAAXA,KAEVE,EAAYF,EAAKG,QAAQC,QACzBS,EAAUb,EAAKG,QAAQU,QAE7B,OAAMX,GAAaW,EAIjB,6BAASJ,UAAU,qCACjB,yBAAKA,UAAU,gDACb,yBAAKA,UAAU,0CACb,4BAAKP,EAAUM,QAEjB,yBAAKC,UAAU,0CACb,yBAAKA,UAAU,0CACb,4BAAQA,UAAU,6CAChB,yBAAKK,IAAG,UAAED,EAAQG,cAAV,aAAE,EAAgBV,IAAKG,UAAU,yCAAyCQ,IAAKf,EAAUM,QACjG,gCAAYC,UAAU,iDACpB,2BAAIP,EAAUiN,YAGlB,4BAAQ1M,UAAU,6CAChB,yBAAKK,IAAG,UAAED,EAAQuM,cAAV,aAAE,EAAgB9M,IAAKG,UAAU,yCAAyCQ,IAAKf,EAAUM,QACjG,gCAAYC,UAAU,iDACpB,2BAAIP,EAAUmN,YAGlB,4BAAQ5M,UAAU,6CAChB,yBAAKK,IAAG,UAAED,EAAQyM,cAAV,aAAE,EAAgBhN,IAAKG,UAAU,yCAAyCQ,IAAKf,EAAUM,QACjG,gCAAYC,UAAU,iDACpB,2BAAIP,EAAUqN,gBAzBnB,Q,kCCRX,yBAEe,gBAAe,IAAZvN,EAAW,EAAXA,KAChB,IAAKA,EAAKG,QAAQC,QAChB,OAAO,KAIT,IAAMF,EAAYF,EAAKG,QAAQC,QAE/B,OACEiG,QAAQnG,IACN,6BAASO,UAAU,mCACjB,yBAAKA,UAAU,8CACb,yBAAKA,UAAU,2CACb,4BAAKP,EAAUM,QAEjB,yBAAKC,UAAU,wCACb,yBACEA,UAAU,uCACVC,wBAAyB,CAAEC,OAAQT,EAAU+M,SAE/C,yBACExM,UAAU,uCACVC,wBAAyB,CAAEC,OAAQT,EAAUgN,c,kCCxB3D,qCAGe,gBAAe,IAAD,EAAXlN,EAAW,EAAXA,KAEVE,EAAYF,EAAKG,QAAQC,QACzB+J,EAASnK,EAAKG,QAAQgK,OAExB1J,EAAY,gCAEhB,OAAMP,GAAaiK,GAIf9D,QAAQ8D,EAAOqD,oBACjB/M,GAAa,wCAIb,6BAASA,UAAWA,GAClB,yBAAKA,UAAU,4CACb,yBAAKA,UAAU,wCACb,yBAAKK,IAAKC,YAAiB,UAACb,EAAUG,aAAX,aAAC,EAAiBC,IAAK,MAAOW,IAAKf,EAAUG,MAAMa,WAEhF,yBAAKT,UAAU,0CACb,yBAAKA,UAAU,uCACb,yBAAKA,UAAU,wCACb,4BAAKP,EAAUM,QAEjB,yBACEC,UAAU,6CACVC,wBAAyB,CAAEC,OAAQT,EAAUU,aApBhD,O,kCCXX,qCAGe,gBAAe,IAAD,MAAXZ,EAAW,EAAXA,KAChB,IAAKA,EAAKG,QAAQC,QAChB,OAAO,KAIT,IAAMF,EAAYF,EAAKG,QAAQC,QAE/B,OACEiG,QAAQnG,IACN,6BAASO,UAAU,+BACjB,yBAAKA,UAAU,0CACb,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,oCACb,yBACEA,UAAU,sCACVW,MAAO,CAAEC,gBAAgB,QAASN,YAAiB,UAACb,EAAUc,cAAX,aAAC,EAAkBV,IAAK,KAAnD,QAE1B,yBACEG,UAAU,2CACVC,wBAAyB,CAAEC,OAAQT,EAAU+M,UAGjD,yBAAKxM,UAAU,oCACb,yBACEA,UAAU,sCACVW,MAAO,CAAEC,gBAAgB,QAASN,YAAiB,UAACb,EAAUkN,cAAX,aAAC,EAAkB9M,IAAK,KAAnD,QAE1B,yBACEG,UAAU,2CACVC,wBAAyB,CAAEC,OAAQT,EAAUgN,UAGjD,yBAAKzM,UAAU,oCACb,yBACEA,UAAU,sCACVW,MAAO,CAAEC,gBAAgB,QAASN,YAAiB,UAACb,EAAUoN,cAAX,aAAC,EAAkBhN,IAAK,KAAnD,QAE1B,yBACEG,UAAU,2CACVC,wBAAyB,CAAEC,OAAQT,EAAUuN","file":"component---src-templates-page-jsx-3c1728deba4980cb6501.js","sourcesContent":["import React from \"react\";\nimport HighlightedTextblock from \"../highlighted-textblock\";\n\nexport default ({ data, zeroMargingBottom }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general; // data.content.informatie && data.content.informatie.vertrekdata;\n\n  if (!blockdata) {\n    return null;\n  }\n\n  return (\n    <HighlightedTextblock image={blockdata.image?.url} zeroMargingBottom={zeroMargingBottom} isTiny={blockdata.isTiny}>\n      <h2>{blockdata.title}</h2>\n      <div className=\"page-block-2columntextwithsidetitle__col\" dangerouslySetInnerHTML={{ __html: blockdata.text }} />\n    </HighlightedTextblock>\n  );\n};\n","import React from \"react\";\nimport { addWidthParameter } from \"../../utils/addWidthParameter\";\n\nexport default ({ data }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general; // data.content.informatie && data.content.informatie.vertrekdata;\n  const gallery = data.content.gallery;\n\n  let className = \"page-block-textgallery\";\n\n  if (!(blockdata && gallery)) {\n    return null;\n  }\n\n  return (\n    <section className={className}>\n      <div className=\"page-block-textgallery__container\">\n        <div className=\"page-block-textgallery__title\">\n          <h2>{blockdata.title}</h2>\n        </div>\n        <div className=\"page-block-textgallery__body\">\n          <div className=\"page-block-textgallery__image\">\n            <img src={addWidthParameter(gallery.image1?.url, 1200)} alt={gallery.image1?.altText} />\n          </div>\n          <div className=\"page-block-textgallery__description\" dangerouslySetInnerHTML={{ __html: blockdata.text }} />\n        </div>\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\nimport { addWidthParameter } from \"../utils/addWidthParameter\";\n\nexport default ({ children, image, zeroMargingBottom, isTiny }) => (\n  // <section className=\"highlighted-textblock\">\n  <section className={`highlighted-textblock ${isTiny ? \"highlighted-textblock--16-4\" : \"\"}`}>\n    <div\n      className=\"highlighted-textblock__container\"\n      style={{ backgroundImage: `url('${addWidthParameter(image, 3460)}')`, marginBottom: zeroMargingBottom }}\n    >\n      <div className=\"highlighted-textblock__content\">\n        <div className=\"highlighted-textblock__card\">{children}</div>\n      </div>\n    </div>\n  </section>\n);\n","import React from \"react\";\nimport { Link } from \"gatsby\";\n\nconst PageBlockBrochure = ({ data }) => {\n  return (\n    <section className=\"brochure\">\n      <div className=\"brochure__title\">\n        <h2>{data.content.general.title}</h2>\n      </div>\n      <div className=\"brochure__description\">{data.content.general.intro}</div>\n\n      <div className=\"brochure__actions\">\n        <Link to={data.content.general.buttonLink} title={data.content.general.buttonText} className=\"cta\">\n          {data.content.general.buttonText}\n        </Link>\n        <div className=\"brochure__actions-secondary\">\n          of\n          <a\n            href={data.content.general.pdfLink}\n            title=\"bekijk de brochure online\"\n            className=\"link\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            bekijk de brochure online\n          </a>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default PageBlockBrochure;\n","import React, { useEffect, useState, useCallback } from \"react\";\nimport { Link } from \"gatsby\";\nimport { apiKey, host } from \"../../settings\";\nimport { isValidEmail, isValidPhone } from \"../../utils/validationUtils\";\n\nimport SubmitButton from \"../submitButton\";\nimport { isEmpty } from \"lodash\";\n\nconst BrochureForm = ({ data, privacy }) => {\n  const initialValues = {\n    salutation: \"\",\n    firstName: \"\",\n    lastName: \"\",\n    phone: \"\",\n    email: \"\",\n    street: \"\",\n    number: \"\",\n    mailbox: \"\",\n    postalCode: \"\",\n    city: \"\",\n    country: \"\",\n    checkPrivacyPolicy: false,\n    checkNewsletter: false,\n  };\n\n  const [isEnabled, setIsEnabled] = useState(true);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isSent, setIsSent] = useState(false);\n  const [values, setValues] = useState(initialValues);\n  const [touched, setTouched] = useState({});\n  const [errors, setErrors] = useState({});\n\n  const isValid = Object.keys(errors).length === 0;\n\n  const validateForm = useCallback(() => {\n    const errors = {};\n\n    if (values.salutation.length === 0) {\n      setIsEnabled(true);\n      errors.salutation = \"Aanspreektitel *\";\n    }\n\n    if (values.firstName.length === 0) {\n      setIsEnabled(true);\n      errors.firstName = \"Voornaam *\";\n    }\n\n    if (values.lastName.length === 0) {\n      setIsEnabled(true);\n      errors.lastName = \"familienaam *\";\n    }\n\n    if (values.street.length === 0) {\n      setIsEnabled(true);\n      errors.street = \"Straat *\";\n    }\n\n    if (values.number.length === 0) {\n      setIsEnabled(true);\n      errors.number = \"Huisnummer *\";\n    }\n\n    if (values.postalCode.length === 0) {\n      setIsEnabled(true);\n      errors.postalCode = \"Postcode *\";\n    }\n\n    if (values.city.length === 0) {\n      setIsEnabled(true);\n      errors.city = \"Stad *\";\n    }\n\n    if (values.country.length === 0) {\n      setIsEnabled(true);\n      errors.country = \"Land *\";\n    }\n\n    if (!values.checkPrivacyPolicy) {\n      setIsEnabled(true);\n      errors.checkPrivacyPolicy = \"checkbox privacy policy *\";\n    }\n\n    if (!isEmpty(values.phone)) {\n      if (!isValidPhone(values.phone)) {\n        setIsEnabled(true);\n        errors.phone = \"Telefoonnummer\";\n      }\n    }\n\n    if (!isValidEmail(values.email)) {\n      setIsEnabled(true);\n      errors.email = \"Email *\";\n    }\n\n    setErrors(errors);\n  }, [\n    values.checkPrivacyPolicy,\n    values.city.length,\n    values.country.length,\n    values.email,\n    values.firstName.length,\n    values.lastName.length,\n    values.number.length,\n    values.phone,\n    values.postalCode.length,\n    values.salutation.length,\n    values.street.length,\n  ]);\n\n  useEffect(() => {\n    validateForm();\n  }, [values, validateForm]);\n\n  const requestBrochure = request => {\n    return (async () => {\n      setIsLoading(true);\n\n      const url = `${host}/api/web/crmcontact`;\n\n      await fetch(url, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          \"Api-Key\": apiKey,\n        },\n        body: JSON.stringify(request),\n      }).then(res => {\n        if (res.ok) {\n          setIsSent(true);\n          sendConfirmationMail(request);\n        } else {\n          setErrors({ fail: true });\n        }\n      });\n      setIsEnabled(true);\n      setIsLoading(false);\n    })();\n  };\n\n  const sendConfirmationMail = async request => {\n    const url = `${host}/api/web/mail`;\n    const emailToSend = {\n      firstName: request.firstName,\n      lastName: request.lastName,\n      emailAddress: request.email,\n      phone: request.phone,\n      emailTemplate: data.content.general.conformationEmailTemplate?.key,\n      street: request.street,\n      houseNumber: request.number,\n      mailbox: request.box,\n      postalCode: request.postalCode,\n      city: request.city,\n      country: request.country,\n    };\n    await fetch(url, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Api-Key\": apiKey,\n      },\n      body: JSON.stringify(emailToSend),\n    });\n  };\n\n  const handleSubmit = e => {\n    e.preventDefault();\n\n    setTouched(\n      Object.keys(values).reduce((prev, cur) => {\n        prev[cur] = true;\n        return prev;\n      }, {})\n    );\n\n    if (isValid) {\n      const request = {\n        firstName: values.firstName,\n        lastName: values.lastName,\n        gender: values.salutation,\n        email: values.email,\n        phone: values.phone,\n        street: values.street,\n        number: values.number,\n        box: values.mailbox,\n        postalCode: values.postalCode,\n        city: values.city,\n        country: values.country,\n        tags: [5],\n      };\n      if (values.checkNewsletter) {\n        request.tags.push(3);\n      }\n      setIsEnabled(false);\n      requestBrochure(request);\n    }\n  };\n\n  const handleBlur = e => {\n    setTouched(\n      Object.assign({}, touched, {\n        [e.target.name]: true,\n      })\n    );\n  };\n\n  const handleChange = e => {\n    e.persist();\n    if (e.target.type === \"checkbox\") {\n      values[e.target.name] = e.target.checked;\n      setValues(values);\n      validateForm();\n    } else {\n      setValues(\n        Object.assign({}, values, {\n          [e.target.name]: e.target.value,\n        })\n      );\n    }\n  };\n\n  return (\n    <div className=\"form-wrapper\">\n      <h2>{data.content.general.title}</h2>\n      <form className=\"form\">\n        <div className=\"form__row form__row--salutation\">\n          <div className=\"form__col\">\n            <label className={`form__label ${touched.salutation && errors.salutation ? \"form__label--error\" : \"\"}`}>\n              Aanspreektitel *\n            </label>\n            <div className=\"radio-buttons\">\n              <div className=\"radio-button\">\n                <input id=\"sir\" type=\"radio\" name=\"salutation\" value=\"0\" onChange={handleChange} onBlur={handleBlur} />\n                <label htmlFor=\"sir\">Dhr</label>\n              </div>\n              <div className=\"radio-button\">\n                <input id=\"mrs\" type=\"radio\" name=\"salutation\" value=\"1\" onChange={handleChange} onBlur={handleBlur} />\n                <label htmlFor=\"mrs\">Mw</label>\n              </div>\n              <div className=\"radio-button\">\n                <input\n                  id=\"different\"\n                  type=\"radio\"\n                  name=\"salutation\"\n                  value=\"2\"\n                  onChange={handleChange}\n                  onBlur={handleBlur}\n                />\n                <label htmlFor=\"different\">Anders</label>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"form__row\">\n          <div className=\"form__col form__col--sm-50 form__col--md-25\">\n            <label htmlFor=\"firstName\">\n              <span className={`form__label ${touched.firstName && errors.firstName ? \"form__label--error\" : \"\"}`}>\n                Voornaam *\n              </span>\n            </label>\n            <input\n              id=\"firstName\"\n              className={`form__input ${touched.firstName && errors.firstName ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"firstName\"\n              value={values.firstName}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--sm-50 form__col--md-25\">\n            <label htmlFor=\"lastName\">\n              <span className={`form__label ${touched.lastName && errors.lastName ? \"form__label--error\" : \"\"}`}>\n                Familienaam *\n              </span>\n            </label>\n            <input\n              id=\"lastName\"\n              className={`form__input ${touched.lastName && errors.lastName ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"lastName\"\n              value={values.lastName}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--sm-50 form__col--md-25\">\n            <label htmlFor=\"phone\">\n              <span className={`form__label ${touched.phone && errors.phone ? \"form__label--error\" : \"\"}`}>\n                Telefoonnummer\n              </span>\n            </label>\n            <input\n              id=\"phone\"\n              className={`form__input ${touched.phone && errors.phone ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"phone\"\n              value={values.phone}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--sm-50 form__col--md-25\">\n            <label htmlFor=\"email\">\n              <span className={`form__label ${touched.email && errors.email ? \"form__label--error\" : \"\"}`}>\n                E-mailadres *\n              </span>\n            </label>\n            <input\n              id=\"email\"\n              className={`form__input ${touched.email && errors.email ? \"form__input--error\" : \"\"}`}\n              type=\"email\"\n              name=\"email\"\n              value={values.email}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n        </div>\n\n        <div className=\"form__row\">\n          <div className=\"form__col form__col--50 form__col--md-70\">\n            <label htmlFor=\"street\">\n              <span className={`form__label ${touched.street && errors.street ? \"form__label--error\" : \"\"}`}>\n                Straat *\n              </span>\n            </label>\n            <input\n              id=\"street\"\n              className={`form__input ${touched.street && errors.street ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"street\"\n              value={values.street}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--25 form__col--md-20\">\n            <label htmlFor=\"number\">\n              <span className={`form__label ${touched.number && errors.number ? \"form__label--error\" : \"\"}`}>\n                Huisnummer *\n              </span>\n            </label>\n            <input\n              id=\"number\"\n              className={`form__input ${touched.number && errors.number ? \"form__input--error\" : \"\"}`}\n              type=\"number\"\n              name=\"number\"\n              value={values.number}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col  form__col--25 form__col--md-10\">\n            <label htmlFor=\"mailbox\">\n              <span className=\"form__label\">bus</span>\n            </label>\n            <input\n              id=\"mailbox\"\n              className=\"form__input\"\n              type=\"text\"\n              name=\"mailbox\"\n              value={values.mailbox}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n        </div>\n\n        <div className=\"form__row\">\n          <div className=\"form__col form__col--25\">\n            <label htmlFor=\"postalCode\">\n              <span className={`form__label ${touched.postalCode && errors.postalCode ? \"form__label--error\" : \"\"}`}>\n                Postcode *\n              </span>\n            </label>\n            <input\n              id=\"postalCode\"\n              className={`form__input ${touched.postalCode && errors.postalCode ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"postalCode\"\n              value={values.postalCode}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--50\">\n            <label htmlFor=\"city\">\n              <span className={`form__label ${touched.city && errors.city ? \"form__label--error\" : \"\"}`}>Stad *</span>\n            </label>\n            <input\n              id=\"city\"\n              className={`form__input ${touched.city && errors.city ? \"form__input--error\" : \"\"}`}\n              type=\"text\"\n              name=\"city\"\n              value={values.city}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n          <div className=\"form__col form__col--25\">\n            <label htmlFor=\"country\">\n              <span className=\"form__label\">Land *</span>\n            </label>\n            <input\n              id=\"country\"\n              className=\"form__input\"\n              type=\"text\"\n              name=\"country\"\n              value={values.country}\n              onChange={handleChange}\n              onBlur={handleBlur}\n            />\n          </div>\n        </div>\n\n        <div className=\"form__row\">\n          <div className=\"form__col\">\n            <label className=\"checkbox\">\n              <input\n                id=\"checkPrivacyPolicy\"\n                className={`checkbox__input ${\n                  touched.checkPrivacyPolicy && errors.checkPrivacyPolicy ? \"checkbox__input--error\" : \"\"\n                }`}\n                type=\"checkbox\"\n                name=\"checkPrivacyPolicy\"\n                value={values.checkPrivacyPolicy}\n                onChange={handleChange}\n                onBlur={handleBlur}\n              />\n              <span className=\"checkbox__label\">\n                Ik ga akkoord met de{\" \"}\n                <a href={`/${privacy}` ?? \"/\"} target=\"_blank\">\n                  privacy policy *\n                </a>\n                .\n              </span>\n            </label>\n          </div>\n        </div>\n        <div className=\"form__row\">\n          <div className=\"form__col\">\n            <label className=\"checkbox\">\n              <input\n                id=\"checkNewsletter\"\n                className=\"checkbox__input\"\n                type=\"checkbox\"\n                name=\"checkNewsletter\"\n                value={values.checkNewsletter}\n                onChange={handleChange}\n                onBlur={handleBlur}\n              />\n              <span className=\"checkbox__label\">{data.content.general.subscribeToNewsLetter}</span>\n            </label>\n          </div>\n        </div>\n\n        {Boolean(Object.keys(touched).filter(key => Boolean(errors[key])).length) && (\n          <div className=\"form__row form__row--alter\">\n            <div className=\"form__col\">\n              <div className=\"error\">Volgende velden zijn niet correct ingevuld. Kijk deze even na:</div>\n            </div>\n            <div className=\"form__col form__col--errors\">\n              {Object.keys(touched)\n                .filter(key => Boolean(errors[key]))\n                .map((item, index) => (\n                  <label className=\"errorlabel\" key={index}>\n                    {errors[item]}\n                  </label>\n                ))}\n            </div>\n          </div>\n        )}\n        {Boolean(isSent) && (\n          <div className=\"form__row\">\n            <div className=\"form__col\">\n              <label className=\"successlabel\">Uw aanvraag is verstuurd, bedankt!</label>\n            </div>\n          </div>\n        )}\n        {Boolean(errors.fail) && (\n          <div className=\"form__row\">\n            <div className=\"form__col\">\n              <label className=\"error errorlabel\">Verzoek niet verwerkt, probeer later opnieuw.</label>\n            </div>\n          </div>\n        )}\n        <div className=\"form__row\">\n          <SubmitButton\n            text={data.content.general.buttonText}\n            isLoading={isLoading}\n            isEnabled={isEnabled}\n            onClick={handleSubmit}\n            isSecondary={false}\n          />\n        </div>\n      </form>\n    </div>\n  );\n};\nexport default BrochureForm;\n","import { Link } from \"gatsby\";\nimport React from \"react\";\nimport { addWidthParameter } from \"../../../utils/addWidthParameter\";\n\nexport default ({ inspiration }) => {\n  // Fast escape\n  if (!inspiration || !inspiration.content || !inspiration.content.general) {\n    return <></>;\n  }\n\n  return (\n    <div className=\"inspiration-card\">\n      <Link to={inspiration.content.general.path} className=\"link link--plain\">\n        <div className=\"inspiration-card__header\">\n          <img\n            src={addWidthParameter(inspiration.content.general.image?.url, 714)}\n            alt={inspiration.content.general.title}\n          />\n          <div>\n            <div className=\"inspiration-card__tag\">{inspiration.content.general.tag}</div>\n          </div>\n        </div>\n      </Link>\n      <div className=\"inspiration-card__title\">\n        <h5>\n          <Link to={inspiration.content.general.path} className=\"link link--plain\">\n            {inspiration.content.general.title}\n          </Link>\n        </h5>\n      </div>\n      <div className=\"inspiration-card__description\">{inspiration.content.general.description}</div>\n    </div>\n  );\n};\n","import { Link } from \"gatsby\";\nimport React, { useContext } from \"react\";\nimport { addWidthParameter } from \"../../../utils/addWidthParameter\";\nimport GlobalContext from \"../../../contexts/global-provider\";\nimport { getMonths } from \"../../../utils/dateUtils\";\n\nconst CruiseTypeCard = ({ theme, cruiseType }) => {\n  const { setSearchSelection } = useContext(GlobalContext);\n  // Fast escape\n  if (!cruiseType || !cruiseType.content || !cruiseType.content.general || !cruiseType.content.usps) {\n    return <></>;\n  }\n\n  const usps = [cruiseType.content.usps.usP1, cruiseType.content.usps.usP2, cruiseType.content.usps.usP3];\n\n  // Actions\n  const handleClick = cruiseType => {\n    setSearchSelection({\n      selectedCruiseTypes: [cruiseType],\n      selectedSailingAreas: [],\n      selectedDates: getMonths(),\n      selectedDurations: [],\n    });\n  };\n\n  return (\n    <div className=\"cruise-type-card\">\n      {Boolean(cruiseType.content.general.image) && (\n        <div className=\"cruise-type-card__header\">\n          <Link\n            to={`/products?cruiseType=${cruiseType.itemId}`}\n            onClick={() => handleClick(cruiseType)}\n            className=\"link link--plain\"\n          >\n            <img\n              src={addWidthParameter(cruiseType.content.general.image?.url, 1136)}\n              alt={cruiseType.content.general.title}\n              className=\"cruise-type-card__header-media\"\n            />\n          </Link>\n        </div>\n      )}\n\n      <div className=\"cruise-type-card__body\">\n        <h3 className=\"cruise-type-card__title\">\n          <Link\n            to={`/products?cruiseType=${cruiseType.itemId}`}\n            onClick={() => handleClick(cruiseType)}\n            className=\"link link--plain\"\n          >\n            {cruiseType.content.general.title}\n          </Link>\n        </h3>\n        <div\n          className=\"cruise-type-card__description\"\n          dangerouslySetInnerHTML={{\n            __html: cruiseType.content.general.description,\n          }}\n        />\n        <div className=\"cruise-type-card__usps\">\n          {usps.map((x, i) => {\n            if (!x?.content?.general) {\n              return <div key={i}></div>;\n            }\n\n            return (\n              <div key={i} className=\"cruise-type-card__usp\">\n                <img\n                  src={`/${theme}/svg/${x.content.general.icon}.svg`}\n                  alt={x.content.general.text}\n                  className=\"cruise-type-card__usp-icon\"\n                />\n                <p>{x.content.general.text}</p>\n              </div>\n            );\n          })}\n        </div>\n        <div className=\"cruise-type-card__cta\">\n          <Link\n            to={`/products?cruiseType=${cruiseType.itemId}`}\n            onClick={() => handleClick(cruiseType)}\n            className=\"cta\"\n          >\n            Toon alle {cruiseType.content.general.title.toLowerCase()}\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CruiseTypeCard;\n","import React from \"react\";\nimport Newsletter from \"../newsletter\";\n\nconst PageBlockNewsletter = ({ data }) => {\n  return (\n    <section className=\"newsletter\">\n      <div className=\"newsletter__title\">\n        <h2>\n          Val niet uit de boot, <br />\n          blijf op de hoogte.\n        </h2>\n      </div>\n      <Newsletter\n        description={data.content.general.text}\n        templateId={data.content.general.conformationEmailTemplate?.key}\n        showInFooter={false}\n      ></Newsletter>\n    </section>\n  );\n};\n\nexport default PageBlockNewsletter;\n","import { Helmet } from \"react-helmet\";\nimport Layout from \"./layout\";\nimport React, { useContext } from \"react\";\nimport SeoHeaders from \"../components/seo/seo-headers\";\nimport pageBlock2columntextwithsidetitle from \"../components/page-blocks/page-block-2columntextwithsidetitle\";\nimport pageBlock2columntextwithtitle from \"../components/page-blocks/page-block-2columntextwithtitle\";\nimport pageBlock3columnimagetext from \"../components/page-blocks/page-block-3columnimagetext\";\nimport pageBlockAdvantages from \"../components/page-blocks/pageBlockAdvantages\";\nimport pageBlockBrochure from \"../components/page-blocks/page-block-brochure\";\nimport pageBlockBrochureForm from \"../components/page-blocks/page-block-brochure-form\";\nimport pageBlockContact from \"../components/page-blocks/page-block-contact\";\nimport pageBlockCruiseInspirations from \"../components/page-blocks/page-block-cruiseinspirations/pageBlockCruiseInspirations\";\nimport pageBlockCruiseTypes from \"../components/page-blocks/page-block-cruisetypes/pageBlockCruiseTypes\";\nimport pageBlockDynamic from \"../components/page-blocks/page-block-dynamic/pageBlockDynamic\";\nimport pageBlockHeader from \"../components/page-blocks/page-block-header\";\nimport pageBlockImagesidetext from \"../components/page-blocks/page-block-imagesidetext.jsx\";\nimport pageBlockImageswithhovercaption from \"../components/page-blocks/page-block-imageswithhovercaption\";\nimport pageBlockLargeimagesidetext from \"../components/page-blocks/page-block-largeimagesidetext\";\nimport pageBlockNewsletter from \"../components/page-blocks/page-block-newsletter\";\nimport pageBlockParagraphwithsidebar from \"../components/page-blocks/page-block-paragraphwithsidebar\";\nimport pageBlockQuote from \"../components/page-blocks/page-block-quote\";\nimport pageBlockTextgallery from \"../components/page-blocks/page-block-textgallery\";\nimport pageBlockTextpageblockhighlight from \"../components/page-blocks/page-block-textpageblockhighlight\";\nimport { websiteName } from \"../settings\";\nimport GlobalContext from \"../contexts/global-provider\";\n\nconst Page = ({\n  pageContext: { page, sailingAreas, navigation, privacy, cruiseTypes, cmsProducts, erpSailingAreas },\n  location,\n}) => {\n\n  const {setNavigation, setPrivacy, theme} = useContext(GlobalContext);\n  setNavigation(navigation);\n  setPrivacy(privacy);\n\n  // Fast escape\n  if (!page?.children?.length) {\n    return <></>;\n  }\n\n  const seo = page.content.seo;\n  const pageTitle = seo && seo.title ? seo.title : page.content.general.title;\n\n  // Parse components\n  var renderComponents = parseComponents(page.children);\n\n  // Layout\n  return (\n    <Layout\n      isTiny={Boolean(page.content.layout.isTiny)}\n      headerImage={page.content.general.headerImage}\n      headerText={page.content.general.headerText}\n      showQsm={Boolean(page.content.layout.qsm)}\n      isTinted={Boolean(page.content.layout.backgroundTinted)}\n      sailingAreas={sailingAreas}\n      cruiseTypes={cruiseTypes}\n      erpSailingAreas={erpSailingAreas}\n    >\n      <SeoHeaders seo={seo} pageTitle={pageTitle} pagePath={location.pathname} siteName={websiteName[theme]} />\n      <Helmet>\n        <title>{pageTitle}</title>\n      </Helmet>\n\n      {renderComponents.map((renderComponent, index) => {\n        return (\n          <renderComponent.component\n            key={index}\n            theme={theme}\n            data={renderComponent.data}\n            privacy={privacy}\n            cmsProducts={cmsProducts}\n          />\n        );\n      })}\n    </Layout>\n  );\n};\nexport default Page;\n\nconst parseComponents = pageComponents => {\n  const renderComponents = [];\n  // Match CMS components with website components\n  for (var pageComponent of pageComponents) {\n    if (!componentRepository[pageComponent.templateName.toLowerCase()]) {\n      continue;\n    }\n\n    renderComponents.push({\n      component: componentRepository[pageComponent.templateName.toLowerCase()],\n      data: pageComponent,\n    });\n  }\n\n  return renderComponents;\n};\n\nconst componentRepository = {\n  \"block-cruisetypes\": pageBlockCruiseTypes,\n  \"block-cruiseinspirations\": pageBlockCruiseInspirations,\n  \"block-header\": pageBlockHeader,\n  \"block-2columntextwithtitle\": pageBlock2columntextwithtitle,\n  \"block-3columnimagetext\": pageBlock3columnimagetext,\n  \"block-textgallery\": pageBlockTextgallery,\n  \"block-imagesidetext\": pageBlockImagesidetext,\n  \"block-paragraphwithsidebar\": pageBlockParagraphwithsidebar,\n  \"block-largeimagesidetext\": pageBlockLargeimagesidetext,\n  \"block-textblockhighlight\": pageBlockTextpageblockhighlight,\n  \"block-quote\": pageBlockQuote,\n  \"block-dynamic\": pageBlockDynamic,\n  \"block-contactform\": pageBlockContact,\n  \"block-newsletter\": pageBlockNewsletter,\n  \"block-brochure-aanvraag\": pageBlockBrochure,\n  \"block-brochure-formulier\": pageBlockBrochureForm,\n  \"block-advantages\": pageBlockAdvantages,\n  // Not released in Tide\n  \"block-2columntextwithsidetitle\": pageBlock2columntextwithsidetitle,\n  \"block-imageswithhovercaption\": pageBlockImageswithhovercaption,\n};\n","import React from \"react\";\nimport CruiseTypeCard from \"./cruiseTypeCard\";\n\nexport default ({ theme, data }) => {\n  // Fast escape\n  if (\n    !data ||\n    !data.content ||\n    !data.content.general ||\n    !data.content.general.cruisetype1 ||\n    !data.content.general.cruisetype2 ||\n    !data.content.general.cruisetype3\n  ) {\n    return <></>;\n  }\n\n  const general = data.content.general;\n  const cruiseTypes = [general.cruisetype1, general.cruisetype2, general.cruisetype3];\n\n  return (\n    <section className=\"cruise-types\">\n      <div className=\"cruise-types__content\">\n        {cruiseTypes.map((cruiseType, index) => (\n          <div key={index} className=\"cruise-types__item\">\n            <CruiseTypeCard theme={theme} cruiseType={cruiseType} />\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\nimport InspirationCard from \"./inspirationCard\";\n\nexport default ({ data }) => {\n  // Fast escape\n  if (\n    !data ||\n    !data.content ||\n    !data.content.general ||\n    !data.content.general.cruiseInspiration1 ||\n    !data.content.general.cruiseInspiration2 ||\n    !data.content.general.cruiseInspiration3\n  ) {\n    return <></>;\n  }\n\n  const general = data.content.general;\n  const cruiseInspirations = [general.cruiseInspiration1, general.cruiseInspiration2, general.cruiseInspiration3];\n\n  return (\n    <section className=\"inspiration\">\n      <div className=\"inspiration__title\">\n        <h2>Cruise-inspiratie</h2>\n      </div>\n      <div className=\"inspiration__content\">\n        {cruiseInspirations.map((inspiration, index) => (\n          <div key={index} className=\"inspiration__item\">\n            <InspirationCard inspiration={inspiration} />\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\n\nexport default ({ data }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  if (!data.content.general) {\n    return null;\n  }\n\n  const blockdata = data.content.general;\n\n  return (\n    <section className=\"page-block-quote\">\n      <div className=\"page-block-quote__container\">\n        <hr />\n        <div className=\"page-block-quote__row\">\n          <div className=\"page-block-quote__col\">\n            <span className=\"page-block-quote__phrase\" dangerouslySetInnerHTML={{ __html: blockdata.text }} />\n          </div>\n          <div className=\"page-block-quote__col\">\n            <span className=\"page-block-quote__author-marks\">~</span>\n            <span className=\"page-block-quote__author\" dangerouslySetInnerHTML={{ __html: blockdata.author }}></span>\n          </div>\n        </div>\n        <hr />\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\nimport BrochureForm from \"../contact/brochureForm\";\n\nexport default ({ data, privacy }) => {\n  return <BrochureForm data={data} privacy={privacy} />;\n};\n","import React from \"react\";\nimport { Link } from \"gatsby\";\n\nexport default ({ theme, data }) => {\n  // Fast escape\n  if (\n    !data ||\n    !data.content ||\n    !data.content.general ||\n    !data.content.advantages ||\n    !data.content.advantages.advantage1 ||\n    !data.content.advantages.advantage2 ||\n    !data.content.advantages.advantage3 ||\n    !data.content.advantages.advantage4 ||\n    !data.content.advantages.advantage5\n  ) {\n    return <></>;\n  }\n\n  const advantages = [\n    data.content.advantages.advantage1,\n    data.content.advantages.advantage2,\n    data.content.advantages.advantage3,\n    data.content.advantages.advantage4,\n    data.content.advantages.advantage5,\n  ];\n\n  return (\n    <section className=\"cruises\">\n      <div className=\"cruises__title\">\n        <h2>{data.content.general.title}</h2>\n      </div>\n      <div className=\"cruises__content\">\n        {advantages.map((advantage, index) => (\n          <div key={index} className=\"cruises__item\">\n            {/* For now we have decided (with Thalassa) to always show the cruise icon. Reason: the text can be changed in the CMS but this won't always match the icon anymore */}\n            <img src={`/${theme}/svg/cruise-4.svg`} alt=\"cruise\" className=\"cruises__item-icon\" />\n            <p>{advantage}</p>\n          </div>\n        ))}\n      </div>\n      <div className=\"cruises__cta\">\n        <Link to={`/${data.content.general.path}`}>Ontdek alle voordelen</Link>\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\n\nexport default ({ data }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  if (!(data.content.general && data.content.layout)) {\n    return null;\n  }\n  const blockdata = data.content.general;\n  const layout = data.content.layout;\n\n  let className = \"page-block-2columntextwithsidetitle\";\n\n  if (layout.textPositionRight) {\n    className += \" page-block-2columntextwithsidetitle--right\";\n  }\n\n  return (\n    <section className={className}>\n      <div className=\"page-block-2columntextwithsidetitle__container\">\n        <div className=\"page-block-2columntextwithsidetitle__row\">\n          <div className=\"page-block-2columntextwithsidetitle__header\">\n            <h2>{blockdata.title}</h2>\n          </div>\n          <div className=\"page-block-2columntextwithsidetitle__content\">\n            <div\n              className=\"page-block-2columntextwithsidetitle__col\"\n              dangerouslySetInnerHTML={{ __html: blockdata.text1 }}\n            />\n            <div\n              className=\"page-block-2columntextwithsidetitle__col\"\n              dangerouslySetInnerHTML={{ __html: blockdata.text2 }}\n            />\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\n\nexport default ({ data }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general;\n  const gallery = data.content.gallery;\n\n  if (!(blockdata && gallery)) {\n    return null;\n  }\n  return (\n    <section className=\"page-block-imageswithhovercaption\">\n      <div className=\"page-block-imageswithhovercaption__container\">\n        <div className=\"page-block-imageswithhovercaption__row\">\n          <h2>{blockdata.title}</h2>\n        </div>\n        <div className=\"page-block-imageswithhovercaption__row\">\n          <div className=\"page-block-imageswithhovercaption__col\">\n            <figure className=\"page-block-imageswithhovercaption__figure\">\n              <img src={gallery.image1?.url} className=\"page-block-imageswithhovercaption__img\" alt={blockdata.title} />\n              <figcaption className=\"page-block-imageswithhovercaption__figcaption\">\n                <p>{blockdata.caption1}</p>\n              </figcaption>\n            </figure>\n            <figure className=\"page-block-imageswithhovercaption__figure\">\n              <img src={gallery.image2?.url} className=\"page-block-imageswithhovercaption__img\" alt={blockdata.title} />\n              <figcaption className=\"page-block-imageswithhovercaption__figcaption\">\n                <p>{blockdata.caption2}</p>\n              </figcaption>\n            </figure>\n            <figure className=\"page-block-imageswithhovercaption__figure\">\n              <img src={gallery.image3?.url} className=\"page-block-imageswithhovercaption__img\" alt={blockdata.title} />\n              <figcaption className=\"page-block-imageswithhovercaption__figcaption\">\n                <p>{blockdata.caption3}</p>\n              </figcaption>\n            </figure>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\n\nexport default ({ data }) => {\n  if (!data.content.general) {\n    return null;\n  }\n\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general; // data.content.informatie && data.content.informatie.vertrekdata;\n\n  return (\n    Boolean(blockdata) && (\n      <section className=\"page-block-2columntextwithtitle\">\n        <div className=\"page-block-2columntextwithtitle__container\">\n          <div className=\"page-block-2columntextwithtitle__header\">\n            <h2>{blockdata.title}</h2>\n          </div>\n          <div className=\"page-block-2columntextwithtitle__row\">\n            <div\n              className=\"page-block-2columntextwithtitle__col\"\n              dangerouslySetInnerHTML={{ __html: blockdata.text1 }}\n            />\n            <div\n              className=\"page-block-2columntextwithtitle__col\"\n              dangerouslySetInnerHTML={{ __html: blockdata.text2 }}\n            />\n          </div>\n        </div>\n      </section>\n    )\n  );\n};\n","import React from \"react\";\nimport { addWidthParameter } from \"../../utils/addWidthParameter\";\n\nexport default ({ data }) => {\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general;\n  const layout = data.content.layout;\n\n  let className = \"page-block-largeimagesidetext\";\n\n  if (!(blockdata && layout)) {\n    return null;\n  }\n\n  if (Boolean(layout.textPositionLeft)) {\n    className += \" page-block-largeimagesidetext--left\";\n  }\n\n  return (\n    <section className={className}>\n      <div className=\"page-block-largeimagesidetext__container\">\n        <div className=\"page-block-largeimagesidetext__image\">\n          <img src={addWidthParameter(blockdata.image?.url, 1600)} alt={blockdata.image.altText} />\n        </div>\n        <div className=\"page-block-largeimagesidetext__wrapper\">\n          <div className=\"page-block-largeimagesidetext__body\">\n            <div className=\"page-block-largeimagesidetext__title\">\n              <h2>{blockdata.title}</h2>\n            </div>\n            <div\n              className=\"page-block-largeimagesidetext__description\"\n              dangerouslySetInnerHTML={{ __html: blockdata.text }}\n            />\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import React from \"react\";\nimport { addWidthParameter } from \"../../utils/addWidthParameter\";\n\nexport default ({ data }) => {\n  if (!data.content.general) {\n    return null;\n  }\n\n  // data.content should be filled in, others require null check. If validation is wrong return null (if data is empty)\n  const blockdata = data.content.general; // data.content.informatie && data.content.informatie.vertrekdata;\n\n  return (\n    Boolean(blockdata) && (\n      <section className=\"page-block-3columnimagetext\">\n        <div className=\"page-block-3columnimagetext__container\">\n          <div className=\"page-block-3columnimagetext__row\">\n            <div className=\"page-block-3columnimagetext__col\">\n              <div\n                className=\"page-block-3columnimagetext__header\"\n                style={{ backgroundImage: `url('${addWidthParameter(blockdata.image1?.url, 736)}')` }}\n              />\n              <div\n                className=\"page-block-3columnimagetext__description\"\n                dangerouslySetInnerHTML={{ __html: blockdata.text1 }}\n              />\n            </div>\n            <div className=\"page-block-3columnimagetext__col\">\n              <div\n                className=\"page-block-3columnimagetext__header\"\n                style={{ backgroundImage: `url('${addWidthParameter(blockdata.image2?.url, 736)}')` }}\n              />\n              <div\n                className=\"page-block-3columnimagetext__description\"\n                dangerouslySetInnerHTML={{ __html: blockdata.text2 }}\n              />\n            </div>\n            <div className=\"page-block-3columnimagetext__col\">\n              <div\n                className=\"page-block-3columnimagetext__header\"\n                style={{ backgroundImage: `url('${addWidthParameter(blockdata.image3?.url, 736)}')` }}\n              />\n              <div\n                className=\"page-block-3columnimagetext__description\"\n                dangerouslySetInnerHTML={{ __html: blockdata.text3 }}\n              />\n            </div>\n          </div>\n        </div>\n      </section>\n    )\n  );\n};\n"],"sourceRoot":""}