https://freshlane.hk/2769-ea127ffd31bcf2f7fe99.js

1"use strict";(self.webpackChunkcloudkitchens=self.webpackChunkcloudkitchens||[]).push([[2769],{12769:function(e,t,r){r.r(t),r.d(t,{default:function(){return v}});var a=r(92984),l=r(11855),o=r(94304),i=r(53733),n=r.n(i),c=r.p+"static/image--slider-1-730c62382c2938dde02fec4a2c95a96e.jpg",s=r(48851),d=r(93101);var m=(e,t)=>{if("secondary"===t)switch(e){case"herb":return"grey-4";case"terracotta":return"grey-2";case"stone":return"grey-3";default:return"primary"}return"white"},g=r(34317);const p=o.default.a.withConfig({displayName:"PartialQuote__BoxButton",componentId:"sc-1p4hl0x-0"})(["display:flex;align-items:center;justify-content:center;width:50px;height:50px;svg{width:12px;}&:hover,&:focus,&:active{filter:brightness(1.2);}"]);function u(e){const{color:t="primary",inverseColor:r,inverseColorSecondary:o,owner:i,restaurant_name:n,testimonial_text:c,next:s,prev:d}=e;return(0,l.useEffect)(()=>{document.querySelectorAll(".quote-fade-up").forEach(function(e){a.gsap.from(e,{scrollTrigger:{trigger:e},duration:.5,opacity:"0",y:"20%"})})},[s,d]),l.createElement("div",{className:"carousel--text"},l.createElement("div",{className:"carousel--cell flex flex-col justify-between p-10 pb-20 md:p-20"},l.createElement("p",{className:`quote quote-fade-up color--${r}`},(0,g.e)(c.richText)),l.createElement("div",null,l.createElement("p",{className:`md quote-fade-up mb-0 mt-10 color--${r}`},(0,g.e)(n.richText)),l.createElement("p",{className:`small quote-fade-up mb-0 color--${o}`},(0,g.e)(i.richText)))),l.createElement("div",{className:"absolute bottom-0 right-0 flex"},l.createElement(p,{className:`bg-${r}`,onClick:function(){e.onClick(e.prev)}},l.createElement("svg",{viewBox:"0 0 20 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:""+("primary"===r?"fill-white":`color--${t}`)},l.createElement("path",{d:"M8.75 17l1.688-1.636-5.782-5.606H20V7.212H4.656l5.75-5.576L8.72 0 0 8.485 8.75 17z"}))),l.createElement(p,{className:`bg-${r}`,onClick:function(){e.onClick(e.next)}},l.createElement("svg",{viewBox:"0 0 20 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:""+("primary"===r?"fill-white":`color--${t}`)},l.createElement("path",{d:"M11.25 0L9.562 1.636l5.782 5.606H0v2.546h15.344l-5.75 5.576L11.28 17 20 8.515 11.25 0z"})))))}var h=r(21177);const b=o.default.section.withConfig({displayName:"BlockTestimonialsTextSlice__Section",componentId:"sc-1dk4s55-0"})(["--color:",";--color-dark:",";position:relative;&.color-dark{background:linear-gradient( 180deg,var(--color-dark) 0,var(--color-dark) 90%,var(--grey-2) 90%,var(--grey-2) 100% );.btn--bg--primary{--bg:var(--color-dark);&:hover,&:focus{background-color:var(--color-dark);}}.bg--swipe--img::before{background:var(--color-dark);}}.bg--swipe{padding:0;height:400px;@media ","{height:100%;}}

1.carousel--photos{height:223px;@media ","{height:100%;}}.carousel--photos--holder{width:100%;height:223px;top:0;inset-inline-end:0;@media ","{position:absolute;width:65%;height:100%;overflow:hidden;}.carousel--cell{width:100%;@media ","{height:650px;}}}.carousel--cell{width:100%;min-height:400px;@media ","{min-height:510px;}}.flickity-button{position:absolute;top:auto;bottom:0;inset-inline-end:0;width:50px;height:50px;background:var(--secondary) url(\"data:image/svg+xml,%3Csvg width='20' height='17' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M8.75 17l1.688-1.636-5.782-5.606H20V7.212H4.656l5.75-5.576L8.72 0 0 8.485 8.75 17z' fill='%23FCFCF7' /%3E%3C/svg%3E\") no-repeat center;background-size:12px;border-radius:0;transform:none;.flickity-button-icon{display:none;}&:hover{opacity:0.9;}&:active{opacity:1;}}.flickity-prev-next-button.previous{inset-inline-start:auto;inset-inline-end:50px;}.flickity-prev-next-button.next{background-image:url(\"data:image/svg+xml,%3Csvg width='20' height='17' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M11.25 0L9.562 1.636l5.782 5.606H0v2.546h15.344l-5.75 5.576L11.28 17 20 8.515 11.25 0z' fill='%23FCFCF7' /%3E%3C/svg%3E\");}.carousel--text--holder{@media ","{margin-inline-end:0;}}.bg--swipe--img{position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;overflow:hidden;img{position:absolute;display:block;top:0;inset-inline-start:0;width:100%;height:100%;object-position:50% 20%;object-fit:cover;animation:hidden 0s linear both;}&::before{position:absolute;z-index:1;width:100%;height:100%;content:'';background:var(--color-dark);animation:hidden 0s linear both;}&.primary{&::before{background:var(--color);}}}&.bg-gradient{background:linear-gradient( 180deg,#1f2d26 0%,#1f2d26 80%,rgba(248,246,235,1) 80%,rgba(248,246,235,1) 100% );}"],e=>{let{color:t}=e;return n().theme.colors[t]},e=>{let{color:t}=e;return n().theme.colors[t]},s.$.lgUp,s.$.lgUp,s.$.lgUp,s.$.xlUp,s.$.lgUp,s.$.mdUp);function v(e){let{slice:t}=e;const{0:r,1:o}=(0,l.useState)("0");function i(e){o(`${e}`)}(0,l.useEffect)(()=>{document.querySelectorAll("#block-testimonials-slider .fade-up").forEach(function(e){a.gsap.from(e,{scrollTrigger:{trigger:e,start:"top 90%"},duration:.5,opacity:"0",y:"20%"})});document.querySelectorAll("#block-testimonials-slider .bg--swipe").forEach(function(e){a.gsap.timeline({scrollTrigger:{trigger:e,start:"top center",scrub:1,onEnter:()=>e.querySelector(".bg--swipe--wrapper").classList.add("is-active")}}).fromTo(e.querySelector(".bg--swipe--img"),{scale:1.1},{scale:1,force3D:!0},0)})},[]);const{primary:n,items:s}=t,{background:g,color:p}=n,v=(0,d.A)(p),f=m(p,"primary"),w=m(p,"secondary");return l.createElement(b,{color:v,className:`${"background"===p&&"bg-gradient"}`,id:"block-testimonials-slider"},l.createElement("div",{className:"container pt-20 md:pt-24 lg:pt-40 xl-down:!mr-0 xl-down:!pr-0"},l.createElement("div",{className:"grid grid-cols-4 sm-down:pl-4 lg:grid-cols-12"},l.createElement("div",{className:"col-span-2"},l.createElement("div",{className:`eyebrow p5 line ${"background"===p?"color--grey-2":`color--${v}`} fade-up mb-10 xl:mb-0`},"Testimonials")),l.createElement("div",{className:"col-span-4 lg:col-span-10"},l.createElement("div",{className:"grid grid-cols-4 md:grid-cols-9 lg:grid-cols-10"},l.createElement("div",{className:"col-span-4 mb-10 md:col-span-4 md:mb-20 lg:mb-10"},l.createElement("h2",{className:`h2 ${"background"===p?"color--grey-2":`color--${v}`} fade-up`},"The word",l.createElement("br",null)," on the street")))))),l.createElement("div",{className:"relative"},l.createElement("div",{className:"container"},l.createElement("div",{className:"grid grid-cols-4 lg:grid-cols-12"},l.createElement("div",{className:"carousel--photos--holder z-0 col-span-4 md:col-span-3 md:col-start-2"},l.createElement("div",{className:"carousel--photos"},l.createElement("div",{className:"bg--swipe relative"},l.createElement("div",{className:"bg--swipe--wrapper"},l.createElement("div",{className:"bg--swipe--img secondary"},null!=g&&g.url?l.createElement("img",{src:null==g?void 0:g.url,alt:"",className:"block"}):l.createElement("img",{src:c,alt:"",className:"block"})))))),l.createElement("div",{className:("background"===p?"bg--grey-1":`bg--${v}`)+" carousel--text--holder relative z-10 col-span-4 md:col-span-3 md:col-start-2 lg:col-span-6 xl:col-span-6"},l.createElement(h.A,{active:r},s.map((e,t)=>{const{owner:r,restaurant_name:a,testimonial_text:o}=e;return l.createElement(u,{color:v,inverseColor:"background"===p?"primary":f,inverseColorSecondary:w,key:t,next:t===s.length-1?0:t+1,prev:0===t?s.length-1:t-1,owner:r,restaurant_name:a,testimonial_text:o,name:`${t}`,onClick:i})})))))))}},93101:function(e,t,r){r.d(t,{w:function(){return a}});const a=e=>{switch(e){case"herb":default:return"primary";case"terracotta":return"secondary";case"stone":return"tertiary"}};t.A=a}}]);
2//# sourceMappingURL=2769-ea127ffd31bcf2f7fe99.js.map