https://bluesafaricollection.com/component---src-templates-experiences-js-9d0e0422a2cf0052cf66.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[387],{2452:function(e,t,a){a.r(t),a.d(t,{default:function(){return I}});var l=a(96540),n=a(93895),i=a(22166),r=a(20312),s=a.n(r),c=a(60783);const m=(0,l.lazy)(()=>a.e(957).then(a.t.bind(a,98957,23)));var o=({module:e})=>{const[t,a]=l.useState(!1);function n(){document.body.classList.remove("modal-open"),a(!1)}return l.createElement("section",{className:"relative banner-wrapper half-banner "+(e.extraClass?` ${e.extraClass}`:""),id:e.extraId},(null==e?void 0:e.backgroundImage)&&l.createElement("div",{className:"relative hidden w-full h-full overflow-hidden banner-img md:block"},l.createElement("div",{className:"img landscape"},l.createElement(c.A,{imgData:e.backgroundImage.mediaItemUrl,imgAlt:e.backgroundImage.altText,width:1440,height:572,imgLoad:"eager"}))),(null==e?void 0:e.backgroundImageMobile)&&l.createElement("div",{className:"relative hidden w-full h-full overflow-hidden banner-img mdscreen:block"},l.createElement("div",{className:"img landscape"},l.createElement(c.A,{imgData:e.backgroundImageMobile.mediaItemUrl,imgAlt:e.backgroundImageMobile.altText,width:1440,height:572,imgLoad:"eager"}))),l.createElement("div",{className:"absolute top-0 left-0 flex flex-col items-center justify-end w-full h-full text-center banner-content z-1"},((null==e?void 0:e.preHeading)||(null==e?void 0:e.heading))&&l.createElement("div",{className:"title title-white flex flex-col gap-[15px]"},(null==e?void 0:e.preHeading)&&l.createElement("h4",{className:"subtitle"},e.preHeading),(null==e?void 0:e.heading)&&l.createElement("h2",null,e.heading)),(null==e?void 0:e.videoUrl)&&l.createElement("div",{className:"banner-ico mt-20"},l.createElement("div",{className:"video flex flex-wrap items-center justify-center w-full h-full"},l.createElement("button",{onClick:()=>{document.body.classList.add("modal-open"),a(!0)},className:"group/video-ico"},l.createElement("div",{className:"flex justify-center items-center h-[20px] w-[20px] border-2 border-white-100 rounded-100 group-hover/video-ico:bg-white-100 transition-common"},l.createElement("img",{src:"/images/play_ico.svg",alt:"play-ico",height:5,width:5,className:"ml-[1px] group-hover/video-ico:filter-black transition-common"})),"Watch full video"),l.createElement(s(),{isOpen:t,style:{content:{top:"50%",left:"50%",right:"auto",bottom:"auto",marginRight:"-50%",transform:"translate(-50%, -50%)",padding:"0",border:"0",borderRadius:"0",width:"100%",height:"100%",backgroundColor:"black"},overlay:{zIndex:"99999"}},onRequestClose:n,contentLabel:"Example Modal"},l.createElement("div",{className:"video-modal-popup h-full"},l.createElement("button",{onClick:n,className:"absolute z-1 right-50 top-50 bg-white-100 flex items-center justify-center w-50 h-50 rounded-100"},l.createElement("svg",{width:"20",height:"19",viewBox:"0 0 20 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l.createElement("line",{x1:"1.35355",y1:"0.646447",x2:"19.0312",y2:"18.3241",stroke:"black"}),l.createElement("line",{x1:"0.646447",y1:"18.6464",x2:"18.3241",y2:"0.968777",stroke:"black"}))),l.createElement("div",{className:"flex flex-wrap items-center w-full h-full"},l.createElement("div",{className:"w-full h-full"},l.createElement("div",{className:"modal-video h-full"},l.createElement(l.Suspense,{fallback:null},l.createElement(m,{className:"modal-banner-video !w-full !h-full",loop:!0,playing:!0,controls:!1,muted:!1,url:e.videoUrl.url})))))))))))};var d=a(89063),u=a(57398),p=a(10900),g=a(33685),f=a(64417);var x=({module:e})=>{const{0:t,1:a}=(0,l.useState)(null),n=(0,l.useRef)(null),i=(0,l.useRef)(null),{0:r,1:s}=(0,l.useState)(!1),m=(0,d.W)(i),o={hidden:{opacity:0},show:{opacity:1,transition:{duration:.5,ease:"easeOut",delayChildren:.5,staggerChildren:.2}}},x={hidden:{opacity:0,y:20},show:{opacity:1,y:0,transition:{duration:.8,ease:"easeInOut",delayChildren:.5,staggerChildren:.2}}};(0,l.useEffect)(()=>{m&&!r&&s(!0)},[m,r,s]),(0,l.useEffect)(()=>{t&&t.on("slideChange",()=>{})},[t]);const h=e=>{a(e)},v=()=>{t&&t.slideNext()},w=()=>{t&&t.slidePrev()},{0:E,1:b}=(0,l.useState)(0);return(0,l.useEffect)(()=>

1{if("undefined"!=typeof window){const e=()=>{(()=>{const e=document.querySelectorAll("#highlightslider-container .img");let t=0;e.forEach(e=>{const a=e.offsetHeight;a>t&&(t=a)}),b(t)})()};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}},[]),"no"===e.hideSection?l.createElement(u.m.section,{initial:"hidden",animate:m||r?"show":"hidden",variants:o,className:"highlight-wrapper w-full relative overflow-hidden py-100 lgscreen:py-50 bg-green-300 "+(e.extraClass?` ${e.extraClass}`:""),id:e.extraId},l.createElement(u.m.div,{ref:i,initial:"hidden",animate:m||r?"show":"hidden",variants:o},l.createElement("div",{className:"container-fluid"},l.createElement("div",{className:"flex flex-wrap items-center justify-center m-0 p-0 w-full text-center relative"},l.createElement("div",{className:"w-full lg:max-w-[647px]"},(null==e?void 0:e.heading)&&l.createElement(u.m.div,{variants:x,className:"title title-green-200 mb-10 last:mb-0"},l.createElement("h2",null,e.heading)),(null==e?void 0:e.description)&&l.createElement(u.m.div,{variants:x,className:"content mb-40 last:mb-0"},(0,p.Ay)(e.description))))),e.imageSlider.length>0&&l.createElement(u.m.div,{variants:x,id:"highlightslider-container",className:"relative mt-50 first:mt-0",ref:n},l.createElement(f.RC,{slidesPerView:4,spaceBetween:30,centeredSlides:!1,loop:!0,onSwiper:h,speed:1e3,breakpoints:{320:{slidesPerView:1.5,spaceBetween:20},768:{slidesPerView:3,spaceBetween:30},1024:{slidesPerView:4,spaceBetween:30}},modules:[g.Ij],className:"explorslider"},null==e?void 0:e.imageSlider.concat(null==e?void 0:e.imageSlider).map((e,t)=>l.createElement(f.qr,{key:t},l.createElement("div",{className:"card"},l.createElement("div",{className:"img portrait"},(null==e?void 0:e.image)&&l.createElement(c.A,{height:834,width:800,imgAlt:e.image.altText,imgData:e.image.mediaItemUrl,imgLoad:"lazy"})),(null==e?void 0:e.title)&&l.createElement("span",null,(0,p.Ay)(e.title))))),l.createElement("div",{className:"absolute top-0 w-fill-available flex flex-wrap items-center justify-between lg:h-[calc(100%_-_78px)] gap-5 swiper-arrow z-1 before:content-[attr(before)] before:absolute before:top-0 before:left-0 before:w-[calc(30vw-15px)] before:h-full after:content-[attr(after)] after:absolute after:top-0 after:right-0 after:w-[calc(30vw-15px)] after:h-full after:-z-1 after:pointer-events-none before:pointer-events-none lgscreen:after:opacity-60 lgscreen:before:opacity-60",style:{height:E}},l.createElement("button",{className:"cursor-pointer button-prev mx-30 lg:mx-[11%] relative",onClick:w},l.createElement("img",{src:"/images/arrow-w-prev.svg",width:14,height:16,alt:"prev"})),l.createElement("button",{className:"cursor-pointer button-next mx-30 lg:mx-[11%]",onClick:v},l.createElement("img",{src:"/images/arrow-w-nxt.svg",width:14,height:16,alt:"next"}))))))):null};var h=a(24794);var v=({module:e})=>{const{0:t,1:a}=(0,l.useState)(null),n=(0,l.useRef)(null),i=(0,l.useRef)(null),{0:r,1:s}=(0,l.useState)(!1),m=(0,d.W)(i),o={hidden:{opacity:0},show:{opacity:1,transition:{duration:.5,ease:"easeOut",delayChildren:.5,staggerChildren:.2}}},p={hidden:{opacity:0,y:20},show:{opacity:1,y:0,transition:{duration:.8,ease:"easeInOut",delayChildren:.5,staggerChildren:.2}}};(0,l.useEffect)(()=>{m&&!r&&s(!0)},[m,r,s]),(0,l.useEffect)(()=>{t&&t.on("slideChange",()=>{})},[t]);const x=e=>{a(e)},v=()=>{t&&t.slideNext()},w=()=>{t&&t.slidePrev()};if("no"===e.hideSection)return l.createElement(u.m.section,{initial:"hidden",animate:m||r?"show":"hidden",variants:o,className:"Offerslider-wrapper w-full relative overflow-hidden py-60 bg-green-300 "+(e.extraClass?` ${e.extraClass}`:""),id:e.extraId},(null==e?void 0:e.imageSlider)&&l.createElement(u.m.div,{ref:i,initial:"hidden",animate:m||r?"show":"hidden",variants:o,className:"container-fluid"},l.createElement("div",{className:"flex flex-wrap justify-center items-center"},l.createElement("div",{className:"w-full lg:max-w-[calc(100%_-_348px)]"},l.createElement(u.m.div,{variants:p,id:"Offerslider-container",className:"relative mt-50 first:mt-0",ref:n},l.createElement(f.RC,{slidesPerView:2,spaceBetween:30,centeredSlides:!1,loop:!0,onSwiper:x,speed:2e3,breakpoints:{320:{slidesPerView:1,spaceBetween:20},768:{slidesPerView:2,spaceBetween:30},1024:{slidesPerView:2,spaceBetween:30}},modules:[g.Ij],className:"Offerslider"},null==e?void 0:e.imageSlider.map((e,t)=>l.createElement(f.qr,{key:t},l.createElement(h.Link,{to:"#",className:"card-img"},(null==e?void 0:e.image)&&l.createElement("div",{className:"img landscape"},l.createElement(c.A,{imgData:e.image.mediaItemUrl,imgAlt:e.image.altText,width:1064,height:652,imgLoad:"lazy"}))),(null==e?void 0:e.description)&&l.createElement("div",{className:"card-content"},l.createElement("span",null,e.description)))))))),l.createElement("div",{className:"absolute lg:top-0 bottom-[25px] lgscreen:right-40  flex flex-wrap items-center justify-between lg:h-[c

1alc(100%_-_35px)] lg:w-[calc(100%_-_78px)] gap-5 lgscreen:gap-3 swiper-arrow "},l.createElement("button",{className:"cursor-pointer button-prev lg:ml-[100px] ",onClick:w},l.createElement("img",{src:"/images/arrow-g-prev.svg",width:14,height:16,alt:"prev"})),l.createElement("button",{className:"cursor-pointer button-next lg:mr-[100px]",onClick:v},l.createElement("img",{src:"/images/arrow-g-nxt.svg",width:14,height:16,alt:"next"})))))};var w=a(48356),E=a(48197),b=a(78475),y=a(74991),N=a(47566);var C=({module:e,location:t,postId:a})=>{const n=(0,l.useRef)(null),{0:i,1:r}=(0,l.useState)(!1),s=(0,d.W)(n),c={hidden:{opacity:0},show:{opacity:1,transition:{duration:.5,ease:"easeOut",delayChildren:.5,staggerChildren:.2}}},m={hidden:{opacity:0,y:20},show:{opacity:1,y:0,transition:{duration:.8,ease:"easeInOut",delayChildren:.5,staggerChildren:.2}}};(0,l.useEffect)(()=>{s&&!i&&r(!0)},[s,i,r]);const o=(0,h.useStaticQuery)("2593479760").allWpExperiences.nodes.filter(e=>e.id!==a),{0:x,1:v}=(0,l.useState)("undefined"!=typeof window&&window.innerWidth>575);return(0,l.useEffect)(()=>{if("undefined"!=typeof window){const e=()=>{v(window.innerWidth>575)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}},[]),"no"===e.hideSection?l.createElement(u.m.section,{initial:"hidden",animate:s||i?"show":"hidden",variants:c,className:"Offerslider-wrapper w-full relative overflow-hidden py-60 bg-green-300 mdscreen:py-20 "+(e.extraClass?` ${e.extraClass}`:""),id:e.extraId},l.createElement(u.m.div,{ref:n,initial:"hidden",animate:s||i?"show":"hidden",variants:c,className:"img-grid-with-text lg:py-120 py-60 mdscreen:py-0"},x?l.createElement("div",{className:"container-fluid"},l.createElement(u.m.div,{variants:m,className:"flex items-center max-w-[1400px] w-full mx-auto gap-x-[70px] xlscreen:flex-col xlscreen:gap-y-[20px]"},l.createElement("div",{className:"detail-text text-center ml-[-140px] mr-[-40px] laptop:ml-[-70px] hidden xlscreen:block xlscreen:mx-0 xlscreen:pb-20"},(null==e?void 0:e.heading)&&l.createElement("div",{className:"title title-green-200 opacity-80 mb-10 last:mb-0"},l.createElement("h2",null,e.heading)),(null==e?void 0:e.description)&&l.createElement("div",{className:"content"},(0,p.Ay)(e.description))),l.createElement("div",{className:"w-4/12 xlscreen:w-full"},l.createElement("div",{className:"flex flex-start flex-col justify-center gap-y-[102px] mt-[50px] xlscreen:gap-y-[20px] xlscreen:flex-row xlscreen:mt-0 xlscreen:gap-x-[20px] smscreen:flex-col"},o.slice(0,2).map((e,t)=>l.createElement("div",{key:t,className:`img img-${t+1}`},l.createElement("img",{src:e.featuredImage.node.mediaItemUrl,alt:e.featuredImage.node.altText,className:"w-full h-full object-cover"}),l.createElement("span",null,e.title))))),l.createElement("div",{className:"w-4/12 xlscreen:w-full"},l.createElement("div",{className:"flex items-center flex-col justify-center gap-y-[80px] xlscreen:gap-y-[20px] xlscreen:flex-row xlscreen:gap-x-[20px] smscreen:flex-col"},o.slice(2,4).map((e,t)=>l.createElement("div",{key:t,className:`img img-${t+3} ${0===t?"order-1":"order-3"}`},l.createElement("img",{src:e.featuredImage.node.mediaItemUrl,alt:e.featuredImage.node.altText,className:"w-full h-full object-cover"}),l.createElement("span",null,e.title))),l.createElement("div",{className:"detail-text order-2 text-center ml-[-140px] mr-[-40px] laptop:ml-[-70px] xlscreen:hidden"},(null==e?void 0:e.heading)&&l.createElement("div",{className:"title title-green-200 opacity-80 mb-10 last:mb-0"},l.createElement("h2",null,e.heading)),(null==e?void 0:e.description)&&l.createElement("div",{className:"content max-w-[568px] w-full mx-auto"},(0,p.Ay)(e.description))))),l.createElement("div",{className:"w-3/12 xlscreen:w-full"},l.createElement("div",{className:"flex flex-col justify-center gap-y-[102px] mt-[80px] xlscreen:gap-y-[20px] xlscreen:flex-row xlscreen:mt-0 xlscreen:gap-x-[20px] smscreen:flex-col desktop:items-end"},o.slice(4,6).map((e,t)=>l.createElement("div",{key:t,className:`img img-${t+5}`},l.createElement("img",{src:e.featuredImage.node.mediaItemUrl,alt:e.featuredImage.node.altText,className:"w-full h-full object-cover"}),l.createElement("span",null,e.title))))))):l.createElement("div",{className:"container-fluid"},l.createElement("div",{className:"detail-text text-center ml-[-140px] mr-[-40px] laptop:ml-[-70px] hidden xl

1screen:block xlscreen:mx-0 xlscreen:pb-20"},(null==e?void 0:e.heading)&&l.createElement("div",{className:"title title-green-200 opacity-80 mb-10 last:mb-0"},l.createElement("h2",null,e.heading)),(null==e?void 0:e.description)&&l.createElement("div",{className:"content"},(0,p.Ay)(e.description))),l.createElement("div",{className:"offer-slider-main"},l.createElement(f.RC,{slidesPerView:1,spaceBetween:30,centeredSlides:!1,loop:!0,speed:1e3,navigation:{nextEl:".offer-btn-next-1",prevEl:".offer-btn-prev-1",disabledClass:"btn-disabled"},modules:[g.Vx],className:"explorslider"},o.map((e,t)=>l.createElement(f.qr,{key:t},l.createElement("div",{className:"card"},l.createElement("div",{className:"img pt-[100%] portrait"},l.createElement("img",{src:e.featuredImage.node.mediaItemUrl,alt:e.featuredImage.node.altText,className:"w-full h-full object-cover"})),l.createElement("span",null,e.title)))),l.createElement("div",{className:"swiper-arrow absolute bottom-50 right-0 z-10 w-full flex items-center justify-end gap-x-[20px] pr-20"},l.createElement("button",{className:"cursor-pointer button-prev mx-30 lg:mx-[11%] relative offer-btn-prev-1 !h-[35px] !w-[35px] !m-0 white-swiper-btn"},l.createElement("img",{src:"/images/arrow-w-prev.svg",width:14,height:16,alt:"prev"})),l.createElement("button",{className:"cursor-pointer button-next mx-30 lg:mx-[11%] offer-btn-next-1 !h-[35px] !w-[35px] !m-0 white-swiper-btn"},l.createElement("img",{src:"/images/arrow-w-nxt.svg",width:14,height:16,alt:"next"})))))))):null};var k=e=>{const t=e.modules.experiencesContent,{location:a}=e,{postId:n}=e,i={Banner:o,ImageWithContent:b.A,ScubaDivingHighlights:x,ScubaImageSlider:v,FullwidthImageContent:w.A,VirtualVideoBanner:E.A,RelatedCards:y.A,Testimonial:N.A,RelatedExperience:C};return l.createElement(l.Fragment,null,t?t.map((e,t)=>{const r=e.__typename.replace("WpExperiences_Experiencescontent_ExperiencesContent_","");return i[r]&&l.createElement(i[r],{key:t,module:e,location:a,postId:n,i:t})}):null)};var I=e=>{const t=e.data.post,{location:a}=e,r=t.id;return l.createElement("div",{className:"fullPageanimation"},l.createElement(n.A,{props:e},l.createElement(i.A,{seo:t.seo}),l.createElement(k,{modules:t.experiencesContent,location:a,postId:r})))}}}]);
2//# sourceMappingURL=component---src-templates-experiences-js-9d0e0422a2cf0052cf66.js.map