https://optikmelawai.com/_next/static/chunks/3131-37a852e5a488f162.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3131,3041],{40950:function(e,t,l){var s=l(85893),r=l(67294),i=l(25935);const a={left:"text-left",right:"text-right",center:"text-center",justify:"text-justify"},n={h1:"text-4xl text-black font-epilogue",h2:"text-3xl text-black font-epilogue",h3:"text-2xl text-black font-epilogue",h4:"text-xl text-black font-epilogue",h5:"text-lg text-black font-epilogue",h6:"text-base font-bold text-black font-epilogue"};t.Z=e=>{let{htmlString:t,position:l}=e;const c={replace:e=>{if("type"in e&&"name"in e&&"tag"===e.type){const t=e.attribs&&e.attribs.style?(e.attribs.style.match(/text-align:\s*(\w+)/)||[])[1]:"",d=a[t]||"";if("ul"===e.name){let t="list-disc";e.attribs&&e.attribs.style&&(e.attribs.style.includes("list-style-type:circle;")?t="list-circle":e.attribs.style.includes("list-style-type:square;")?t="list-square":e.attribs.style.includes("list-style-type:none;")&&(t="list-none"));const r="".concat(t,"center"===l?" pl-4 mt-5 flex flex-col items-center":" pl-4 mt-5");return(0,s.jsx)("ul",{className:r,children:(0,i.du)(e.children,{...c})})}if("ol"===e.name){let t=e.parent;for(;t&&"tag"!==t.type;)t=t.parent;let r="list-decimal";e.attribs&&e.attribs.style&&(e.attribs.style.includes("list-style-type:lower-roman;")?r="list-lower-roman":e.attribs.style.includes("list-style-type:upper-roman;")?r="list-upper-roman":e.attribs.style.includes("list-style-type:lower-latin;")?r="list-lower-latin":e.attribs.style.includes("list-style-type:upper-latin;")?r="list-upper-latin":e.attribs.style.includes("list-style-type:lower-alpha;")?r="list-lower-alpha":e.attribs.style.includes("list-style-type:upper-alpha;")?r="list-upper-alpha":e.attribs.style.includes("list-style-type:decimal-leading-zero;")?r="list-decimal-leading-zero":e.attribs.style.includes("list-style-type:georgian;")?r="list-georgian":e.attribs.style.includes("list-style-type:hebrew;")&&(r="list-hebrew"));const a="center"===l?"pl-4 mt-5 flex flex-col items-center ".concat(r):"pl-4 mt-5 ".concat(r);return t&&"li"===t.name?(0,s.jsx)("ol",{className:"ml-5 text-base text-black font-epilogue my-3 ".concat(r),children:(0,i.du)(e.children,{...c})}):(0,s.jsx)("ol",{className:a,children:(0,i.du)(e.children,{...c})})}if("li"===e.name)return(0,s.jsx)("li",{children:(0,i.du)(e.children,{...c})});if("a"===e.name&&e.attribs)return(0,s.jsx)("a",{href:e.attribs.href,target:e.attribs.target,rel:e.attribs.rel,className:"text-blue-500",children:(0,i.du)(e.children,{...c})});if("span"===e.name&&e.attribs){const t=(e.attribs.style||"").split(";").reduce((e,t)=>{const[l,s]=t.split(":");return l&&s&&(e[l.trim()]=s.trim()),e},{});return(0,s.jsx)("span",{className:"font-epilogue",style:t,children:(0,i.du)(e.children,{...c})})}if("blockquote"===e.name)return(0,s.jsx)("blockquote",{className:"p-4 my-4 border-s-4 border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-gray-800",children:(0,s.jsx)("p",{className:"mb-3 italic",children:(0,i.du)(e.children,{...c})})});if("p"===e.name&&e.attribs){const t=e.attribs.style||"",l="mb-3 ".concat(d);return(0,s.jsx)("p",{className:l,style:t.split(";").reduce((e,t)=>{const[l,s]=t.split(":");if(l&&s){const t=l.trim(),r=s.trim();t in e&&(e[t]=r)}return e},{}),children:(0,i.du)(e.children,{...c})})}if(e.name in n){const t="".concat(n[e.name]," ").concat(d);return r.createElement(e.name,{className:t},(0,i.du)(e.children,{...c}))}}return e}},d=(0,i.ZP)(t,{...c});return(0,s.jsx)(s.Fragment,{children:d})}},72696:function(e,t,l){l.d(t,{Z:function(){return d}});var s=l(85893),r=l(41664),i=l.n(r),a=l(67294),n=l(46066),c=l(15267);function d(e){let{backPage:t,backPageUrl:l,ctaText:r,ctaType:d,ctaUrl:o,image:x,title:m,description:h,hrImageAltText:u,is_use_attribute:p=!0}=e;const b=(0,a.useRef)(null);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"grid md:grid-cols-2 sm:grid-cols-1 sm:h-auto overflow-hidden",children:[(0,s.jsxs)("div",{className:"lg:px-25 md:px-15 sm:px-15 py-5 bg-primary",children:[(0,s.jsxs)("nav",{className:"flex justify-between","aria-label":"Breadcrumb",children:[""!=t&&(0,s.jsxs)("ol",{className:"inline-flex items-center mb-3 sm:mb-0",children:[(0,s.jsx)("li",{children:(0,s.jsx)(i(),{href:"/",className:"text-xs md:tracking-2 font-epilogue text-white uppercase hover:text-dark_red whitespace-nowrap",children:"OPTIK MELAWAI"})}),(0,s.jsx)("li",{children:(0,s.jsx)("span",{className:"md:mx-2 sm:mx-1 text-white",children:"/"})}),(0,s.jsx)("li",{children:(0,s.jsx)(i(),{href:l||"/",className:"text-xs md:tracking-2 font-epilogue text-white hover:text-dark_red whitespace-nowrap uppercase",children:t})}),(0,s.jsx)("li",{children:(0,s.jsx)("span",{className:"md:mx-2 sm:mx-1 text-white",children:"/"})}),(0,s.jsx)("li",{children:(0,s.jsx)("span",{className:"text-xs md:tracking-2 font-epilogue text-white hover:text-dark_red whitespace-nowrap uppercase",children:m})})]}),""==t&&(0,s.jsxs)("ol",{className:"inline-flex items-center mb-3 sm:mb-0",children:[(0,s.jsx)("li",{children:(0,s.jsx)(i(),{href:"/",className:"text-xs md:tracking-2 font-epilogue text-white uppercase hover:text-dark_red whitespace-nowrap",children:"OPTIK MELAWAI"})}),(0,s.jsx)("li",{children:(0,s.jsx)("span",{className:"md:mx-2 sm:mx-1 text-white",children:"/"})}),(0,s.jsx)("li",{children:(0,s.jsx)("span",{className:"text-xs md:tracking-2 font-epilogue text-white hover:text-dark_red whitespace-nowrap uppercase",children:m})})]})]}),(0,s.jsxs)("div",{className:"mt-5 h-[80] flex flex-col justify-center",children:[(0,s.jsx)("h1",{className:"text-white font-epilogue text-3xl font-bold lg:w-full sm:w-full",children:m}),(0,s.jsx)("p",{className:"text-white text-base mt-3 sm:w-full",children:h}),""!=r&&(0,s.jsxs)(s.Fragment,{children:["button"==d&&(0,s.jsx)(i(),{href:o||"/",children:(0,s.jsx)("button",{className:"w-[235px] mt-5 w-40 border border-white text-white hover:border-dark_red hover:text-dark_red font-bold py-2 px-4 uppercase",children:r})}),"link"==d&&(0,s.jsxs)(i(),{href:o||"/",className:"text-white uppercase font-epilogue font-bold",children:[r," ",(0,s.jsx)("i",{className:"icon2-ic-long-arrow-right text-white"})]})]})]})]}),(0,s.jsx)("div",{className:"img-header-service bg-gray bg-cover min-h-[350px] relative",children:(0,s.jsx)(n.Z,{ref:b,dots:!1,fade:!0,autoplay:!0,className:"bannerSlider_halfVideo h-full",children:null==x?void 0:x.map((e,t)=>{const{url:l,ext:r}=(i=e,p?{url:null==i||null===(a=i.attributes)||void 0===a?void 0:a.url,ext:null==i||null===(n=i.attributes)||void 0===n?void 0:n.ext}:{url:null==i?void 0:i.url,ext:null==i?void 0:i.ext});var i,a,n;const d=".mp4"===r;return(0,s.jsx)("div",{className:"item-slider h-full",children:d?(0,s.jsx)("video",{autoPlay:!0,muted:!0,loop:!0,className:"h-full object-cover w-full",children:(0,s.jsx)("source",{src:l,type:"video/mp4"})}):(0,s.jsx)(c.Z,{unoptimized:!0,fallbackSrc:"/assets/icons/broken-img.svg",src:l||"/assets/img/product/img-1.jpg",blurDataURL:l||"/assets/img/product/img-1.jpg",height:700,width:700,alt:u||"",loading:"lazy",className:"h-full object-cover w-full"},l)},t)}

1)})})]})})}},9719:function(e,t,l){l.d(t,{Z:function(){return r}});var s=l(85893);function r(e){let{title:t,description:l,thumbnail:r,video:i,videoAlt:a}=e;return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("div",{className:"mt-16",children:(0,s.jsx)("div",{className:"bg-light_red mt-10 h-auto min-h-400",children:(0,s.jsxs)("div",{className:"grid md:grid-cols-3 sm:grid-cols-1 h-full",children:[(0,s.jsxs)("div",{className:"col-span-1 md:px-25 sm:px-15 flex-col justify-center flex py-5",children:[(0,s.jsx)("h2",{className:"text-black font-epilogue text-[24px] font-bold md:w-full uppercase mb-3",children:t}),(0,s.jsx)("p",{className:"text-base text-black mb-0",children:l})]}),(0,s.jsx)("div",{className:"col-span-2 h-auto min-h-400",children:(0,s.jsxs)("video",{id:"video",controls:!0,preload:"none",width:"100%",height:"100%",poster:r||"/assets/img/banner-corporate-04.jpg",className:"object-cover h-full",children:[(0,s.jsx)("source",{id:"mp4",src:i||"http://media.w3.org/2010/05/sintel/trailer.mp4",type:"video/mp4"}),(0,s.jsx)("p",{children:a})]})})]})})})})}},13041:function(e,t,l){l.r(t),l.d(t,{default:function(){return a}});var s=l(85893),r=l(41664),i=l.n(r);function a(e){let{title:t,desc:l,color:r,cta:a}=e;var n="bg-dark-red-2";return"red"==r?n="bg-primary-new text-white":"dark red 1"==r?n="bg-dark-red-1 text-white":"dark red 2"==r||"brown"==r?n="bg-dark-red-2 text-white":"light red"==r?n="bg-light-red-1 text-white":"gray"==r&&(n="bg-gray text-white"),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"w-full -h-20 py-5 m-auto flex flex-col items-center justify-center ".concat(n),children:[(0,s.jsx)("p",{className:"text-xl font-epilogue text-center font-bold  md:w-[100%] sm:w-[70%]",children:t}),(0,s.jsx)("p",{className:" text-base font-lora my-1 text-center",children:l}),"button"!=(null==a?void 0:a.ctaType)&&(0,s.jsxs)(i(),{href:(null==a?void 0:a.ctaUrl)||"/",className:"flex items-center uppercase text-base font-bold ",children:[null==a?void 0:a.ctaText,(0,s.jsx)("i",{className:"icon-ic-long-arrow ms-2 font-bold text-lg "})]}),"button"==(null==a?void 0:a.ctaType)&&(0,s.jsx)(i(),{href:(null==a?void 0:a.ctaUrl)||"/",children:(0,s.jsx)("button",{className:"border border-white text-white hover:border-dark_red hover:text-dark_red font-bold py-2 px-4 rounded uppercase",children:null==a?void 0:a.ctaText})})]})})}}}]);