"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[66],{257:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});const l={imageContainer:"qpe182wA",image:"WcmUoMRO",textOverlay:"rrh0kNZn",shopButton:"MuH8cxmA"}},258:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});const l={wrapper:"m6Eeh9zF",picture:"Gh1tAynN",image:"yxTYcWeM",content:"wYEuByl6",title:"SYFAD4z3",button:"iy4nSATJ",button__transparent:"arI8COfu",button__mobile__label:"bksZtwNH",button__desktop__label:"QjX0TEoL",customers:"IiS7AyYh"}},255:(e,t,n)=>{const l=n(256);(0,n(2).createEntrypoint)("home_hero",l.Main)},117:function(e,t,n){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Home=function({mobileImage:e,desktopImage:t,headline:n,subhead:l,buttonText:a,device:d,ctaLink:h,isHeroLink:m,handle:_,type:f,mobile_cta:g,use_alt_center_alignment:x,desktop_button_color:b,desktop_button_text_color:p,desktop_text_color:j,mobile_button_color:y,mobile_button_text_color:k,mobile_text_color:v}){var w;const C=m||!a;return"image"===(null==t?void 0:t.type)&&t.url&&"image"===(null==e?void 0:e.type)&&e.url?(0,o.jsxs)(u,{isEntireHeroLink:C,ctaLink:h,handle:_,type:f,use_alt_center_alignment:x,children:[(0,o.jsx)(c,{children:"desktop"===d?(0,o.jsx)(r.LazyImage,{src:t.url,initialWidth:800,width:t.width,height:t.height,cssClass:x?i.default.image:s.default.image,alt:"Hero",fullSizeWidth:2600}):(0,o.jsx)(r.LazyImage,{src:e.url,initialWidth:400,cssClass:x?i.default.image:s.default.image,alt:"Hero",fullSizeWidth:Math.min(1400,null!==(w=e.width)&&void 0!==w?w:1400),width:e.width,height:e.height})}),(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:`\n       .heroTextColor{\n          color: ${j};\n       }\n       .heroButton, .heroButton:hover{\n        color: ${p};\n        background-color: ${b}\n       }\n       @media (max-width: 768px) {\n        .heroTextColor{\n          color: ${v};\n        }\n        .heroButton, .heroButton:hover{\n          color: ${k};\n          background-color: ${y};\n        }\n       }\n      `}}),x?(0,o.jsxs)("div",{className:i.default.content,children:[(0,o.jsx)("h1",{className:`${i.default.title} heroTextColor`,children:n}),(0,o.jsx)("a",{href:h,children:(0,o.jsxs)("button",{className:`${i.default.button}  heroButton`,children:[(0,o.jsx)("span",{className:`${i.default.button__mobile__label} heroButton`,children:g}),(0,o.jsx)("span",{className:`${i.default.button__desktop__label} heroButton`,children:a})]})})]}):(0,o.jsxs)("div",{className:s.default.textOverlay,children:[(0,o.jsx)("h1",{class:"heroTextColor",children:n}),(0,o.jsx)("p",{class:"heroTextColor",children:l}),a&&(0,o.jsx)("a",{href:h,"data-orly-type":f,"data-orly-handle":_,children:(0,o.jsx)("button",{className:`${s.default.shopButton} heroButton`,children:a})})]})]}):null};const o=n(0),a=n(1),s=l(n(257)),i=l(n(258)),r=n(4);function c({children:e,use_alt_center_alignment:t}){return t?(0,o.jsx)("div",{className:i.default.picture}):(0,o.jsx)(a.Fragment,{children:e})}function u({isEntireHeroLink:e,ctaLink:t,handle:n,type:l,children:a,use_alt_center_alignment:r}){return r?(0,o.jsx)("section",{className:i.default.wrapper,children:a}):e?(0,o.jsx)("a",{href:t,"data-orly-type":l,"data-orly-handle":n,className:s.default.imageContainer,children:a}):(0,o.jsx)("div",{className:s.default.imageContainer,children:a})}},256:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Main=function(e){return(0,l.jsx)(o.Home,Object.assign({},e))};const l=n(0),o=(n(1),n(117))},4:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:n,cssClass:o,alt:a="",width:i,height:r,style:c}){const u=s(e,t,n);return i&&r?(0,l.jsx)("img",{src:u,class:o,alt:a,width:i,height:r,style:c}):(0,l.jsx)("img",{src:u,class:o,alt:a,style:c})},t.useBestImage=s;const l=n(0),o=(n(1),n(7)),a=n(3);function s(e,t,n){const l=(0,o.getFastImage)(e,t),s=(0,o.getFastImage)(e,n),[i,r]=(0,a.useState)({});(0,a.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=s,e.onload=()=>r(Object.assign(Object.assign({},i),{[s]:!0}))}}),[s]);const c=(0,a.useMemo)((()=>i[s]?s:l),[e,t,n,i]);return(0,a.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=s,e.onload=()=>r(Object.assign(Object.assign({},i),{[s]:!0}))}}),[s]),c}}},e=>{e.O(0,[1,2,3],(()=>e(e.s=255))),e.O()}]);