https://morin.id/_next/static/chunks/pages/about-e301c01231f23c67.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[521],{6515:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/about",function(){return l(1127)}])},1127:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSG:function(){return R},default:function(){return E}});var a=l(5893),n=l(7294),s=l(4241),i=l(2228),r=l(5766),o=l(5559),c=l(9755),x=l.n(c);let m=e=>{let{titleDescription:t,title:l,imgSrc:n,imgPlaceholder:s,imgAlt:i,button:r,onClick:o=()=>{}}=e;return(0,a.jsxs)("div",{className:"group relative w-full min-h-20rem h-full rounded-2xl overflow-hidden cursor-pointer group hover:shadow-softer transition-all duration-300 hover:rotate-1",onClick:o,children:[(0,a.jsx)("div",{className:"absolute w-full h-full z-2 bg-black opacity-5 transition-opacity duration-500 group-hover:opacity-0"}),(0,a.jsx)("div",{className:"w-full h-full absolute-center",children:(0,a.jsx)(x(),{src:n,blurDataURL:s,placeholder:"blur",alt:i,layout:"fill",objectFit:"cover"})}),(0,a.jsx)("div",{className:"relative w-full h-full z-3",children:(0,a.jsxs)("div",{className:"flex flex-col justify-between w-full h-full text-white text-center pt-4 pb-3 px-5 md:py-6 md:px-8 aspect-[2/1] md:aspect-none min-h-[0px] md:min-h-[500px] lg:min-h-[650px] xl:min-h-[740px] xl:p-8 2xl:min-h-[850px]",children:[(0,a.jsx)("span",{className:"font-semibold uppercase max-w-md tracking-widest mx-auto md:text-default",children:t}),(0,a.jsx)("span",{className:"font-nutmeg text-[22px] sm:text-subtitle mx-auto leading-none lg:text-h5 xl:text-h2",children:l}),(0,a.jsx)("span",{className:"flex items-center min-h-[25px] font-semibold leading-none border-white border-2 border-solid rounded-full px-4 py-[0.35em] mx-auto md:min-h-[30px] group-hover:text-black group-hover:bg-white transition-all duration-300",children:(0,a.jsx)("span",{className:"md:pt-0.5",children:r})})]})})]})};var d=l(2641),u=l(3253),g=l.n(u),h=l(7741);g().setAppElement("#__next");let p=e=>{let{children:t,isOpen:l,onRequestClose:n,closeTimeoutMS:s,className:i,classNameOuter:r}=e;return(0,a.jsx)(g(),{isOpen:l,onRequestClose:n,closeTimeoutMS:s||200,className:"PageModal__Content ",overlayClassName:"PageModal__Overlay",children:(0,a.jsxs)("div",{className:"PageModal__Content--Outer ".concat(r||"","  min-h-screen md:min-h-0 flex justify-center flex-col"),children:[(0,a.jsx)("button",{"aria-label":"page_modal",onClick:n,className:"Modal__Close",children:(0,a.jsx)(h.x8,{})}),(0,a.jsx)("div",{className:"PageModal__Content--Inner ".concat(i||""," "),children:t})]})})};var b=l(876),f=l(9315),v=l(9686),j=l(1163),N=l(1860),w=l(8168),_=l(2141),y=l(129),k=l(5641);let C=e=>{let{children:t}=e;return(0,a.jsx)("p",{className:"font-medium my-4",children:t})},S=e=>{let{imageSrc:t="",blurDataURL:l="",alt:n=""}=e;return(0,a.jsx)("div",{className:"relative w-full h-30rem max-md:h-56 rounded-xl overflow-hidden my-10 ",children:(0,a.jsx)(x(),{src:t,blurDataURL:""!==l?l:"",placeholder:""!==l?"blur":"empty",alt:n,layout:"fill",objectFit:"cover",objectPosition:"center"})})},Z={block:{normal:e=>{let{children:t}=e;return""===t[0]?(0,a.jsx)("br",{}):(0,a.jsx)(C,{children:t})},h1:e=>{let{children:t}=e;return(0,a.jsx)("h1",{children:t})},h2:e=>{let{children:t}=e;return(0,a.jsx)("h2",{children:t})},h3:e=>{let{children:t}=e;return(0,a.jsx)("h3",{children:t})},h4:e=>{let{children:t}=e;return(0,a.jsx)("h4",{children:t})},h5:e=>{let{children:t}=e;return(0,a.jsx)("h5",{children:t})}},types:{image:e=>(0,a.jsx)(S,{imageSrc:(0,v.Z)(e.value).auto("format").url(),blurDataURL:(0,v.Z)(e.value).auto("format").width(500).blur(25).url(),alt:e.value.alt})}},D=e=>{var t,l;let{aboutAPI:c,eventAPI:u,seoAPI:g,footerAPI:C,translation:S}=e,[D,R]=(0,n.useState)(null),[E]=c,[O]=g,[L]=C,M=(0,j.useRouter)(),P=e=>{R(e)},I=()=>{R(null)},U=(0,f.b)();return(0,n.useEffect)(()=>

1{U.setLangColor("black"),(0,d.f)({context:U})},[]),(0,a.jsxs)(y.E.div,{className:"w-full bg-morin-skyBlue",initial:"initial",animate:"enter",exit:"exit",variants:k.U,children:[(0,a.jsx)(N.Z,{title:"id"===U.language?"Tentang Kami":"About",pagelink:M.pathname,inputSEO:null===(t=E.seo)||void 0===t?void 0:t.id,defaultSEO:void 0!==O&&(null===(l=O.seo)||void 0===l?void 0:l.id),webTitle:void 0!==O&&O.webTitle}),(0,a.jsxs)(i.Z,{className:"relative pt-16 overflow-hidden",children:[(0,a.jsx)("div",{className:"w-[150vw] aspect-[1/1] absolute inset-0 -translate-x-1/2 -translate-y-1/2 -top-20 left-1/2 z-1 ",children:(0,a.jsx)(_.VS,{translateY:["-200px","200px"],className:"w-full h-full ",children:(0,a.jsx)(x(),{src:"/RAY.svg",layout:"fill",objectFit:"contain",className:"animate-spin-slow"})})}),(0,a.jsxs)("div",{className:"relative w-full min-h-screen max-w-screen-2xl flex flex-col justify-between z-2",children:[(0,a.jsxs)("div",{className:"relative pt-28 pb-32 px-8 xl:pb-36 z-2",children:[(0,a.jsxs)("div",{className:"relative max-w-md text-morin-blue text-center mx-auto lg:max-w-xl xl:max-w-3xl",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("h1",{className:"font-poppins font-semibold text-defaultSmall leading-none relative z-2 tracking-widest mt-0 mb-6 lg:text-default lg:mb-10 xl:mb-20",children:"id"===U.language?E.title.id:E.title.en}),(0,a.jsxs)("div",{className:"absolute top-0 left-0 w-full h-full flex justify-center items-center",children:[(0,a.jsx)(h.y$,{className:"hidden lg:block"}),(0,a.jsx)(h.Ny,{className:"lg:hidden"})]})]}),(0,a.jsxs)("div",{className:"relative mb-8 lg:mb-16 xl:mb-28",children:[(0,a.jsx)("p",{className:"font-nutmeg text-mtitleBig leading-tight lg:text-h2 ",children:"id"===U.language?"Selama lebih dari 40 tahun, Morin telah hadir menemani momen sarapan keluarga Indonesia.":"For more than 40 years, Morin has been present to accompany Indonesian family breakfast moments."}),(0,a.jsx)("div",{className:"absolute left-0 lg:left-auto  rotate-[-20deg] lg:rotate-[20deg] scale-x-[-100%]  translate-y-[-60%] ".concat("id"===U.language?"left-[0%] sm:left-0 lg:left-auto translate-x-[0%] lg:translate-x-[50%] lg:right-[0%] xl:right-[25%] top-0 lg:translate-y-[-65%]":"translate-x-[-30%] lg:translate-x-0 left-[10%] lg:left-auto  lg:right-[0%] xl:right-[22.5%] top-0 lg:translate-y-[-60%]"," "),children:(0,a.jsx)(h.CI,{className:"h-[70px] w-auto lg:h-[119px] lg:w-[123px]"})}),(0,a.jsx)("div",{className:"absolute hidden lg:block  left-0 scale-125  ".concat("id"===U.language?"lg:translate-x-[-50%] xl:translate-x-[-125%] lg:top-[20%] xl:top-[25%]":"lg:translate-x-[0%] xl:translate-x-[-50%] lg:top-[17%] xl:top-[25%]"," "),children:(0,a.jsx)(h.qU,{className:"h-[69px] w-[46px]"})}),(0,a.jsx)("div",{className:"absolute hidden lg:block right-0 ".concat("id"===U.language?"right-0 lg:scale-150 xl:scale-150 lg:translate-x-[50%] xl:translate-x-[100%] lg:bottom-[25%] xl:bottom-[30%]":"right-0 lg:scale-125 xl:scale-125 lg:translate-x-[75%] xl:translate-x-[50%] lg:bottom-[20%] xl:bottom-[30%] "," "),children:(0,a.jsx)(h.ho,{className:"h-[28px] w-auto"})}),(0,a.jsx)("div",{className:"absolute lg:top-auto bottom-[-5%] lg:bottom-[-5%] xl:bottom-[-8%] ".concat("id"===U.language?"right-[50%] translate-x-[50%] sm:translate-x-0 sm:right-[8%] lg:right-0 xl:right-[50%] xl:translate-x-[50%]":"left-[50%] translate-x-[-50%] xs:translate-x-0 xs:left-[7%] lg:right-auto lg:left-[0%] xl:left-auto xl:right-[35%]"," "),children:(0,a.jsx)(h.x1,{className:"h-[20px] w-auto lg:h-[32px] lg:w-[312px]"})})]}),(0,a.jsx)(o.Z,{ariaLabel:"button_about",color:b.Z.morinBlue,arrow:!1,onClick:()=>P("cover"),children:"en"===U.language?E.cover.button.en:E.cover.button.id})]}),(0,a.jsx)(_.VS,{translateY:["0px","-150px"],className:"absolute top-[15%] sm:top-[10%] lg:top-[10%] right-[-40px] md:right-[-80px] lg:right-[-120px] ",children:(0,a.jsx)("div",{className:"relative aspect-[1/1] w-[175px] sm:w-[200px] md:w-[258px] lg:w-[382px] rotate-12",children:(0,a.jsx)(x(),{src:(0,v.Z)(E.backgrounds.imageLeft).auto("format").url(),blurDataURL:(0,v.Z)(E.backgrounds.imageLeft).auto("format").width(350).blur(50).url(),layout:"fill",objectFit:"contain"})})}),(0,a.jsx)(_.VS,{translateY:["0px","-100px"],className:"absolute bottom-[-5%] lg:bottom-[5%] left-[-40px] md:left-[-80px] lg:left-[-120px]",children:(0,a.jsx)("div",{className:"relative aspect-[1/1] w-[175px] sm:w-[200px] md:w-[258px] lg:w-[382px] -rotate-12",children:(0,a.jsx)(x(),{src:(0,v.Z)(E.backgrounds.imageRight).auto("format").url(),blurDataURL:(0,v.Z)(E.backgrounds.imageRight).auto("format").width(350).blur(50).url(),placeholder:"blur",layout:"fill",objectFit:"contain"})})})]}),(0,a.jsx)(r.Z,{className:"pl-0 pr-0",classNameOuter:"px-4 mb-8 lg:px-0 lg:mb-12 xl:mb-14",children:(0,a.jsx)("div",{className:"grid grid-cols-2 gap-7",children:E.contents.map((e,t)=>(0,a.jsx)(m,{titleDescription:"en"===U.language?e.titleDescription.en:e.titleDescription.id,title:"en"===U.language?e.titleCover.en:e.titleCover.id,button:"en"===U.language?e.button.en:e.button.id,imgSrc:(0,v.Z)(e.thumbnail).auto("format").url(),imgPlaceholder:(0,v.Z)(e.thumbnail).auto("format").width(400).blur(25).url(),imgAlt:e.thumbnail.alt,onClick:()=>P(e._key)},t))})}),(0,a.jsx)(s.Z,{event:u.length>0,lang:U.language,button:S.menu_lang,faq:O.advance_setting.hide_faq,mailchimp:L.mailchimpID,footer:L,translation:S}

1)]})]}),(0,a.jsxs)(p,{isOpen:"cover"===D,onRequestClose:I,className:"text-morin-blue",children:[(0,a.jsx)("span",{className:"block font-nutmeg text-mtitleSmall mb-5 md:text-mtitleBig",children:"en"===U.language?E.cover.titleDescription.en:E.cover.titleDescription.id}),(0,a.jsx)("div",{className:"content about",children:(0,a.jsx)(w.YI,{value:"en"===U.language?E.cover.description.en:E.cover.description.id,components:Z})})]}),E.contents.map((e,t)=>(0,a.jsxs)(p,{isOpen:D===e._key,onRequestClose:I,className:"text-morin-blue",children:[(0,a.jsx)("span",{className:"block font-nutmeg text-mtitleSmall mb-5 md:text-mtitleBig",children:"en"===U.language?e.titleDescription.en:e.titleDescription.id}),(0,a.jsx)("div",{className:"content about",children:(0,a.jsx)(w.YI,{value:"en"===U.language?e.description.en:e.description.id,components:Z})})]},t))]})};var R=!0,E=D}},function(e){e.O(0,[696,711,168,253,529,774,888,179],function(){return e(e.s=6515)}),_N_E=e.O()}]);