https://www.yumos.com/component---src-templates-home-home-tsx-905200bdf4cdfd896e98.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[653,964],{5794:function(e,t,a){a.d(t,{A:function(){return n}});var l=a(7294);function n(e){let{images:t}=e;return l.createElement("div",{className:"benefits-icons"},l.createElement("ul",{className:"flex flex-wrap max-w-3xl p-4 mx-auto my-10"},t.map((e=>{let{description:t,localFile:a}=e;return l.createElement("li",{key:t,className:"p-4 mx-auto text-base font-extrabold leading-tight text-center w-1/2 md:w-1/4 md:p-2"},l.createElement("div",{className:"inline-block mb-5 bg-center bg-no-repeat bg-contain",style:{width:"128px",height:"128px",backgroundImage:"url("+a.publicURL}}),l.createElement("span",{className:"block font-semibold break-words text-smaller",dangerouslySetInnerHTML:{__html:t||""}}))}))))}},2956:function(e,t,a){var l=a(7294),n=a(5465),r=a(2121),o=a(8052),s=a(1967);t.Z=e=>{let{certificates:t}=e;const a=(0,n.e)();return t&&0!==t.length?l.createElement("section",{"data-testid":"certificates-section",className:"max-w-container mx-auto"},a.certificates&&l.createElement(s.Z,{as:"h2",className:"p-10 text-2xl md:text-3xl md:p-14"},a.certificates),l.createElement("ul",{className:"flex flex-wrap justify-center max-w-lg px-10 m-auto certificate__wrapper"},t.map((e=>{let{image:{description:t,gatsbyImageData:a},title:n,url:s}=e;return l.createElement("li",{key:n,className:"w-1/2 p-2 sm:w-1/4 lg:p-4"},s?l.createElement(r.default,{href:s,title:n,showExternalIcon:!1,className:"flex-1"},l.createElement(o.Z,{image:a,alt:t||""})):l.createElement(o.Z,{image:a,alt:t||""}))})))):null}},3943:function(e,t,a){var l=a(4184),n=a.n(l),r=a(7294),o=a(5465),s=a(8052),i=a(1967);t.Z=e=>{let{facts:t}=e;const a=(0,o.e)();return t&&0!==t.length?r.createElement("section",{className:"container mx-auto cards"},a.facts&&r.createElement(i.Z,{as:"h2",className:"p-10 text-2xl md:text-3xl md:p-14"},a.facts),r.createElement("ul",{className:n()("px-5 pb-5 grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 lg:gap-5",{"mt-20 pt-5":!a.facts})},t.map(((e,t)=>{let{image:{description:a,gatsbyImageData:l},title:o,summary:i}=e;const c=o.trim();return r.createElement("li",{key:t,className:"card-wrapper",style:{textShadow:"0 2px 4px rgba(0, 0, 0, 0.6)"}},r.createElement("div",{className:"card"},r.createElement("div",{className:"card--front"},r.createElement(s.Z,{image:l,alt:c,className:n()({"brightness-80":c,"brightness-100":!c}),"aria-label":c}),c&&r.createElement("span",{className:"absolute inset-0 flex items-center justify-center px-2 text-xl font-bold leading-tight text-center text-white sm:text-2xl"},c)),r.createElement("div",{className:"flex items-center justify-center px-2 text-sm font-bold leading-tight text-center text-white card--back sm:text-2xl"},i)))})))):null}},1967:function(e,t,a){var l=a(7294),n=a(4184),r=a.n(n);t.Z=e=>{let{"data-cy":t,as:a,children:n,className:o,fontWeight:s,fontFamily:i,textAlign:c,textColour:m,textColourHover:d,textTransform:u}=e;const g=s?"font-"+s:"[font-weight:var(--heading-font-weight)]",v=i||"[font-family:var(--heading-font)]",p="text-"+(c||"center"),x="text-"+(m||"[color:var(--heading-color)]"),h="hover:text-"+(d||"[color:var(--heading-color)]"),f=u||"[text-transform:var(--heading-case)]",y=r()("leading-tight",p,o,v,g,x,h,f);return l.createElement(a,{"data-cy":t,className:y},n)}},6367:function(e,t,a){a.d(t,{Z:function(){return i}});var l=a(4184),n=a.n(l),r=a(7294),o=a(8052),s=a(827);function i(e){let{asset:{description:t,gatsbyImageData:a},href:l,title:i,imagePaddingY:c="0"}=e;return r.createElement("li",{className:n()("mx-2 mb-4 bg-white rounded-lg drop-shadow-[0_10px_5px_rgba(0,0,0,0.1)] shadow","flex-basis-full","md:[flex-basis:calc(50%-1rem)]","lg:[flex-basis:calc(33.3%-1rem)] lg:max-w-xs")},r.createElement(s.default,{href:l,className:"flex flex-col"},r.createElement("div",{className:"py-"+c},r.createElement(o.Z,{alt:"",className:"mx-auto rounded-t-lg",image:a})),r.createElement("span",{className:"text-center promo-title p-5"},i)))}},7009:function(e,t,a){a.d(t,{Z:function(){return n}});var l=a(7294);function n(e){let{children:t}=e;return l.createElement("ul",{className:"max-w-container mx-auto flex flex-wrap justify-center px-6"},t)}},9663:function(e,t,a){a.r(t),a.d(t,{VideoPlayer:function(){return s}});var l=a(7294),n=a(131),r=a(3936);function o(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return e=>{t.forEach((t=>{"function"==typeof t?t(e):null!=t&&(t.current=e)}))}}const s=l.forwardRef(((e,t)=>{let{path:a,controls:s=!0,loading:i="lazy",autoPlay:c=!1,...m}=e;const d=function(e){const[t,a]=(0,n.YD)({triggerOnce:!0,threshold:.5});return(0,l.useEffect)((()=>{a&&(0,r.I)({category:"Engagement",action:"video_in_view",label:e,nonInteraction:!0})}),[a,e]),t}(a),u=function(e){return(0,l.useCallback)((t=>{(0,r.I)({category:"Engagement",action:"video_"+t.type,label:e})}),[e])}(a);return l.createElement("video",Object.assign({ref:o(d,t),controls:s}

1,m,{onEnded:u,onError:u,onPause:u,onPlay:u,playsInline:!0,preload:"none",autoPlay:c,muted:c}),l.createElement("source",{src:a,type:"video/mp4"}))}))},7200:function(e,t,a){a.r(t),a.d(t,{Head:function(){return O},default:function(){return F}});var l=a(4184),n=a.n(l),r=a(8032),o=a(7294),s=a(5794),i=a(2956);var c=e=>{let{className:t}=e;return o.createElement("svg",{className:t,width:"46",height:"46",xmlns:"http://www.w3.org/2000/svg"},o.createElement("title",null,"Warning"),o.createElement("g",{fill:"none",fillRule:"evenodd"},o.createElement("circle",{fill:"#E2B93B",cx:"23",cy:"23",r:"23"}),o.createElement("circle",{fill:"#FFF",cx:"23",cy:"32",r:"3"}),o.createElement("path",{d:"M23 9a3 3 0 0 1 3 3v12a3 3 0 0 1-5.995.176L20 24V12l.005-.176A3 3 0 0 1 23 9Z",fill:"#FFF"})))};function m(e){let{children:t}=e;return t?o.createElement("div",{className:"flex items-center border-l-8 rounded-lg border-[#E2B93B] bg-gray-100"},o.createElement("div",{className:"p-8"},o.createElement(c,null)),o.createElement("div",{className:"py-8 pr-8 italic font-light font-md"},t)):null}var d=a(2121),u=a(3943),g=a(8052),v=a(9109),p=a(1967),x=a(827),h=a(3239),f=a(6076),y=a(6367),E=a(7009);var b=e=>{let{summary:t}=e;if(!t)return null;const a=n()("max-w-container py-16 mx-auto font-bold leading-tight text-[color:var(--summary-text-color)] px-6 md:text-[2.5rem]","[text-align:var(--summary-text-align)]","[text-transform:var(--summary-case)]","[font-family:var(--summary-font)]","[font-style:var(--summary-font-style)]","[font-weight:var(--summary-font-weight)]","md:[font-size:var(--summary-text-size-desktop)]","[font-size:var(--summary-text-size-mobile)]");return o.createElement("div",{"data-cy":"summary-text",className:"bg-[color:var(--summary-bg-color)] summary-updated"},o.createElement("div",{className:a},o.createElement("p",null,t)))},N=a(5785),w=a(4129),k=a(5465);const M=e=>"text"===e.nodeType;var I=e=>{let{absolutePath:t="",linkPath:a,linkTitle:l,rawTruncated:n}=e;const{readMore:r}=(0,k.e)(),s=n.content.reduce(((e,t)=>[].concat((0,N.Z)(e),(0,N.Z)(t.content.filter(M)))),[]).pop(),i=["https://www.omo.com/br/home.html"];return o.createElement("article",{className:"px-4 py-16 md:px-18 lg:px-40 max-w-container mx-auto"},(0,w.h)(n,{renderText:e=>o.createElement(o.Fragment,null,e,!i.includes(t)&&e===(null==s?void 0:s.value)&&o.createElement(x.default,{"aria-label":r+": "+l,className:"font-bold text-[color:var(--link-color)] hover:text-[color:var(--link-color-hover)] ml-2",href:a},r))}))},Z=a(9663),L=a(3936);const _={gridArea:"1/1"},D={Overlay:e=>{let{children:t,className:a}=e;return o.createElement("div",{className:n()("relative grid",a),style:_},t)},Container:e=>{let{children:t,className:a}=e;return o.createElement("div",{className:n()("grid",a)},t)},style:_};function P(e){let{category:{hero:t,title:a,heroOverlay:l,path:n,ctaMicrocopy:s,shortDescription:i}}=e;return o.createElement(D.Container,null,t&&o.createElement(r.G,{image:t.gatsbyImageData,alt:t.description||"",style:D.style}),o.createElement(D.Overlay,{className:"flex flex-col p-6"},o.createElement("p",{className:"text-white font-black font-montserrat text-center text-5xl uppercase leading-none mb-6"},a),l&&o.createElement(r.G,{alt:l.description||"",className:"mx-auto mb-6",image:l.gatsbyImageData}),o.createElement("p",{className:"text-white font-bold text-center text-lg mt-auto mb-6 leading-tight"},i),o.createElement(x.default,{className:"p-4 mx-auto bg-white text-center text-xl font-openSans transition-all rounded-sm text-persil-blue-500 leading-none min-w-48 hover:text-persil-blue-500 focus:text-persil-blue-500 active:bg-gray-300 hover:translate-y-[-3px]",onClick:()=>{(0,L.I)({action:"Link Click",category:"Engagement",label:n})},href:n},s)))}function A(e){let{categories:t,widget:a}=e;const{headingImage:l,strapline:n}=a;return o.createElement("section",{className:"max-w-container mx-auto text-center mb-14"},o.createElement(g.Z,{alt:l.description||"",className:"max-w-md my-10",image:l.gatsbyImageData}),o.createElement("p",{className:"mx-4 mb-12 text-lg font-semibold font-montserrat"},n),o.createElement("div",{className:"mx-2 grid lg:grid-cols-3"},t.map((e=>{let{id:t,...a}=e;return o.createElement(P,{key:t,category:a})}))))}function T(){return null}function V(){return null}var C=e=>{let{video:t}=e;return o.createElement("div",{className:"home-video"},t.title&&o.createElement("h2",{className:"text-center uppercase title"},t.title),t.video.cdnVideo&&o.createElement("div",{className:"max-w-container px-10 pb-20 mx-auto"},o.createElement(Z.VideoPlayer,{"data-testid":"video",path:t.video.cdnVideo.path,poster:t.video.cdnVideo.posterPath}),t.description&&o.createElement("h2",{className:"pt-5 font-bold text-center text-md"},t.description)))};var F=e=>{var t,a,l,r,c,v,N,w,M,L,_,D,P,F,O,H,W,S,j,B,z,R,U,Y,G,K,q,J,Q,X,$,ee,te,ae,le;let{data:ne}=e;const re=(0,k.e)(),{allSustainabilityCategory:oe,website:se}=ne;return o.createElement(f.Z,{absolutePath:null==se?void 0:se.absolutePath,home:se,metaDescription:null==se?void 0:se.brand.description,pageTitle:null==se?void 0:se.homepageTitle,pageType:"home",fullWidth:!0},null!=se&&null!==(t=se.coreMessage)&&void 0!==t&&null!==(a=t.heroVideo)&&void 0!==a&&a.cdnVideo?o.createElement("div",{className:"max-w-container mx-auto"},o.createElement(Z.VideoPlayer,{"data-testid":"hero-video","data-cy":"hero-video",poster:se.coreMessage.heroVideo.cdnVideo.posterPath,path:se.coreMessage.heroVideo.cdnVideo.path})):o.createElement("div",{"data-cy":"hero-image",className:"max-w-container mx-auto"},null!=se&&null!==(l=se.coreMessage)&&void 0!==l&&null!==(r=l.heroImageLink)&&void 0!==r&&r.path?o.createElement(x.default,{href:null==se||null===(c=se.coreMessage)||void 0===c?void 0:c.heroImageLink.path},o.createElement(g.Z,{image:null==se||null===(v=se.coreMessage)||void 0===v||null===(N=v.hero)||void 0===N?void 0:N.gatsbyImageData,alt:null==se||null===(w=se.coreMessage)||void 0===w||null===(M=w.hero)||void 0===M?void 0:M.description,loading:"eager"}),o.createElement("span",{className:"sr-only"},null==se||null===(L=se.coreMessage)||void 0===L?void 0:L.heroImageLink.title)):o.createElement(g.Z,{image:null==se||null===(_=se.coreMessage)||void 0===_||null===(D=_.hero)||void 0===D?void 0:D.gatsbyImageData,alt:null==se||null===(P=se.coreMessage)||void 0===P||null===(F=P.hero)||void 0===F?void 0:F.description,loading:"eager"})),o.createElement("div",{className:"max-w-container p-12 mx-auto md:p-16"},o.createElement(p.Z,{"data-cy":"primary-heading",className:"text-[2rem]",as:"h1"},null==se||null===(O=se.coreMessage)||void 0===O?void 0:O.title)),(null==se||null===(H=se.coreMessage)||void 0===H?void 0:H.summary)&&o.createElement(b,{summary:null==se||null===(W=se.coreMessage)||void 0===W?void 0:W.summary}),(null==se||null===(S=se.coreMessage)||void 0===S?void 0:S.benefitImages)&&o.createElement(s.A,{images:null==se||null===(j=se.coreMessage)||void 0===j?void 0:j.benefitImages}),(null==se||null===(B=se.coreMessage)||void 0===B?void 0:B.benef

1itsDisclaimer)&&o.createElement("div",{className:"max-w-lg px-6 py-8 lg:px-0 md:mx-auto"},o.createElement(m,null,null==se||null===(z=se.coreMessage)||void 0===z?void 0:z.benefitsDisclaimer)),(null==se||null===(R=se.coreMessage)||void 0===R?void 0:R.main)&&o.createElement(I,{absolutePath:null==se?void 0:se.absolutePath,linkPath:se.coreMessage.path,linkTitle:se.coreMessage.title,rawTruncated:se.coreMessage.main.rawTruncated}),o.createElement(u.Z,{facts:null==se||null===(U=se.coreMessage)||void 0===U?void 0:U.facts}),(null==se?void 0:se.sustainabilityWidgetWebsite)&&3===(null==oe?void 0:oe.nodes.length)&&o.createElement(A,{categories:oe.nodes,widget:null==se?void 0:se.sustainabilityWidgetWebsite}),(null==se?void 0:se.messages)&&(null==se||null===(Y=se.messages)||void 0===Y?void 0:Y.length)>0&&o.createElement("section",{"data-cy":"products",className:"pb-20 bg-gray-100 products-updated"},o.createElement(h.Z,{json:{"@context":"https://schema.org","@type":"ItemList",name:((null==se||null===(G=se.coreMessage)||void 0===G?void 0:G.title)||"Products")+" list",url:(null==se?void 0:se.absolutePath)||"",numberOfItems:se.messages.length,itemListElement:se.messages.map(((e,t)=>({"@type":"ListItem",position:t+1,url:e.path,name:e.title})))}}),o.createElement(p.Z,{as:"h2",className:"p-10 text-2xl md:text-[1.625rem] md:p-14"},re.products),o.createElement(E.Z,null,null==se?void 0:se.messages.map((e=>{let{hero:t,path:a,teaserImage:l,title:n}=e;return o.createElement(y.Z,{key:a,asset:l||t,href:a,title:n,imagePaddingY:"0"})})))),o.createElement("div",{className:"max-w-container px-4 mx-auto"},o.createElement(T,null)),(null==se?void 0:se.secondaryMessage)&&o.createElement(o.Fragment,null,o.createElement("section",{className:"px-6 py-14 bg-gray-100 secondary-message-teaser"},o.createElement("div",{className:"max-w-container mx-auto block bg-white rounded-lg lg:flex drop-shadow-[0_10px_5px_rgba(0,0,0,0.1)]"},o.createElement("div",{className:"lg:w-2/3"},null!=se&&null!==(K=se.secondaryMessage)&&void 0!==K&&null!==(q=K.heroImageLink)&&void 0!==q&&q.path?o.createElement(x.default,{href:null==se||null===(J=se.secondaryMessage)||void 0===J?void 0:J.heroImageLink.path},o.createElement(g.Z,{className:"rounded-t-lg lg:rounded-l-lg lg:rounded-tr-none",image:null==se||null===(Q=se.secondaryMessage)||void 0===Q?void 0:Q.heroConstrained.gatsbyImageData,alt:null==se||null===(X=se.secondaryMessage)||void 0===X?void 0:X.hero.description}),o.createElement("span",{className:"sr-only"},null==se||null===($=se.secondaryMessage)||void 0===$?void 0:$.heroImageLink.title)):o.createElement(g.Z,{className:"rounded-t-lg lg:rounded-l-lg lg:rounded-tr-none",image:null==se||null===(ee=se.secondaryMessage)||void 0===ee?void 0:ee.heroConstrained.gatsbyImageData,alt:null==se||null===(te=se.secondaryMessage)||void 0===te?void 0:te.hero.description})),o.createElement("div",{className:"p-6 lg:flex lg:flex-col lg:w-1/3"},o.createElement(p.Z,{"data-cy":"secondary-heading",as:"h2",className:"mb-12 text-2xl lg:mb-6 lg:grow",textAlign:"left",fontWeight:"bold",textTransform:"normal-case"},null==se?void 0:se.secondaryMessage.title),o.createElement("div",{className:"text-center"},o.createElement(x.default,{className:"block px-10 py-3 text-base font-bold text-white rounded-full hover:underline leading-tigher bg-[color:var(--cta-bg-color)] hover:text-white",href:(null==se||null===(ae=se.secondaryMessage)||void 0===ae||null===(le=ae.heroImageLink)||void 0===le?void 0:le.path)||(null==se?void 0:se.secondaryMessage.path),"aria-label":re.readMore+": "+(null==se?void 0:se.secondaryMessage.title)},re.readMore))))),o.createElement(u.Z,{facts:null==se?void 0:se.secondaryMessage.facts})),(null==se?void 0:se.homepageVideo)&&o.createElement(C,{video:se.homepageVideo}),o.createElement(i.Z,{certificates:null==se?void 0:se.certificates}),(null==se?void 0:se.promotedLinksHeading)&&(null==se?void 0:se.promotedLinks)&&(null==se?void 0:se.promotedLinks.length)>0&&o.createElement("section",{className:"max-w-container px-6 mx-auto sm:px-20 lg:px-40"},o.createElement(p.Z,{as:"h2",className:"py-10 text-2xl md:text-[1.625rem] md:py-14",textAlign:"left"},null==se?void 0:se.promotedLinksHeading),o.createElement("ul",{className:"md:grid md:grid-cols-2 md:gap-x-6"},null==se?void 0:se.promotedLinks.map(((e,t)=>{var a,l,r;return o.createElement("li",{key:e.id,className:n()("border-t border-ghost py-3 border-dotted",{"border-b":(null==se?void 0:se.promotedLinks)&&(null==se||null===(a=se.promotedLinks)||void 0===a?void 0:a.length)-1===t},{"md:border-b":(null==se?void 0:se.promotedLinks)&&(null==se||null===(l=se.promotedLinks)||void 0===l?void 0:l.length)-2===t&&(null==se||null===(r=se.promotedLinks)||void 0===r?void 0:r.length)%2==0})},"Hyperlink"!==e.__typename&&o.createElement(x.default,{className:"text-base font-bold underline hover:no-underline text-scarpa-flow hover:text-[color:var(--link-color-hover)]",href:e.path},e.title),"Hyperlink"===e.__typename&&o.createElement(d.default,{className:"text-base font-bold underline hover:no-underline text-scarpa-flow hover:text-[color:var(--link-color-hover)]",href:e.path},e.title))})))),o.createElement(V,null))};const O=e=>{var t;let{data:a}=e;const{website:l}=a;return o.createElement(v.ZP,{absolutePath:null==l?void 0:l.absolutePath,home:l,metaDescription:null==l?void 0:l.brand.description,pageTitle:null==l?void 0:l.homepageTitle,pageType:"home",testId:"home",shareImgSrc:(0,r.d)(null==l||null===(t=l.coreMessage)||void 0===t?void 0:t.hero.gatsbyImageData),dmpAttributes:null==l?void 0:l.dmpAttributes,id:null==l?void 0:l.id})}}}]);
2//# sourceMappingURL=component---src-templates-home-home-tsx-905200bdf4cdfd896e98.js.map