"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[78],{908:(e,r,s)=>{s.r(r),s.d(r,{default:()=>a});const a={wrapper:"eaaO7X4x",wrapperSlider:"YjKnky_2",wrapperSliderSlide:"fy28cFB3",wrapperSliderSlideUpper:"fRnNv7mH",wrapperSliderSlideUpperImage:"F95bzoSx",wrapperSliderSlideLower:"EobkneWJ",wrapperSliderSlideLowerDescription:"qcZMRfA3",wrapperSliderSlideLowerButton:"ydaewxF3"}},910:(e,r,s)=>{s.r(r),s.d(r,{default:()=>a});const a={wrapper:"Xqa6favk",wrapperMobile:"OZ7qLTei",wrapperMobileInfo:"Aq3Piew9",wrapperMobileInfoTitle:"UYeO3UI6",wrapperMobileInfoDescription:"M5EyB45N",wrapperMobileInfoButton:"kxQgGMq1",wrapperDesktop:"W3XIpGlT",wrapperDesktopInfo:"QcFJUlfq",wrapperDesktopInfoTitle:"loKaWVPx",wrapperDesktopInfoDescription:"vkXjD7qE",wrapperDesktopInfoButton:"TthiV_QZ",wrapperDesktopCards:"U8TqK21x",wrapperDesktopCardsCard:"igNBWgs8",wrapperDesktopCardsCardImage:"EeaRqO8B",wrapperDesktopCardsCardInfo:"BAI9Sud5",wrapperDesktopCardsCardInfoTitle:"ubNJ2kTx",wrapperDesktopCardsCardInfoDescription:"lih07On_",wrapperDesktopCardsCardInfoButton:"lZ5RzdfI"}},907:(e,r,s)=>{const a=s(337);(0,s(5).createEntrypoint)("homeShopIngredients",a.HomeShopIngredients)},909:(e,r,s)=>{Object.defineProperty(r,"__esModule",{value:!0}),r.useSlider=void 0;const a=s(10),i=s(3);r.useSlider=e=>{const[r,s]=(0,i.useState)(0),t={duration:12e3,easing:e=>e},[n,d]=(0,a.useKeenSlider)({mode:"free",loop:!0,initial:0,slides:{perView:"auto"},created(r){e&&r.moveToIdx(5,!0,t)},updated(r){e&&r.moveToIdx(r.track.details.abs+5,!0,t)},animationEnded(r){e&&r.moveToIdx(r.track.details.abs+5,!0,t)},slideChanged(e){s(e.track.details.abs)}});return(0,i.useEffect)((()=>{var s;e||null===(s=d.current)||void 0===s||s.update({mode:"free",loop:!0,initial:r,slides:{perView:"auto"},created(e){},updated(e){},animationEnded(e){}})})),{sliderRef:n,instanceRef:d,currentSlide:r,setCurrentSlide:s}}},338:function(e,r,s){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.ShopIngredientsCardSlider=void 0;const i=s(0),t=(s(1),a(s(908))),n=s(909),d=s(2),l=s(3),{wrapper:p,wrapperSlider:o,wrapperSliderSlide:c,wrapperSliderSlideUpper:u,wrapperSliderSlideUpperImage:w,wrapperSliderSlideLower:m,wrapperSliderSlideLowerDescription:f,wrapperSliderSlideLowerButton:j}=t.default;r.ShopIngredientsCardSlider=function({elements:e}){const[r,s]=(0,l.useState)(!0),{sliderRef:a,setCurrentSlide:t}=(0,n.useSlider)(r);return(0,i.jsx)("div",Object.assign({className:(0,d.cx)(p),onTouchStart:()=>s(!1)},{children:(0,i.jsx)("div",Object.assign({className:(0,d.cx)("keen-slider",o),ref:a},{children:e.map((({title:e,buttonUrl:r,bgColorDark:s,bgColor:a,image:n,description:l},p)=>(0,i.jsx)("div",Object.assign({className:(0,d.cx)("keen-slider__slide"),style:{minWidth:"211px !important",maxWidth:"211px !important"}},{children:(0,i.jsxs)("div",Object.assign({className:c,style:{width:"195px !important",background:`${a}`},onClick:()=>{t(p)}},{children:[(0,i.jsxs)("div",Object.assign({className:u},{children:[(0,i.jsx)("h5",{children:e}),(0,i.jsx)("div",Object.assign({className:w},{children:(0,i.jsx)("img",{src:n.src,alt:n.alt})}))]})),(0,i.jsxs)("div",Object.assign({className:m,style:{background:`${s}`}},{children:[(0,i.jsx)("div",{className:f,dangerouslySetInnerHTML:{__html:l}}),(0,i.jsx)("a",Object.assign({className:j,href:r},{children:"SHOP"}))]}))]}))}))))}))}))}},337:function(e,r,s){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(r,"__esModule",{value:!0}),r.HomeShopIngredients=void 0;const i=s(0),t=(s(1),s(3)),n=s(338),d=a(s(910)),{wrapper:l,wrapperMobile:p,wrapperMobileInfo:o,wrapperMobileInfoTitle:c,wrapperMobileInfoButton:u,wrapperMobileInfoDescription:w,wrapperDesktop:m,wrapperDesktopInfo:f,wrapperDesktopInfoTitle:j,wrapperDesktopInfoDescription:h,wrapperDesktopInfoButton:S,wrapperDesktopCards:g,wrapperDesktopCardsCard:b,wrapperDesktopCardsCardImage:x,wrapperDesktopCardsCardInfo:I,wrapperDesktopCardsCardInfoTitle:k,wrapperDesktopCardsCardInfoDescription:v,wrapperDesktopCardsCardInfoButton:C}=d.default;r.HomeShopIngredients=function({title:e,description:r,buttonUrl:s,elements:a}){const[d,D]=(0,t.useState)(null);return(0,i.jsxs)("div",Object.assign({className:l},{children:[(0,i.jsxs)("div",Object.assign({className:p},{children:[(0,i.jsxs)("div",Object.assign({className:o},{children:[(0,i.jsx)("h4",Object.assign({className:c},{children:e})),(0,i.jsx)("div",{className:w,dangerouslySetInnerHTML:{__html:r}}),(0,i.jsx)("a",Object.assign({href:s,className:u},{children:"Shop ALL"}))]})),(0,i.jsx)(n.ShopIngredientsCardSlider,{elements:a})]})),(0,i.jsxs)("div",Object.assign({className:m},{children:[(0,i.jsxs)("div",Object.assign({className:f},{children:[(0,i.jsx)("div",Object.assign({className:j},{children:e})),(0,i.jsx)("div",{className:h,dangerouslySetInnerHTML:{__html:r}}),(0,i.jsx)("a",Object.assign({href:s,className:S},{children:"SHOP ALL"}))]})),(0,i.jsx)("div",Object.assign({className:g},{children:null==a?void 0:a.filter(Boolean).map(((e,r)=>(0,i.jsxs)("div",Object.assign({onMouseEnter:()=>{D(r)},onMouseLeave:()=>D(null),className:b,style:{background:d===r?e.bgColorDark:e.bgColor}},{children:[(0,i.jsx)("div",Object.assign({className:x},{children:(0,i.jsx)("img",{src:e.image.src,alt:e.image.alt})})),(0,i.jsxs)("div",Object.assign({className:I},{children:[(0,i.jsx)("div",Object.assign({className:k},{children:e.title})),(0,i.jsx)("div",{className:v,dangerouslySetInnerHTML:{__html:e.description}}),(0,i.jsx)("a",Object.assign({className:C,href:e.buttonUrl},{children:"Shop Now"}))]}))]}))))}))]}))]}))}}},e=>{e.O(0,[1,2,4,3,5,7],(()=>(907,e(e.s=907)))),e.O()}]);