https://csml-frontend.netlify.app/_next/static/chunks/pages/project-e3404eb255efa2c1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8512],{3668:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/project",function(){return n(2294)}])},4306:function(e,t){"use strict";t.Z={src:"/_next/static/media/cricle_arrow.f61b5dc2.svg",height:62,width:62}},9939:function(){},9779:function(e,t){"use strict";t.Z={src:"/_next/static/media/plus_icon.a0470241.svg",height:15,width:15}},2294:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return I},default:function(){return C}});var r=n(5893);n(9008);var o=n(5394),c=n(3695),i=n(1308),s=n(4712),a=n(7294),l=n(4362),d=n.n(l),_=n(1163),u=n(4608),m=n(5837),A=n.n(m);n(9042);var p=n(3313),h=n(6042),x=n(9396);n(5675);var f=n(6066);n(8322),n(8745);var b=n(7311),v=n(9779),g=n(8930),j=n.n(g),w=function(e){var t=e.title,n=e.red,o=e.ProductImg,c=e.index,i=e.imgData,s=(0,a.useRef)(),l=(0,a.useState)(!1),d=l[0],_=l[1],u=function(e){_(!0),document.querySelector("body").style.overflow="hidden"},m=function(){_(!1),document.querySelector("body").style.overflow="unset"};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"commonBorderAnimation",children:[(0,r.jsx)("div",{className:"ProductImg",children:(0,r.jsx)("img",{src:o,className:"border_12",alt:"product img"})}),(0,r.jsxs)("div",{className:"".concat(j().product_bottom_box," text_btn_sec f_r_aj_between"),children:[(0,r.jsx)("h5",{className:"text_md text_500 color_white",children:t}),(0,r.jsx)("div",{rel:"noreferrer",children:(0,r.jsx)("button",{className:"btn_plus",onClick:function(){return u(c)},children:(0,r.jsx)("span",{className:"".concat(j().arrow_one," arrow_one"),children:(0,r.jsx)("img",{src:v.Z.src,alt:"icon"})})})}),(0,r.jsx)("div",{className:"".concat(n&&j().color_red," dot_two dots_p")}),(0,r.jsx)("div",{className:"".concat(n&&j().color_red," dot_three dots_p")})]})]}),d&&(0,r.jsx)("div",{className:j().popup_overlay,children:(0,r.jsx)("div",{className:j().popup_content,children:(0,r.jsxs)("div",{className:j().popup_content_inner,children:[(0,r.jsx)("div",{className:"".concat(j().popup_header),children:(0,r.jsx)("button",{onClick:m,children:(0,r.jsx)("img",{src:p.Z.src,alt:"icon"})})}),(0,r.jsxs)("div",{className:j().popup_body,children:[(0,r.jsx)("h4",{className:"heading_text_55 pb_20",children:i.attributes.productTitle}),(0,r.jsx)("div",{className:"".concat(j().popup_flx),children:(0,r.jsx)(f.Z,(0,x.Z)((0,h.Z)({},{dots:!1,arrows:!0,infinite:!0,slidesToShow:1,autoplay:!0,autoplaySpeed:2e3,pauseOnHover:!1,speed:1e3}),{ref:s,children:i.attributes.ImagePopUrl.data.map(function(e,t){return(0,r.jsx)("div",{className:"".concat(j().slid_item," color_white"),children:(0,r.jsx)("img",{alt:"product popup",src:"".concat("https://backend.csmlgroup.com").concat(e.attributes.url)})})})}))}),(0,r.jsxs)("div",{className:"".concat(j().li_text," pt_30"),children:[(0,r.jsx)("h4",{className:"text_md text_500 pb_20",children:"Project Highlights"}),(0,b.ZP)(i.attributes.popDesc)]})]})]})})})]})},N=function(e){var t=function(t,n){i(t),x(e.data.data.filter(function(e){return n?e.attributes.titleDesc===t:e.attributes.title===t}))},n=Array.from(new Set(e.data.data.map(function(e){return e.attributes.title}))).sort(function(e,t){return"Clubs"===e?1:"Clubs"===t?-1:0});Array.from(new Set(e.data.data.map(function(e){return e.attributes.titleDesc}))),console.log(n);var o=(0,a.useState)(n[0]),c=o[0],i=o[1],s=(0,_.useRouter)(),l=s.query,m=s.isReady;(0,a.useEffect)(function(){if(m){var t=l.type;"Bowl"===t&&(t="Bowl and Bar");var r=t&&n.includes(t)?t:n[0];i(r),x(e.data.data.filter(function(e){return e.attributes.title===r})),d()({once:!0})}},[m,l.type]);var p=(0,a.useState)(e.data.data.filter(function(t){return t.attributes.title===e.data.data[0].attributes.title})),h=p[0],x=p[1];return(0,r.jsx)("section",{className:"ptb_100 dot_animation_box",children:(0,r.jsx)("div",{className:"container",children:(0,r.jsxs)("div",{className:"".concat(A().project_section),children:[(0,r.jsx)("div",{className:"".concat(A().tab_section),children:n.map(function(e,n){return(0,r.jsx)(u.Z,{title:e,white:!0,onClickHandler:t,isActive:c===e},n)})}),(0,r.jsx)("h2",{className:"heading_text_45 text_700 color_white ptb_60",children:h[0].attributes.titleDesc}),(0,r.jsx)("div",{className:"".concat(A().tab_info),children:h.map(function(e,t){var n,o,c,i;return(0,r.jsx)(w,{red:!0,imgData:h[t],index:t,title:e.attributes.productTitle,ProductImg:"".concat("https://backend.csmlgroup.com").concat((null==e?void 0:null===(n=e.attributes)||void 0===n?void 0:null===(o=n.imageUrl)||void 0===o?void 0:null===(c=o.data)||void 0===c?void 0:null===(i=c.attributes)||void 0===i?void 0:i.url)||"")},t)})})]})})})},B={src:"/_next/static/media/Picture4.6826137f.jpg",height:636,width:953,blurDataURL:"data:image/jpeg;

1base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAUACAMBIgACEQEDEQH/xAAoAAEBAAAAAAAAAAAAAAAAAAAABgEBAQAAAAAAAAAAAAAAAAAAAwT/2gAMAwEAAhADEAAAAJcHV//EABsQAAIDAAMAAAAAAAAAAAAAAAECAwQSAAUR/9oACAEBAAE/AOwWsDPYavrDSDG2Cnw8/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8Ar//EABoRAAAHAAAAAAAAAAAAAAAAAAABAiExQVH/2gAIAQMBAT8ATbnOj//Z",blurWidth:8,blurHeight:5},I=!0;function C(e){var t=e.projectsData;return(0,r.jsxs)("div",{children:[(0,r.jsx)(c.Z,{}),(0,r.jsx)(s.Z,{}),(0,r.jsxs)("main",{className:"".concat(A().ServicesConsultancyPage),children:[(0,r.jsx)(i.Z,{bannerTitle:"Journey Through Our <br className='hidden-xs'>Diverse Projects",bannerImg:B.src,mobileImg:B.src,alt1:"Projects",alt2:"Projects"}),(0,r.jsx)(N,{data:t})]}),(0,r.jsx)(o.Z,{})]})}},1308:function(e,t,n){"use strict";var r=n(5893),o=n(7311),c=n(7726),i=n.n(c);n(9939);var s=n(4306),a=function(e){var t=e.bannerImg,n=e.bannerTitle,c=e.bannerSubTitle,a=void 0===c?"":c,l=e.mobileImg,d=e.alt1,_=void 0===d?"banner img":d,u=e.alt2,m=void 0===u?"mobile banner":u,A=e.isChange,p=e.isProduct,h=e.showImageCredit,x=e.isASG,f=e.redirectToWhatsapp,b=e.redirectToWhatsapp2;return(0,r.jsxs)("section",{className:"".concat(i().home_banner_wrap," ").concat(void 0!==x&&x?i().no_overlay:""),children:[(0,r.jsxs)("div",{className:"".concat(i().banner_img),children:[void 0!==f&&f?(0,r.jsxs)("a",{href:"#",onClick:function(e){e.preventDefault(),window.open("https://wa.me/7400157972?text=".concat(encodeURIComponent("Hi! I'd like to book my spot at DDUCKPIN.")),"_blank")},children:[(0,r.jsx)("img",{src:t,alt:_,className:"".concat(i().inside_banner_img," hidden-xs")}),l&&(0,r.jsx)("img",{src:l,alt:m,className:"".concat(i().mobileImg," visible-xs")})]}):void 0!==b&&b?(0,r.jsxs)("a",{href:"#",onClick:function(e){e.preventDefault(),window.open("https://wa.me/9137849172?text=".concat(encodeURIComponent("Hi! I'd like to book my spot at All Sett Go.")),"_blank")},children:[(0,r.jsx)("img",{src:t,alt:_,className:"".concat(i().inside_banner_img," hidden-xs")}),l&&(0,r.jsx)("img",{src:l,alt:m,className:"".concat(i().mobileImg," visible-xs")})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{src:t,alt:_,className:"".concat(i().inside_banner_img," hidden-xs")}),l&&(0,r.jsx)("img",{src:l,alt:m,className:"".concat(i().mobileImg," visible-xs")})]}),void 0!==h&&h&&(0,r.jsx)("div",{className:i().imageCredit,children:(0,r.jsx)("a",{href:"https://kidsbirthdaypartyco.com",target:"_blank",rel:"noopener noreferrer",children:"Children Party Entertainers"})})]}),(0,r.jsx)("div",{className:"".concat(i().banner_content),children:void 0!==A&&A?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h2",{className:"text_xxl color_white",children:(0,o.ZP)(n)}),(0,r.jsx)("span",{className:"paraTxt_18 color_white",children:(0,o.ZP)(a)})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("h1",{className:"text_xxl color_white",children:(0,o.ZP)(n)}),(0,r.jsx)("span",{className:"paraTxt_18 color_white",children:(0,o.ZP)(a)})]})}),void 0!==p&&p?(0,r.jsx)("div",{className:"".concat(i().circle_right," color_white"),children:(0,r.jsxs)("div",{className:"row",onClick:function(){var e=document.getElementById("Karts");e&&e.scrollIntoView({behavior:"smooth",block:"start"})},style:{cursor:"pointer",display:"flex","flex-direction":"column","align-items":"center"},children:[(0,r.jsx)("div",{className:"col-12",children:(0,r.jsx)("img",{className:"".concat(i().btn_image),src:s.Z.src,alt:"circle"})}),(0,r.jsx)("div",{className:"col-12",children:(0,r.jsx)("span",{className:"".concat(i().btn_span),children:"View Products"})})]})}):(0,r.jsx)(r.Fragment,{})]})};t.Z=a},4608:function(e,t,n){"use strict";var r=n(5893),o=n(4011),c=n.n(o),i=n(9042),s=function(e){var t=e.title,n=e.white,o=e.black,s=e.isActive,a=e.onClickHandler;return e.activeCategory,(0,r.jsx)(r.Fragment,{children:a?(0,r.jsx)("div",{className:"".concat(c().tab_button," ").concat(n&&c().color_white," ").concat(o&&c().color_black),onClick:function(){return a(t)},children:(0,r.jsxs)("p",{style:{display:"flex"},className:"text_md ".concat(s&&c().activeTab),children:[t,(0,r.jsxs)("button",{className:"btn_arrow",style:{marginLeft:"15px"},children:[(0,r.jsx)("span",{className:"".concat(c().arrow_one," arrow_one"),children:(0,r.jsx)("img",{src:i.Z.src,alt:"arrow"})}),(0,r.jsx)("span",{className:"".concat(c().arrow_two," arrow_two"),children:(0,r.jsx)("img",{src:i.Z.src,alt:"arrow"})})]})]})}):(0,r.jsx)("div",{className:"".concat(c().tab_button," ").concat(n&&c().color_white," ").concat(o&&c().color_black),children:(0,r.jsx)("p",{className:"text_md ".concat(s&&c().activeTab),children:t})})})};t.Z=s},7726:function(e){e.exports={home_banner_wrap:"InsideBanner_home_banner_wrap__sJYIJ",no_overlay:"InsideBanner_no_overlay__dCcoo",banner_img:"InsideBanner_banner_img__ecgAf",banner_content:"InsideBanner_banner_content__NTMzA",circle_right:"InsideBanner_circle_right__hMMZg",bounce:"InsideBanner_bounce__nXpG5",btn_image:"InsideBanner_btn_image__qIQJm",btn_span:"InsideBanner_btn_span__vl6wL",btn_project_def:"InsideBanner_btn_project_def__6t8fd",imageCredit:"InsideBanner_imageCredit__ptjnT"}},8930:function(e){e.exports={popup_overlay:"ProductBox_popup_overlay__Ipdrg",popup_content:"ProductBox_popup_content__B6e5a",popup_header:"ProductBox_popup_header___vX28",product_bottom_box:"ProductBox_product_bottom_box__IEbyQ",color_red:"ProductBox_color_red__sfuBH",popup_content_inner:"ProductBox_popup_content_inner___e5HO",popup_body:"ProductBox_popup_body__Vu4hX",popup_flx:"ProductBox_popup_flx__8ZOig",slid_item:"ProductBox_slid_item__ce6LB",li_text:"ProductBox_li_text__nFVDb"}},4011:function(e){e.exports={tab_button:"TabBtn_tab_button__4G0FR",color_white:"TabBtn_color_white__clwps",color_black:"TabBtn_color_black__jHETr",activeTab:"TabBtn_activeTab__OxsDt"}},5837:function(e){e.exports={project_section:"project_project_section__xCDuu",tab_section:"project_tab_section__WuHFw",tab_info:"project_tab_info__6fANB"}},4362:function(e){"use strict";function t(e,t,n){return t>e?t:n<e?n:e}function n(e){return+(e>0)-+(e<0)}function r(e){return Math.round(1e4*e)/1e4}

1var o,c={};function i(e){return"-"+e[0].toLowerCase()}function s(e){return c[e]||(c[e]=e.replace(/([A-Z])/g,i))}function a(e,t){return e&&0!==e.length?e.nodeName?[e]:[].slice.call(e[0].nodeName?e:(t||document.documentElement).querySelectorAll(e)):[]}function l(e,t){for(var n in t)n.indexOf("_")&&e.setAttribute("data-"+s(n),t[n])}var d=[];function _(){o=0,d.slice().forEach(function(e){return e()}),u()}function u(){!o&&d.length&&(o=requestAnimationFrame(_))}function m(e,t,n,r){return"function"==typeof e?e(t,n,r):e}function A(){}e.exports=function(e){var c,i,_,p,h=(e=e||{}).onChange||A,x=e.onHidden||A,f=e.onShown||A,b=e.onScroll||A,v=e.cssProps?(p=e.cssProps,function(e,t){for(var n in t)n.indexOf("_")&&(!0===p||p[n])&&e.style.setProperty("--"+s(n),r(t[n]))}):A,g=e.scrollingElement,j=g?a(g)[0]:window,w=g?a(g)[0]:document.documentElement,N=!1,B={},I=[];function C(){I=a(e.targets||"[data-scroll]",a(e.scope||w)[0]).map(function(e){return{element:e}})}function P(){var r,s=w.clientWidth,a=w.clientHeight,l=n(-c+(c=w.scrollLeft||window.pageXOffset)),A=n(-i+(i=w.scrollTop||window.pageYOffset)),p=w.scrollLeft/(w.scrollWidth-s||1),h=w.scrollTop/(w.scrollHeight-a||1);N=N||B.scrollDirX!==l||B.scrollDirY!==A||B.scrollPercentX!==p||B.scrollPercentY!==h,B.scrollDirX=l,B.scrollDirY=A,B.scrollPercentX=p,B.scrollPercentY=h;for(var x=!1,f=0;f<I.length;f++){var b=I[f],v=b.element,g=v,C=0,P=0;do C+=g.offsetLeft,P+=g.offsetTop,g=g.offsetParent;while(g&&g!==j);var E=v.clientHeight||v.offsetHeight||0,D=v.clientWidth||v.offsetWidth||0,T=(t(C+D,c,c+s)-t(C,c,c+s))/D,k=(t(P+E,i,i+a)-t(P,i,i+a))/E,Z=1===T?0:n(C-c),S=1===k?0:n(P-i),H=t((c-(D/2+C-s/2))/(s/2),-1,1),X=t((i-(E/2+P-a/2))/(a/2),-1,1),Y=void 0;Y=e.offset?m(e.offset,v,b,w)<=i?1:0:(m(e.threshold,v,b,w)||0)<T*k?1:0;var Q=b.visible!==Y;(b._changed||Q||b.visibleX!==T||b.visibleY!==k||b.index!==f||b.elementHeight!==E||b.elementWidth!==D||b.offsetX!==C||b.offsetY!==P||b.intersectX!=b.intersectX||b.intersectY!=b.intersectY||b.viewportX!==H||b.viewportY!==X)&&(x=!0,b._changed=!0,b._visibleChanged=Q,b.visible=Y,b.elementHeight=E,b.elementWidth=D,b.index=f,b.offsetX=C,b.offsetY=P,b.visibleX=T,b.visibleY=k,b.intersectX=Z,b.intersectY=S,b.viewportX=H,b.viewportY=X,b.visible=Y)}!_&&(N||x)&&(r=y,d.push(r),u(),_=function(){!(d=d.filter(function(e){return e!==r})).length&&o&&(cancelAnimationFrame(o),o=0)})}function y(){E(),N&&(N=!1,l(w,{scrollDirX:B.scrollDirX,scrollDirY:B.scrollDirY}),v(w,B),b(w,B,I));for(var t=I.length,n=t-1;n>-1;n--){var r=I[n],o=r.element,c=r.visible,i=o.hasAttribute("scrollout-once")||!1;r._changed&&(r._changed=!1,v(o,r)),r._visibleChanged&&(l(o,{scroll:c?"in":"out"}),h(o,r,w),(c?f:x)(o,r,w)),c&&(e.once||i)&&I.splice(n,1)}}function E(){_&&(_(),_=void 0)}C(),P(),y();var D=0,T=function(){D=D||setTimeout(function(){D=0,P()},0)};return window.addEventListener("resize",T),j.addEventListener("scroll",T),{index:C,update:P,teardown:function(){E(),window.removeEventListener("resize",T),j.removeEventListener("scroll",T)}}}}},function(e){e.O(0,[943,7311,7842,5675,3739,9774,2888,179],function(){return e(e.s=3668)}),_N_E=e.O()}]);