https://smartcitykitchens.com/9495-e3b7176ba060f34d3cc0.js

1(self.webpackChunkcloudkitchens=self.webpackChunkcloudkitchens||[]).push([[9495],{62340:function(e,t,l){var i=l(11855);function a(e){return i.createElement("svg",e,[i.createElement("rect",{className:"volume--bar-1",x:"10",y:"9",fill:"#fff",width:"2",height:"7",key:0}),i.createElement("rect",{className:"volume--bar-2",x:"5",fill:"#fff",width:"2",height:"16",key:1}),i.createElement("rect",{className:"volume--bar-3",y:"6",fill:"#fff",width:"2",height:"10",key:2})])}a.defaultProps={version:"1.1",id:"Layer_1",viewBox:"0 0 12 16",width:"12px",height:"16px",className:"inline-block mr-3"},e.exports=a,a.default=a},89495:function(e,t,l){"use strict";l.r(t);var i=l(34317),a=l(87663),r=l(29019),n=l.n(r),o=l(80370),c=l(92984),d=l(11855),s=l(94304),m=l(96882),u=l.n(m),v=l(62340),p=l.n(v),g=l(48508),h=l(80111),f=l(48851),b=l(6788);const y=s.default.section.withConfig({displayName:"BlockTestimonialsVideoSlice__Section",componentId:"sc-1o6jl92-0"})([".btn--card--image{img{transition:all 0.3s linear;}&:hover,&:focus{img{transform:scale(1.025);}.btn--card--play{background-color:var(--grey-1);}}}overflow:hidden;.scrolling--holder{@media (max-width:1024px){width:calc(100% + 128px);overflow-y:scroll;-webkit-overflow-scrolling:touch;margin-inline-start:-64px;scrollbar-color:transparent transparent;&::-webkit-scrollbar{display:none;height:0px;background:rgba(0,0,0,0);}&::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0);}&::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0);}&::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0);}.scrolling{width:1040px;margin-inline-end:32px;.btn--card{margin-inline-start:32px;&:last-child{margin-inline-end:32px;}}}}@media (max-width:720px){width:calc(100% + 64px);margin-inline-start:-32px;}@media (max-width:374px){width:calc(100% + 32px);margin-inline-start:-16px;}}.video--holder{height:0;padding-bottom:56%;background:linear-gradient( 180deg,var(--grey-2) 0,var(--grey-2) 50%,var(--primary) 50%,var(--primary) 100% );video{margin-inline-start:32px;object-fit:cover;}@media ","{padding-bottom:67%;}@media ","{height:calc(100vh - 68px);min-height:620px;padding-bottom:0;background:none;video{margin-inline-start:0;}}}.modal{background:var(--black);.video--holder{video{bottom:0;margin:auto;object-fit:contain;height:auto;@media ","{object-fit:cover;height:100%;}}}}"],f.$.mdUp,f.$.lgUp,f.$.lgUp);t.default=e=>{var t,l;let{hide:r,sliceIndex:s,slice:{primary:{eyebrow:m,heading:v,description:f,portrait_one:E,portrait_two:w,portrait_three:x,portrait_four:k,portrait_five:N,video_one:_,video_two:S,video_three:T,video_four:L,video_five:$,testimonial_entity_one:q,testimonial_entity_one_description:C,testimonial_entity_two:z,testimonial_entity_two_description:I,testimonial_entity_three:R,testimonial_entity_three_description:j,testimonial_entity_four:M,testimonial_entity_four_description:V,testimonial_entity_five:A,testimonial_entity_five_description:B,button:D,color:F}}}=e;const[G,U]=d.useState(!1),{siteTag:P}=(0,h.Sz)(),W="site:profood-solutions"===P;d.useEffect(()=>{document.querySelectorAll("#block-testimonials-video .fade-up").forEach(function(e){c.gsap.from(e,{scrollTrigger:{trigger:e,start:"top 90%"},duration:.5,opacity:"0",y:"20%"})});const e=document.querySelector("#video--testimonials"),t=document.querySelector(".modal--video--testimonials");null==e||e.addEventListener("playing",function(){null==t||t.classList.add("video--playing")}),null==e||e.addEventListener("pause",function(){null==t||t.classList.remove("video--playing")})},[]);const H=e=>{const t=document.querySelector("html"),l=document.querySelector(".wrapper"),i=document.querySelector(".nav--holder"),a=document.querySelector("html.is-scroll-disabled"),r=document.querySelector("#video--testimonials");if(a){var n;U(!1),null==t||t.classList.remove("is-scroll-disabled");const e=null==l||null===(n=l.style)||void 0===n?void 0:n.top;l&&(l.style.top=""),window.scrollTo(0,-1*parseInt(e||"0")),null==r||r.pause(),null==i||i.classList.remove("nav-up")}else{var o,c;if(null==e||null===(o=e.currentTarget)||void 0===o||null===(c=o.dataset)||void 0===c||!c.src

1)return;U(!0),r&&(r.src=e.currentTarget.dataset.src),null==r||r.play(),null==i||i.classList.add("nav-up"),setTimeout(function(){l&&(l.style.top=`-${document.documentElement.scrollTop}px`),null==t||t.classList.add("is-scroll-disabled")},500),setTimeout(function(){null==i||i.classList.add("nav-up")},1e3)}},J=[{videoSrc:null==_?void 0:_.url,portrait:E,title:q,description:C},{videoSrc:null==S?void 0:S.url,portrait:w,title:z,description:I},{videoSrc:null==T?void 0:T.url,portrait:x,title:R,description:j},{videoSrc:null==L?void 0:L.url,portrait:k,title:M,description:V},{videoSrc:null==$?void 0:$.url,portrait:N,title:A,description:B}].filter(e=>{var t;return(null==e?void 0:e.videoSrc)&&(null==e||null===(t=e.portrait)||void 0===t?void 0:t.url)});return d.createElement(y,{id:`block-testimonials-video-${s}`,className:"bg--grey-2",portrait_one:null==E?void 0:E.url,portrait_two:null==w?void 0:w.url,portrait_three:null==x?void 0:x.url,portrait_four:null==k?void 0:k.url,portrait_five:null==N?void 0:N.url},d.createElement("div",{className:"container my-20 md:my-24 lg:my-40"},d.createElement("div",{className:"grid grid-cols-4 md:grid-cols-12"},d.createElement("div",{className:"col-span-6 hidden md:flex"},d.createElement("div",{className:"btn--card btn--card--large fade-up",onClick:H,"data-src":null==_?void 0:_.url},d.createElement("div",{className:"btn--card--image"},d.createElement(o.G,{image:null==E?void 0:E.gatsbyImageData,alt:null!==(t=null!==(l=null==E?void 0:E.alt)&&void 0!==l?l:q)&&void 0!==t?t:""})))),d.createElement("div",{className:"col-span-4 md:col-span-5 md:col-start-8"},d.createElement("div",{className:n()("eyebrow line mb-10 lg:mb-12",W?"color--grey-5":"color--grey-4")},(0,i.e)(m.richText)),d.createElement("h2",{className:`h2 color--${g.r[F]} fade-up mb-10`},(0,i.e)(v.richText)),d.createElement("div",{className:"fade-up mb-0"},d.createElement(a.$,{field:f.richText})),d.createElement("div",{className:"hidden md:flex"},d.createElement("div",{className:"mt-10 flex items-center"},d.createElement("div",{className:"fade-up mr-6"},d.createElement("a",{className:n()("btn--play",W?"text-primary-dark":"text-primary"),onClick:H,"data-src":null==_?void 0:_.url},d.createElement("svg",{width:"14",height:"19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.756 9.503L.669 18.379V.627l13.087 8.876z",fill:"

1color--white"})))),d.createElement("div",null,d.createElement("p",{className:"color--grey-6 md fade-up mb-0"},(0,i.e)(q.richText)),d.createElement("p",{className:"small fade-up color--grey-5 mb-0"},(0,i.e)(C.richText)))))),J.length>1?d.createElement("div",{className:"scrolling--holder fade-up col-span-4 md:col-span-12"},d.createElement("div",{className:"scrolling flex md:justify-center"},J.map((e,t)=>{var l,a,r;let{videoSrc:c,title:s,description:m,portrait:u}=e;return c&&null!=u&&u.url?d.createElement("div",{key:t,className:n()("btn--card mt-16 lg:mt-20",{"md:hidden":0===t})},d.createElement("div",{className:"btn--card--image",onClick:H,"data-src":c},d.createElement(o.G,{className:"h-full",image:null!==(l=null==u?void 0:u.gatsbyImageData)&&void 0!==l?l:null==u?void 0:u.url,alt:null!==(a=null!==(r=null==u?void 0:u.alt)&&void 0!==r?r:s)&&void 0!==a?a:""}),d.createElement("div",{className:"btn--card--play"},d.createElement("svg",{width:"11",height:"14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 7l-10 6.5V.5l10 6.5z",fill:"#71706A"})))),d.createElement("p",{className:"color--grey-6 md mb-0 mt-4"}," ",(0,i.e)(s.richText)),d.createElement("p",{className:"small color--grey-5"}," ",(0,i.e)(m.richText))):null}))):d.createElement(d.Fragment,null,J.map((e,t)=>{var l,a,r;let{videoSrc:n,title:c,description:s,portrait:m}=e;return n&&null!=m&&m.url?d.createElement("div",{key:t,className:"btn--card fade-up col-span-4 mt-16 w-full md:hidden lg:mt-20"},d.createElement("div",{className:"btn--card--image w-full",onClick:H,"data-src":n},d.createElement(o.G,{className:"h-full",image:null!==(l=null==m?void 0:m.gatsbyImageData)&&void 0!==l?l:null==m?void 0:m.url,alt:null!==(a=null!==(r=null==m?void 0:m.alt)&&void 0!==r?r:c)&&void 0!==a?a:""}),d.createElement("div",{className:"btn--card--play"},d.createElement("svg",{width:"11",height:"14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 7l-10 6.5V.5l10 6.5z",fill:"#71706A"})))),d.createElement("p",{className:"color--grey-6 md mb-0 mt-4"}," ",(0,i.e)(c.richText)),d.createElement("p",{className:"small color--grey-5"}," ",(0,i.e)(s.richText))):null})),D&&D.text&&D.text.length?d.createElement("div",{className:"col-span-4 mt-12 md:hidden "+(r?"hidden":"")},d.createElement(b.$n,{href:"/operators/",fullWidth:!0,id:`cta-block-testimonials-video-slice-${s}`},(0,i.e)(D.richText))):d.createElement(d.Fragment,null),D&&D.text&&D.text.length?d.createElement("div",{className:"fade-up col-span-12 mt-20 hidden text-center "+(r?"hidden":"md:block")},d.createElement(b.$n,{variant:"secondary",href:"/operators/",id:`cta-block-testimonials-video-slice-${s}`},(0,i.e)(D.richText))):d.createElement(d.Fragment,null))),d.createElement("div",{className:(G?"is-active":"")+" modal modal--video modal--video--testimonials"},d.createElement("div",{className:"container absolute left-0 right-0 top-0 z-20 pt-6"},d.createElement("div",{className:"grid grid-cols-2 items-center"},d.createElement("div",null,d.createElement("p",{className:"eyebrow color--white mb-0 flex hidden items-end md:block"},d.createElement(p(),null)," ",d.createElement("span",null,"Best Served with Volume"))),d.createElement("div",{className:"col-start-2 text-right"},d.createElement("a",{onClick:H,className:"inline-block"},d.createElement(u(),null))))),d.createElement("div",{className:"video--holder"},d.createElement("video",{id:"video--testimonials",src:null==_?void 0:_.url,type:"video/mp4",controls:!0}))))}},96882:function(e,t,l){var i=l(11855);function a(e){return i.createElement("svg",e,[i.createElement("path",{fill:"#fff",d:"M1.774 11.265L.612 10.102l9.499-9.5 1.162 1.163z",key:0}),i.createElement("path",{fill:"#fff",d:"M.61 1.765L1.771.603l9.5 9.499-1.163 1.162z",key:1})])}a.defaultProps={width:"12",height:"12",fill:"none"},e.exports=a,a.default=a}}]);
2//# sourceMappingURL=9495-e3b7176ba060f34d3cc0.js.map