1<!DOCTYPE html><html lang="id"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Optik Melawai | Live Shopping</title><meta name="robots" content="index,follow"/><meta property="og:title" content="Optik Melawai | Live Shopping"/><link rel="canonical" href="https://optikmelawai.com/marketplace"/><meta name="next-head-count" content="6"/><link rel="icon" href="/assets/icons/favicon.ico"/><style>.qcw-trigger-btn { z-index: 999 !important; }</style><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/d3e9f08b47212c75.css" as="style"/><link rel="stylesheet" href="/_next/static/css/d3e9f08b47212c75.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/js/newrelic.js" defer="" data-nscript="beforeInteractive"></script>
1<script src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/js/chat.js" defer="" data-nscript="beforeInteractive"></script>
1<script defer="" src="/_next/static/chunks/9184.aefac5ae83123cf8.js"></script>
1<script defer="" src="/_next/static/chunks/7877.885467d159df0db9.js"></script>
1<script defer="" src="/_next/static/chunks/3392.da381d75293e5433.js"></script>
1<script defer="" src="/_next/static/chunks/7873.5ab1701c436bfb76.js"></script>
1<script defer="" src="/_next/static/chunks/7211.93fc2997d929c58e.js"></script>
1<script src="/_next/static/chunks/webpack-1166bb03d4e021b4.js" defer=""></script>
1<script src="/_next/static/chunks/framework-f681de1006023a53.js" defer=""></script>
1<script src="/_next/static/chunks/main-98e8b24c8fa35fe5.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-30b590abfd24c94f.js" defer=""></script>
1<script src="/_next/static/chunks/2962-3a6ffea1e6c51597.js" defer=""></script>
1<script src="/_next/static/chunks/pages/marketplace-17c1b9da225e4f1a.js" defer=""></script>
1<script src="/_next/static/8BVhzvkVrp8NBrDNSzkDk/_buildManifest.js" defer=""></script>
1<script src="/_next/static/8BVhzvkVrp8NBrDNSzkDk/_ssgManifest.js" defer=""></script>
1</head><body class="scrollbar">
vendor: 67 bytes, line 1
1<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1GTM-WGR8QWZ
vendor: 82 bytes, line 1
1" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1<div id="__next"><div class="hidden fixed left-0 right-0 h-screen z-[50] bg-transparent" style="margin-left:0px"></div><div class="hidden fixed left-0 right-0 h-screen z-[50] bg-transparent" style="margin-left:0px"></div><div class="hidden fixed left-0 right-0 h-screen z-[50] bg-transparent" style="margin-left:0px"></div><div class="sticky top-0 w-full z-50"><div class="min-w-[35px] bg-dark_red flex items-center px-8 py-2"><p class=" inline-flex items-center justify-center text-white text-sm font-epilogue font-bold uppercase px-4 w-fit mx-auto whitespace-nowrap "><a href="/">FREE SHIPPING</a></p><div class="text-right space-x-3 md:col-span-1/12 md:blok lg:col-span-1/12 lg:block xl:col-span-1/12 xl:block sm:col-span-1/4 sm:hidden"><button class="font-bold text-white text-xs uppercase hover:text-gray">eng</button><button class="font-bold text-white text-xs uppercase hover:text-gray p-0 border-b-2">ind</button></div></div><nav class="bg-white py-0 lg:px-25 md:px-25 sm:px-15 border-0"><div class="mx-auto flex items-center justify-between sm:flex-row"><div class="flex items-center sm:mt-2 lg:hidden"><button class="relative text-xl mr-3 sm:mb-1" type="button"><i class="icon-ic-search-list text-black sm:text-[28px] md:text-[40px]"></i></button></div><div class="flex items-center align-middle sm:place-content-center md:place-content-start headerLeft"><h1 class="lg:order-1 md:order-1 flex items-center lg:justify-start md:justify-center sm:justify-center lg:m-0 md:m-auto sm:ml-6"><a href="/"><img alt="logo optik melawai" loading="lazy" width="190" height="23" decoding="async" data-nimg="1" class="max-h-[30px] mix-blend-multiply" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Flogo_5c9da09031.webp&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Flogo_5c9da09031.webp&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Flogo_5c9da09031.webp&w=384&q=75"/></a></h1><div class="hidden lg:flex md:order-2"><div class="md:order-2"><ul class="flex font-medium md:flex-row ml-10 md:mt-0"></ul></div></div></div><div class="flex items-center justify-end lg:space-x-3 w-auto"><button class="lg:block md:hidden sm:hidden"><i class="icon-navbar icon-ic-search lg:text-[28px] text-black"></i></button><div class="hidden absolute mt-0 ml-0 left-0 top-full z-[1000] border-0 border-t-2 border-gray w-full bg-white [&[data-te-dropdown-show]]:block shadow-bottom mt-4 search-desktop" style="margin-left:0px;margin-top:0px"><form><input type="text" class="w-full h-24 border-0 border-b-2 border-gray outline-none text-lg text-black font-epilogue placeholder:text-gray md:px-25 sm:px-15 focus:shadow-none focus:shadow-transparent focus:outline-none focus:border-gray" placeholder="Cari brand atau produk favorit" name="searchMenu" value=""/></form><div class="bg-white grid w-full py-8 lg:grid-cols-4 sm:grid-cols-1"><div class="lg:px-25 sm:px-15 col-span-1"><ul class="mt-1 flex flex-col gap-4"><li><a class="bm-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase flex items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan produk<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li><li><a class="mb-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase flex items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan Brand<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li><li><a class="mb-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase flex items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan halaman<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li></ul></div><div class="lg:px-25 sm:px-15 col-span-3"><p class="text-sm font-epilogue font-bold text-gray-700 uppercase mt-2">Terakhir Dilihat</p><div class="grid md:grid-cols-4 sm:grid-cols-1 gap-8"></div></div></div></div><button class="relative lg:block sm:hidden md:hidden" id="dropdownUser" data-te-dropdown-toggle-ref="true" aria-expanded="false" data-te-ripple-init="true" data-te-ripple-color="light"><img alt="Alert Icon" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-alert.svg" class="mb-1"/></button><div class="absolute z-[1000] w-[380px] float-left m-0 hidden min-w-max list-none overflow-hidden border-none bg-white text-left shadow-lg [&[data-te-dropdown-show]]:block" aria-labelledby="dropdownUser" data-te-dropdown-menu-ref="true"><div><div class="px-15 py-3 border-b-[1px] border-zinc-200"><p class="text-black text-base font-epilogue ">Notification</p></div><div><div class="px-15 flex items-center justify-between mt-5"><ul class=" flex flex-row overflow-x-scroll justify-center m-auto no-scrollbar whitespace-nowrap space-x-5" role="tablist" data-te-nav-ref="true"><li role="presentation"><a class="tab-menu-notification block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" href="#tabs-transaction" data-te-toggle="pill" data-te-target="#tabs-transaction" data-te-nav-active="true" role="tab" aria-controls="tabs-transaction" aria-selected="true">Transaction</a></li><li role="presentation"><a class="tab-menu-notification block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" href="#tabs-voucher" data-te-toggle="pill" data-te-target="#tabs-voucher" role="tab" aria-controls="tabs-voucher" aria-selected="false">Voucher</a></li><li role="presentation"><a class="tab-menu-notification block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" href="#tabs-shipment" data-te-toggle="pill" data-te-target="#tabs-shipment" role="tab" aria-controls="tabs-shipment" aria-selected="false">Shipment</a></li></ul></div><div class="my-5"><div class="hidden h-[300px] opacity-100 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-transaction" role="tabpanel" aria-labelledby="tabs-transaction-tab" data-te-tab-active="true"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Empty State" src="https://stra-pi.s3.ap-southeast-1.amazonaws.com/empty_state_7ed7066483.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div><div class="hidden h-[300px] opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-voucher" role="tabpanel" aria-labelledby="tabs-voucher-tab"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Icon Voucher" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-voucher.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div><div class="hidden h-[300px] opacity-0 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-shipment" role="tabpanel" aria-labelledby="tabs-shipment-tab"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Icon Shipment" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-shipment.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div></div></div></div></div><button class="relative pt-1 mb-1 mr-2 lg:hidden sm:block md:block"><img alt="Alert Icon" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-alert.svg" class="md:w-10 md:h-10"/></button><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 px-15 fixed bottom-0 right-0 top-0 z-[1045] flex sm:h-[100%] lg:w-[500px] md:w-[500px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-between mt-5 h-[5%]"><button class="flex items-center"><i class="icon-ic-back text-black text-lg"></i><p class="text-black text-base uppercase font-bold font-epilogue text-center mt-1 ms-2">Back</p></button>
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto max-h-[90%]"><div class="py-3 border-b-[1px] border-zinc-200 h-[10%]"><p class="text-black text-3xl font-epilogue ">Notification</p></div><ul class="mt-5 h-[5%] flex justify-between items-center list-none flex-row flex-wrap" role="tablist" data-te-nav-ref="true"><li role="presentation"><a href="#tabs-transaction-mobile" class="block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" data-te-toggle="pill" data-te-target="#tabs-transaction-mobile" data-te-nav-active="true" role="tab" aria-controls="tabs-transaction-mobile" aria-selected="true">Transaction</a></li><li role="presentation"><a href="#tabs-voucher-mobile" class="block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" data-te-toggle="pill" data-te-target="#tabs-voucher-mobile" role="tab" aria-controls="tabs-voucher-mobile" aria-selected="false">Voucher</a></li><li role="presentation"><a href="#tabs-shipment-mobile" class="block border-x-0 border-b-2 border-t-0 border-transparent py-[2px] text-sm uppercase font-epilogue leading-tight text-gray hover:isolate hover:border-b-2 hover:border-white focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-black" data-te-toggle="pill" data-te-target="#tabs-shipment-mobile" role="tab" aria-controls="tabs-shipment-mobile" aria-selected="false">Shipment</a></li></ul><div class="mt-5 h-[78%]"><div class="hidden h-full opacity-100 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-transaction-mobile" role="tabpanel" aria-labelledby="tabs-transaction-mobile-tab" data-te-tab-active="true"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Empty State" src="https://stra-pi.s3.ap-southeast-1.amazonaws.com/empty_state_7ed7066483.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div><div class="hidden h-full opacity-100 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-voucher-mobile" role="tabpanel" aria-labelledby="tabs-voucher-mobile-tab" data-te-tab-active="true"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Icon Voucher" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-voucher.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div><div class="hidden h-full opacity-100 transition-opacity duration-150 ease-linear data-[te-tab-active]:block" id="tabs-shipment-mobile" role="tabpanel" aria-labelledby="tabs-shipment-mobile-tab" data-te-tab-active="true"><div class="flex items-center justify-center flex-col space-y-4 h-[90%] scrollbar overflow-y-scroll whitespace-nowrap"><img alt="Icon Shipment" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-shipment.svg" class="w-[200px] h-[200px]"/><p class="text-black text-base uppercase font-bold font-epilogue text-center">No Transaction Notification</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Start Shopping on Melawai!</p></div></div></div></div></div><button class="lg:block sm:hidden"><i class="icon-ic-cart lg:text-[28px] sm:text-[28px] md:text-[40px] text-black"></i></button><div class="mb-[2px] relative" data-te-dropdown-ref="true"><button class="lg:block md:hidden sm:hidden" data-te-toggle="modal"><i class="icon-navbar icon-ic-user lg:text-[28px] text-black"></i></button><ul class="hidden ul-menu-user absolute z-[1000] w-[235px] float-left m-0 min-w-max list-none overflow-hidden border-none bg-white text-left shadow-lg [&[data-te-dropdown-show]]:block" aria-labelledby="dropdownUserMenu"><li><p class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" data-te-dropdown-item-ref="true">Hello </p></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member">Dasbor</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/wishlist">Wishlist</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/wishlist-vto">Wishlist VTO</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/profile">Akun</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/loyalty-point">Hadiah</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/order">Transaksi</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/review">Ulasan</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/last-seen">Terakhir Dilihat</a></li><li><a class="block w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none" href="/member/warranty">Kartu Garansi</a></li><li class="py-2 border-t-[1px] border-gray"><button class="flex items-center w-full whitespace-nowrap bg-transparent px-4 py-2 text-[12px] text-black uppercase font-epilogue font-bold hover:bg-[#751414] hover:text-white active:text-primary active:no-underline disabled:pointer-events-none"><i class="icon-ic-logout text-lg me-1 mb-1"></i>Keluar</button></li></ul></div><button class="relative lg:hidden pt-1"><i class="icon-ic-user lg:text-[28px] sm:text-[28px] md:text-[40px] text-black"></i></button></div></div></nav></div><div tabindex="-1" class="pointer-events-auto box-border shadow-blue-gray-900/10 lg:invisible fixed p-15 bottom-0 right-0 top-0 z-[1045] flex w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-black font-epilogue shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-between p-4 border-b-[1px] border-zinc-200"><div class="flex justify-center m-auto"><button>
1</button></div><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-3xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="fixed bg-black z-[9999]" style="width:95%"><form><input type="text" class="h-16 w-full py-3 md:text-lg sm:text-base px-10 border-0 focus:border-transparent focus:shadow-none focus:ring-0 focus-outline-none outline-0 text-black text-base font-epilogue" placeholder="Cari brand atau produk favorit" name="searchMenu" value=""/><button id="megaMenuSearch"><i class="icon-ic-search text-gray text-2xl absolute left-2 top-4"></i></button></form><div class="hidden left-0 right-0 top-full z-[1000] border-0 border-t-2 border-gray w-full bg-white [&amp;[data-te-dropdown-show]]:block shadow-bottom overflow-y-auto"><div class="grid w-full py-8 lg:grid-cols-4 sm:grid-cols-1"><div class="lg:px-25 sm:px-15 col-span-1"><ul class="mt-1 flex flex-col gap-1"><li><a class="bm-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan produk<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li><li><a class="mb-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan Brand<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li><li><a class="mb-3 hover:text-primary text-sm font-epilogue font-bold text-gray-700 uppercase items-center flex justify-between" href="/marketplace#">Cari<!-- --> <!-- --> <!-- -->berdasarkan halaman<!-- --> <i class="icon-ic-next text-[24px]"></i></a></li></ul></div><div class="lg:px-25 sm:px-15 col-span-3"><p class="text-sm font-epilogue font-bold text-gray-700 uppercase mt-2">Terakhir Dilihat</p><div class="lg:grid lg:grid-cols-4 sm:flex sm:overflow-x-scroll gap-8"></div></div></div></div></div><div class="h-full mt-20"><div class="relative block w-full whitespace-nowrap bg-transparent px-4 py-2 md:text-lg sm:text-base text-black uppercase font-epilogue font-bold active:text-primary active:no-underline disabled:pointer-events-none">Keranjang<div class="h-[20px] w-[20px] rounded-full bg-primary absolute top-[10px] right-2 text-white text-xs font-epilogue flex justify-center pt-[1px]">0</div><div class="bg-zinc-200 h-auto px-3 py-5 mt-4"><div class="flex justify-center"><button class="min-w-[180px] py-2 px-2 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none border hover:text-white hover:bg-dark_red focus:z-10 focus:ring-0">Lihat Semua</button></div></div></div><div class="p-15"><div class="mt-5 space-x-3"><button class="font-light text-black text-lg uppercase hover:text-gray" data-te-offcanvas-dismiss="true">eng</button><button class="font-bold text-black text-lg uppercase hover:text-gray p-0 border-b-2" data-te-offcanvas-dismiss="true">ind</button></div></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border shadow-blue-gray-900/10 lg:invisible fixed p-15 bottom-0 right-0 top-0 z-[1045] flex w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-black font-epilogue shadow-sm outline-none transition duration-300 ease-in-out" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-between border-b-[1px] border-zinc-200"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-back text-3xl text-black"></i></button><p class="text-black sm:text-lg md:text-xl font-epilogue"></p><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-3xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4">
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><p class="text-black px-25 text-lg font-epilogue font-bold uppercase">Di Keranjang Anda</p><div class="offcanvas-body flex-grow overflow-y-auto px-25"><div class="mt-5 flex flex-col"><div class="m-auto"><img alt="Empty State" src="https://stra-pi.s3.ap-southeast-1.amazonaws.com/empty_state_7ed7066483.svg" class="h-[220px] w-[220px]"/></div><div class="mt-2"><p class="text-black text-base uppercase font-bold font-epilogue text-center">Anda Tidak Memiliki Produk</p><p class="text-black text-sm uppercase font-normal font-epilogue text-center">Silakan berbelanja untuk menambahkan produk Anda</p></div><div class="w-[350px] m-auto"><a class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none border hover:text-white hover:bg-dark_red focus:z-10 focus:ring-0 my-10" href="/shop">Lanjutkan Berbelanja</a></div></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Wishlist Empty State" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/move-wishlist.svg" class="w-[200px] h-[200px]"/><div class="mt-12 text-center lg:px-25 sm:px-15"><p class="text-black text-lg uppercase font-bold font-epilogue">Pindahkan Ke Wishlist</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Apakah Anda yakin, Memindahkan Produk Ini Ke Wishlist Anda ?</p></div><div class="flex space-x-3 mt-10"><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase border border-primary text-primary bg-transparent focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Batal</button><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Tambahkan Ke Wishlist</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Berhasil Menambahkan wishlist</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Produk Anda telah berhasil ditambahkan ke wishlist</p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4">
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Wishlist Empty State" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/confirm-delete.svg" class="w-[200px] h-[200px]"/><div class="mt-12 text-center lg:px-25 sm:px-15"><p class="text-black text-lg uppercase font-bold font-epilogue">Hapus Produk</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Apakah Anda yakin, untuk menghapus produk ini dari keranjang anda ?</p></div><div class="flex space-x-3 mt-10"><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase border border-primary text-primary bg-transparent focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Batal</button><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Hapus</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Berhasil Menghapus</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Produk Anda telah berhasil dihapus</p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Wishlist Empty State" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/confirm-delete.svg" class="w-[200px] h-[200px]"/><div class="mt-12 text-center lg:px-25 sm:px-15"><p class="text-black text-lg uppercase font-bold font-epilogue">Hapus Wishlist</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Apakah Anda Yakin, akan menghapus produk ini dari daftar wishlist Anda ?</p></div><div class="flex space-x-3 mt-10"><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase border border-primary text-primary bg-transparent focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Batal</button><button class="min-w-[180px] py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">Hapus dari list wishlist</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4">
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Berhasil Menghapus</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Wishlist Anda telah berhasil dihapus</p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/ic-error.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Ada Masalah</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5"></p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><div class="shimmerBG"></div><img alt="loading drawer image" loading="lazy" width="200" height="200" decoding="async" data-nimg="1" class="w-[200px] h-[200px] transition-opacity duration-500 opacity-0" style="color:transparent" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/payment-process.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue px-5">waiting callback from google</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">waiting callback from google</p></div><div class="shimmerBG"></div><img alt="loading..." loading="lazy" width="77" height="77" decoding="async" data-nimg="1" class="w-24 mt-3 transition-opacity duration-500 opacity-0" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fmelawaistorage.blob.core.windows.net%2Fmlwcontainer%2Fprd%2Fpublic%2Fassets%2Fimg%2Floading-spinner.gif&w=96&q=75 1x, /_next/image?url=https%3A%2F%2Fmelawaistorage.blob.core.windows.net%2Fmlwcontainer%2Fprd%2Fpublic%2Fassets%2Fimg%2Floading-spinner.gif&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fmelawaistorage.blob.core.windows.net%2Fmlwcontainer%2Fprd%2Fpublic%2Fassets%2Fimg%2Floading-spinner.gif&w=256&q=75"/></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-full sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="offcanvas-body flex-grow overflow-y-auto px-25 pt-12"><div class="mt-5"><p class="text-black text-2xl font-bold font-epilogue w-3/4">lengkapi data akun Anda</p><p class="text-black text-sm font-epilogue w-3/4"> <!-- -->Untuk mendaftar, harap verifikasi<!-- --> <span class="font-bold"> <!-- -->Nomor HP</span></p></div><form class="mt-3" id="otpPhoneNumber"><div class="flex flex-col w-full mb-4"><label class="text-black text-xs font-regular font-epilogue uppercase">Nomor HP</label><input type="number" class="h-[40px] px-3 text-black text-sm font-regular font-epilogue" placeholder="6281234567890" name="mobile_number" value=""/>
1<div id="email-error" class="text-primary font-epilogue text-sm mt-1"></div><p class="text-gray text-sm font-epilogue mt-1">ex : 628123456789</p></div><button type="submit" class="btn btn-primary w-full">Lanjutkan</button></form></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-full sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-start p-4"><button class="text-base text-black uppercase font-bold font-epilogue"><i class="icon-ic-arrow-prev text-black"></i>Kembali</button></div><div class="offcanvas-body flex-grow overflow-y-auto px-25"><div class="border-t-2 border-gray"></div><div class="my-5"><p class="text-black text-2xl font-bold font-epilogue w-3/4">lengkapi data akun Anda</p><p class="text-black text-sm font-epilogue">Kami telah mengirimkan SMS ke nomor<!-- --> <span class="font-bold"></span>. <!-- -->Silakan cek ponsel Anda lalu masukkan kode OTP yang Anda terima</p></div><form><div class="my-5"><p class="text-black text-base font-epilogue font-bold my-3 text-center">Kode Verifikasi<!-- --> </p><div style="display:grid;align-items:center;grid-template-columns:repeat(4, minmax(0, 1fr))"><input autoComplete="off" maxLength="1" aria-label="Please enter OTP character 1" style="text-align:center;width:95%" class="inputOTPReg h-[120px] rounded-md px-3 text-black text-4xl text-center font-regular font-epilogue focus:ring-black focus:border-black" type="number" value=""/><input autoComplete="off" maxLength="1" aria-label="Please enter OTP character 2" style="text-align:center;width:95%" class="inputOTPReg h-[120px] rounded-md px-3 text-black text-4xl text-center font-regular font-epilogue focus:ring-black focus:border-black" type="number" value=""/><input autoComplete="off" maxLength="1" aria-label="Please enter OTP character 3" style="text-align:center;width:95%" class="inputOTPReg h-[120px] rounded-md px-3 text-black text-4xl text-center font-regular font-epilogue focus:ring-black focus:border-black" type="number" value=""/><input autoComplete="off" maxLength="1" aria-label="Please enter OTP character 4" style="text-align:center;width:95%" class="inputOTPReg h-[120px] rounded-md px-3 text-black text-4xl text-center font-regular font-epilogue focus:ring-black focus:border-black" type="number" value=""/></div><div class="text-black text-sm font-regular font-epilogue mt-5 mb-5 flex justify-between"><p>tidak menerima kode verifikasi<!-- --> <!-- --> <button type="button"><span class="font-bold">Kirim ulang<!-- --> </span> </button></p></div><button class="btn btn-primary w-full my-5" type="submit">Verifikasi</button></div></form></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-full sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-start p-4"><button class="text-base text-black uppercase font-bold font-epilogue"><i class="icon-ic-arrow-prev text-black"></i>Kembali</button></div><div class="offcanvas-body flex-grow overflow-y-auto px-25"><div class="border-t-2 border-gray"></div><p class="text-black text-3xl font-bold font-epilogue w-2/3 mt-5"> <!-- -->lengkapi data akun Anda</p><div class="mt-5"><form><div class="flex flex-col w-full mb-4"><label data-testid="mobile-number" class="text-black text-xs font-regular font-epilogue uppercase">Nomor HP</label><input data-testid="inputMobile-number" type="email" class="h-[40px] px-3 text-black text-sm font-regular font-epilogue bg-zinc-200 focus:ring-zinc-200 focus:border-zinc-200 border border-zinc-200 placeholder:text-black" placeholder="" name="mobile_number" readonly="" value=""/><div id="errorAddressReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex flex-col w-full mb-4"><label data-testid="email" class="text-black text-xs font-regular font-epilogue uppercase">Alamat Email</label><input data-testid="inputEmail" type="email" class="h-[40px] px-3 text-black text-sm font-regular font-epilogue bg-zinc-200 focus:ring-zinc-200 focus:border-zinc-200 border border-zinc-200 placeholder:text-black" name="email" readonly=""/><div id="errorAddressReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex flex-col w-full mb-4"><label data-testid="password" class="text-black text-xs font-regular font-epilogue uppercase">Kata sandi<span class="text-primary font-regular text-base">*</span></label><div class="relative"><input data-testid="inputPassword" type="password" class="h-[40px] w-full px-3 text-black text-sm font-regular font-epilogue focus:ring-0 focus:border-black placeholder:text-xs placeholder:font-bold" placeholder="***********" name="password"/><button type="button" class="absolute top-3 right-2"><img alt="Icon Eye Invisible" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/eye-invisible.svg"/></button><div id="errorPassReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div></div><div class="flex flex-col w-full mb-4"><label data-testid="province" class="text-black text-xs font-regular font-epilogue uppercase">Provinsi<span class="text-primary font-regular text-base">*</span></label><style data-emotion="css b62m3t-container">.css-b62m3t-container{position:relative;box-sizing:border-box;}</style><div class=" css-b62m3t-container"><style data-emotion="css 7pg0cj-a11yText">
1.css-7pg0cj-a11yText{z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;}</style><span id="react-select-313098-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" role="log" class="css-7pg0cj-a11yText"></span><style data-emotion="css 13cymwt-control">.css-13cymwt-control{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:38px;outline:0!important;position:relative;-webkit-transition:all 100ms;transition:all 100ms;background-color:hsl(0, 0%, 100%);border-color:hsl(0, 0%, 80%);border-radius:4px;border-style:solid;border-width:1px;box-sizing:border-box;}.css-13cymwt-control:hover{border-color:hsl(0, 0%, 70%);}</style><div class=" css-13cymwt-control"><style data-emotion="css hlgwow">.css-hlgwow{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden;padding:2px 8px;box-sizing:border-box;}</style><div class=" css-hlgwow"><style data-emotion="css 1jqq78o-placeholder">.css-1jqq78o-placeholder{grid-area:1/1/2/3;color:hsl(0, 0%, 50%);margin-left:2px;margin-right:2px;box-sizing:border-box;}</style><div class=" css-1jqq78o-placeholder" id="react-select-313098-placeholder">Pilih Provinsi</div><style data-emotion="css 19bb58m">.css-19bb58m{visibility:visible;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-grid;grid-area:1/1/2/3;grid-template-columns:0 min-content;margin:2px;padding-bottom:2px;padding-top:2px;color:hsl(0, 0%, 20%);box-sizing:border-box;}.css-19bb58m:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1/2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0;}</style><div class=" css-19bb58m" data-value=""><input class="" style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-313098-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-describedby="react-select-313098-placeholder" value=""/></div></div><style data-emotion="css 1wy0on6">.css-1wy0on6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}</style><div class=" css-1wy0on6"><style data-emotion="css 1u9des2-indicatorSeparator">.css-1u9des2-indicatorSeparator{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:1px;background-color:hsl(0, 0%, 80%);margin-bottom:8px;margin-top:8px;box-sizing:border-box;}</style><span class=" css-1u9des2-indicatorSeparator"></span><style data-emotion="css 1xc3v61-indicatorContainer">.css-1xc3v61-indicatorContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:color 150ms;transition:color 150ms;color:hsl(0, 0%, 80%);padding:8px;box-sizing:border-box;}.css-1xc3v61-indicatorContainer:hover{color:hsl(0, 0%, 60%);}</style><div class=" css-1xc3v61-indicatorContainer" aria-hidden="true"><style data-emotion="css 8mmkcg">.css-8mmkcg{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;}</style><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div><input type="text" class="hidden" name="province_id"/><div id="errorProvinceReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex flex-col w-full mb-4"><label data-testid="city" class="text-black text-xs font-regular font-epilogue uppercase">Kota<span class="text-primary font-regular text-base">*</span></label><style data-emotion="css 3iigni-container">.css-3iigni-container{pointer-events:none;position:relative;box-sizing:border-box;}</style><div class=" css-3iigni-container"><style data-emotion="css 7pg0cj-a11yText">
1.css-7pg0cj-a11yText{z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;}</style><span id="react-select-313099-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" role="log" class="css-7pg0cj-a11yText"></span><style data-emotion="css 16xfy0z-control">.css-16xfy0z-control{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:38px;outline:0!important;position:relative;-webkit-transition:all 100ms;transition:all 100ms;background-color:hsl(0, 0%, 95%);border-color:hsl(0, 0%, 90%);border-radius:4px;border-style:solid;border-width:1px;box-sizing:border-box;}.css-16xfy0z-control:hover{border-color:hsl(0, 0%, 70%);}</style><div class=" css-16xfy0z-control" aria-disabled="true"><style data-emotion="css hlgwow">.css-hlgwow{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden;padding:2px 8px;box-sizing:border-box;}</style><div class=" css-hlgwow"><style data-emotion="css 1jqq78o-placeholder">.css-1jqq78o-placeholder{grid-area:1/1/2/3;color:hsl(0, 0%, 50%);margin-left:2px;margin-right:2px;box-sizing:border-box;}</style><div class=" css-1jqq78o-placeholder" id="react-select-313099-placeholder">Pilih Kota</div><style data-emotion="css 1mkvw8y">.css-1mkvw8y{visibility:hidden;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-grid;grid-area:1/1/2/3;grid-template-columns:0 min-content;margin:2px;padding-bottom:2px;padding-top:2px;color:hsl(0, 0%, 20%);box-sizing:border-box;}.css-1mkvw8y:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1/2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0;}</style><div class=" css-1mkvw8y" data-value=""><input class="" style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0" disabled="" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-313099-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-activedescendant="" aria-describedby="react-select-313099-placeholder" value=""/></div></div><style data-emotion="css 1wy0on6">.css-1wy0on6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}</style><div class=" css-1wy0on6"><style data-emotion="css 894a34-indicatorSeparator">.css-894a34-indicatorSeparator{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:1px;background-color:hsl(0, 0%, 90%);margin-bottom:8px;margin-top:8px;box-sizing:border-box;}</style><span class=" css-894a34-indicatorSeparator"></span><style data-emotion="css 1xc3v61-indicatorContainer">.css-1xc3v61-indicatorContainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:color 150ms;transition:color 150ms;color:hsl(0, 0%, 80%);padding:8px;box-sizing:border-box;}.css-1xc3v61-indicatorContainer:hover{color:hsl(0, 0%, 60%);}</style><div class=" css-1xc3v61-indicatorContainer" aria-hidden="true"><style data-emotion="css 8mmkcg">.css-8mmkcg{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;}</style><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div></div><input type="text" class="hidden" name="city_id"/><div id="errorCityReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex flex-col w-full mb-4"><label data-testid="address" class="text-black text-xs font-regular font-epilogue uppercase">Alamat<span class="text-primary font-regular text-base">*</span></label><textarea class="h-[100px] px-3 py-2 text-black text-sm font-regular font-epilogue focus:ring-zinc-200 focus:border-zinc-200 border border-zinc-200 placeholder:text-black" placeholder="Masukkan alamat Anda" name="address"></textarea><div id="errorAddressReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex justify-between w-full mb-4"><div class="w-[35%] flex flex-col"><label data-testid="title" class="text-black text-xs font-regular font-epilogue uppercase">Title<span class="text-primary font-regular text-base">*</span></label><select data-testid="inputTitle" name="title" class="h-[40px] text-black text-sm font-regular font-epilogue px-3 focus:ring-0 focus:border-black"><option value="BPK">Bapak</option><option value="IBU">Ibu</option></select><div id="errorTitleReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="w-[60%] flex flex-col"><label data-testid="full-name" class="text-black text-xs font-regular font-epilogue uppercase">Nama lengkap<span class="text-primary font-regular text-base">*</span></label><input data-testid="inputFull-name" type="text" name="name" class="h-[40px] px-3 text-black text-sm font-regular font-epilogue focus:ring-0 focus:border-black" placeholder="Masukkan nama lengkap Anda"/><div id="erroreNameReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div></div><div class="flex flex-col w-full mb-4"><label data-testid="gender" class="text-black text-xs font-regular font-epilogue uppercase">Jenis kelamin<span class="text-primary font-regular text-base">*</span></label><select data-testid="inputGender" name="sex" class="h-[40px] text-black text-sm font-regular font-epilogue px-3 focus:ring-0 focus:border-black"><option value="1">Pria</option><option value="2">Wanita</option></select><div id="erroreSexReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><div class="flex flex-col justify-between w-full mb-4"><label data-testid="dob" class="text-black text-xs font-regular font-epilogue uppercase">Tanggal lahir<span class="text-primary font-regular text-base">*</span></label><input data-testid="inputDob" name="birth_date" type="date" class="h-[40px] text-black text-sm font-regular font-epilogue px-3 focus:ring-0 focus:border-black w-full"/><div id="erroreSexReg" class="text-primary font-epilogue text-xs mt-2"><p></p></div></div><button type="submit" class="btn btn-primary w-full">perbarui data akun</button></form></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4">
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Ada Masalah</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5"></p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Sukses</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5"></p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[100001] flex lg:w-[500px] md:w-full sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out" style="max-width:800px;max-height:100%;height:100vh;transform:translateX(800px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto px-25"><div class="border-t border-gray"></div><p class="text-black text-3xl font-bold font-epilogue mt-5">Selamat Datang di </p><div class="mt-3"><img alt="logo optik melawai com" loading="lazy" width="324" height="25" decoding="async" data-nimg="1" class="max-w-[90%]" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Foptikmelawaidotcom_4df28342ce.png&w=384&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Foptikmelawaidotcom_4df28342ce.png&w=750&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Foptikmelawaidotcom_4df28342ce.png&w=750&q=75"/></div><div class="mt-10"><div class="mb-4"><p class="text-black text-sm font-bold font-epilogue uppercase w-2/3">Sudah memiliki Akun<!-- --> ?</p><a class="h-[40px] bg-primary px-4 w-full border border-primary text-base text-white font-bold font-epilogue uppercase flex items-center justify-center" href="/login">Masuk</a></div><div class="border-b border-gray my-5"></div><div class="mb-4"><p class="text-black text-sm font-bold font-epilogue uppercase w-2/3">Member Baru<!-- --> ?</p><a class="h-[40px] px-4 w-full border border-black text-base text-black font-bold font-epilogue uppercase flex items-center justify-center" href="/register">Daftar</a></div><div class="border-b border-gray my-5"></div><div class="mb-4"><p class="text-black text-sm font-bold font-epilogue uppercase w-2/3">Atau Lanjutkan Dengan</p><button class="h-[40px] px-4 mb-3 w-full border border-red-600 text-base text-red-600 font-bold font-epilogue uppercase flex items-center justify-center"><img alt="Icon Google Login" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/google-login.svg" class="w-5 h-5 mb-1 me-2"/>Google</button></div></div></div></div><div class="fixed inset-0 flex items-center justify-center backdrop bg-black bg-opacity-80 z-[9999]" id="loading-image" style="display:flex"><img alt="Loading..." src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/img/loading.gif" class="w-20"/></div><div class="text-center py-52"><div class="inline-block h-8 w-8 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]" role="status"><span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]">Loading...</span></div></div><div class="Toastify"></div><div class="content overflow-hidden"><div class="w-full lg:h-36 md:h-36 sm:h-24 bg-primary lg:px-25 md:px-15 sm:px-15 mb-5 m-auto flex items-center"><button>
1<p class="text-light_red lg:text-3xl md:text-3xl sm:text-lg uppercase">JOIN OUR MAILING LIST<span><i class="icon-ic-long-arrow ms-3 text-light_red"></i></span></p></button></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto overflow-x- px-25"><div class="box-CAPTCHA" id="box-CAPTCHA"><div class="border-t-2 border-gray"></div><p class="text-black text-3xl font-bold font-epilogue mt-5 mb-3">Join our mailing list</p><p class="text-base text-black font-epilogue">Stay in the know with emails and save our products youâll love with discounts for days!</p><div class="mt-10"><form class="mt-3" id="loginForm"><div class="flex flex-col w-full mb-4"><label class="text-black text-xs font-epilogue uppercase font-bold mb-2">email <span class="text-primary">*</span></label><input name="email" type="text" class="h-[40px] px-3 text-black text-sm font-regular font-epilogue focus:ring-black focus:border-black" placeholder="Enter you email address"/><div id="email-error" class="text-primary font-epilogue text-sm mt-1"></div></div><div class="flex flex-col w-full mb-4"><label class="text-black text-xs font-epilogue uppercase font-bold mb-2">captcha <span class="text-primary">*</span></label><div><div class="flex items-center mb-3"><div></div></div><div id="email-error" class="text-primary font-epilogue text-sm mt-1"></div><button class="btn btn-primary w-full my-8 submit" type="submit" id="submit">SUBSCRIBE</button></div></div></form></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/user-not-found.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Something Wrong</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5"></p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4">
1<button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/img/mailing-success.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">CONGRATULATIONS! YOURE NOW SUBSCRIBED</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5">Welcome Aboard! Access Exclusive Content With Your Subscription!</p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div><div class="w-full h-full md:px-25 sm:px-15 py-7 sticky bottom-0 footer"><div class="lg:flex lg:items-start lg:justify-between sm:grid"><div class="listMenuFooter"><div class="lg:hidden md:block sm:block"></div></div><div class="lg:mt-0 sm:mt-4"></div></div><div class="mt-5"><ul class="font-regular text-dark-gray text-base list-none mt-1 flex items-center gap-3 md:flex-nowrap sm:flex-wrap"><li class="md:w-auto sm:w-[45%]"><a href="/marketplace"><span class="flex items-center font-epilogue font-bold text-black uppercase font-sm mt-1">More<i class="ml-2 icon2-ic-long-arrow-right text-black"></i></span></a></li></ul></div><div class="grid md:grid-cols-5 sm:grid-cols-7 py-3 border-b-[1px] border-zinc-200"><a href="#"><p class="font-bold text-black text-sm md:hidden sm:hidden">Privacy Policy</p></a><a href="#"><p class="font-bold text-black text-sm md:hidden sm:hidden">Term of use</p></a><a href="#"><p class="font-bold text-black text-sm md:hidden sm:hidden">Term and condition</p></a></div><div class="grid lg:grid-cols-2 md:grid-cols-1 items-center sm:grid-cols-1 mt-8"><p class="font-medium text-black text-sm font-epilogue">© All Rights Reserved 2022 Optik Melawai Indonesia</p><div class="flex md:justify-end md:flex-row sm:flex-col sm:justify-start md:mt-0 sm:mt-5 items-center box-paymentMethod"><p class="font-medium text-black text-sm font-epilogue whitespace-nowrap">Payment Method</p><div class="flex space-x-3 items-center md:ms-4 sm:ms-0 flex-wrap gap-3"><div class="m-0"><img alt="optik melawai payment bank transfer" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" src="https://stra-pi.s3.ap-southeast-1.amazonaws.com/bank_transfer_9bc5a8da00.svg"/></div><div class="m-0"><img alt="optik melawai payment godaddy" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fgodaddy_e41c6134c8.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fgodaddy_e41c6134c8.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fgodaddy_e41c6134c8.png&w=384&q=75"/></div><div class="m-0"><img alt="optik melawai payment master card" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fmastercard_faf06e9c7a.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fmastercard_faf06e9c7a.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fmastercard_faf06e9c7a.png&w=384&q=75"/></div><div class="m-0"><img alt="optik melawai payment bca klik" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_klik_588021f064.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_klik_588021f064.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_klik_588021f064.png&w=384&q=75"/></div><div class="m-0"><img alt="optik melawai payment bca" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_003df02a14.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_003df02a14.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fbca_003df02a14.png&w=384&q=75"/></div><div class="m-0"><img alt="optik melawai payment cimb" loading="lazy" width="150" height="150" decoding="async" data-nimg="1" class="max-h-[24px] w-auto" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fcimb_6457639a38.png&w=256&q=75 1x, /_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fcimb_6457639a38.png&w=384&q=75 2x" src="/_next/image?url=https%3A%2F%2Fstra-pi.s3.ap-southeast-1.amazonaws.com%2Fcimb_6457639a38.png&w=384&q=75"/></div></div></div></div></div><div id="greeting-init" style="display:none"></div>
1<script defer="" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/js/custom.js"></script>
1</div><div tabindex="-1" class="pointer-events-auto box-border w-full shadow-blue-gray-900/10 fixed bottom-0 right-0 top-0 z-[9995] flex lg:w-[500px] md:w-[400px] sm:w-full max-w-full translate-x-full flex-col border-none bg-white bg-clip-padding text-neutral-700 shadow-sm outline-none transition duration-300 ease-in-out [&[data-te-offcanvas-show]]:transform-none" style="max-width:500px;max-height:100%;height:100vh;transform:translateX(500px) translateY(0px) translateZ(0)"><div class="flex items-center justify-end p-4"><button type="button" class="box-content rounded-none border-none opacity-50 hover:no-underline hover:opacity-75 focus:opacity-100 focus:shadow-none focus:outline-none"><i class="icon-ic-close text-2xl text-black"></i></button></div><div class="offcanvas-body flex-grow overflow-y-auto"><div class="flex flex-col items-center justify-center mt-10"><img alt="Icon Success Delete" src="https://melawaistorage.blob.core.windows.net/mlwcontainer/prd/public/assets/icons/success-delete.svg"/><div class="mt-12 text-center"><p class="text-black text-lg uppercase font-bold font-epilogue">Ada Masalah</p><p class="text-black text-sm uppercase font-norml font-epilogue px-5"></p></div><div class="flex space-x-3 mt-10 w-3/4"><button class="w-full py-3 px-4 flex justify-center items-center text-base font-epilogue font-bold uppercase text-white bg-primary focus:outline-none hover:text-white hover:bg-primary focus:z-10 focus:ring-0">OK</button></div></div></div></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"mpLogo":[{"id":2,"attributes":{"mpName":"Shopee","mpDesc":"Live Shopping","mpAltTextLogo":"Shopee","mpUrlAddress":null,"createdAt":"2024-01-03T06:53:59.439Z","updatedAt":"2024-10-23T06:38:25.725Z","publishedAt":"2024-01-03T06:57:20.923Z","mpLogoHorzAltText":"Shopee horizontal logo","mpUrlOptic":"https://shopee.co.id/optikmelawaiofficialshop","mpUrlHearingAid":null,"mpOrder":1,"mpLogo":{"data":{"id":985,"attributes":{"name":"Shopee.png","alternativeText":null,"caption":null,"width":480,"height":480,"formats":{"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Shopee_472d0b236a.png","hash":"thumbnail_Shopee_472d0b236a","mime":"image/png","name":"thumbnail_Shopee.png","path":null,"size":7.88,"width":156,"height":156}},"hash":"Shopee_472d0b236a","ext":".png","mime":"image/png","size":5.67,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Shopee_472d0b236a.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:38:19.462Z","updatedAt":"2024-05-17T08:38:19.462Z"}}},"mpLogoHorz":{"data":{"id":986,"attributes":{"name":"Shopee landscape.png","alternativeText":null,"caption":null,"width":380,"height":100,"formats":{"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Shopee_landscape_1b870db3e2.png","hash":"thumbnail_Shopee_landscape_1b870db3e2","mime":"image/png","name":"thumbnail_Shopee landscape.png","path":null,"size":5.27,"width":245,"height":64}},"hash":"Shopee_landscape_1b870db3e2","ext":".png","mime":"image/png","size":1.72,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Shopee_landscape_1b870db3e2.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:38:28.100Z","updatedAt":"2024-05-17T08:38:28.100Z"}}}}},{"id":1,"attributes":{"mpName":"Tokopedia","mpDesc":null,"mpAltTextLogo":"Tokopedia","mpUrlAddress":null,"createdAt":"2024-01-03T06:53:34.767Z","updatedAt":"2026-06-25T02:33:54.563Z","publishedAt":"2024-01-03T06:57:06.539Z","mpLogoHorzAltText":"Tokopedia horizontal logo","mpUrlOptic":"https://www.tokopedia.com/optik-melawai-official","mpUrlHearingAid":null,"mpOrder":2,"mpLogo":{"data":{"id":989,"attributes":{"name":"Tokopedia.png","alternativeText":null,"caption":null,"width":480,"height":480,"formats":{"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Tokopedia_5af084dcd8.png","hash":"thumbnail_Tokopedia_5af084dcd8","mime":"image/png","name":"thumbnail_Tokopedia.png","path":null,"size":12.88,"width":156,"height":156}},"hash":"Tokopedia_5af084dcd8","ext":".png","mime":"image/png","size":7.73,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Tokopedia_5af084dcd8.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:41:24.350Z","updatedAt":"2024-05-17T08:41:24.350Z"}}},"mpLogoHorz":{"data":{"id":997,"attributes":{"name":"tokopedia landscape.png","alternativeText":null,"caption":null,"width":503,"height":132,"formats":{"small":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/small_tokopedia_landscape_42a63940f8.png","hash":"small_tokopedia_landscape_42a63940f8","mime":"image/png","name":"small_tokopedia landscape.png","path":null,"size":23.77,"width":500,"height":131},"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_tokopedia_landscape_42a63940f8.png","hash":"thumbnail_tokopedia_landscape_42a63940f8","mime":"image/png","name":"thumbnail_tokopedia landscape.png","path":null,"size":8.84,"width":245,"height":64}},"hash":"tokopedia_landscape_42a63940f8","ext":".png","mime":"image/png","size":3.63,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/tokopedia_landscape_42a63940f8.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:50:24.968Z","updatedAt":"2024-05-17T08:50:24.968Z"}}}}},{"id":4,"attributes":{"mpName":"Blibli","mpDesc":null,"mpAltTextLogo":"Blibli","mpUrlAddress":"tessss","createdAt":"2024-01-03T06:54:58.706Z","updatedAt":"2024-10-31T02:28:34.539Z","publishedAt":"2024-05-31T02:49:03.329Z","mpLogoHorzAltText":"horizontal logo blibli","mpUrlOptic":"https://www.blibli.com/merchant/optik-melawai-official-store/OPM-60027?utm_campaign=merchant+share\u0026utm_medium=share\u0026utm_source=ios\u0026pickupPointCode=PP-3083573\u0026fbbActivated=false","mpUrlHearingAid":null,"mpOrder":3,"mpLogo":{"data":{"id":978,"attributes":{"name":"Bl
1ibli.png","alternativeText":null,"caption":null,"width":120,"height":120,"formats":null,"hash":"Blibli_49760ac37d","ext":".png","mime":"image/png","size":0.93,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Blibli_49760ac37d.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:34:30.150Z","updatedAt":"2024-05-17T08:34:30.150Z"}}},"mpLogoHorz":{"data":{"id":991,"attributes":{"name":"blibli landscape.png","alternativeText":null,"caption":null,"width":503,"height":132,"formats":{"small":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/small_blibli_landscape_763c02d58a.png","hash":"small_blibli_landscape_763c02d58a","mime":"image/png","name":"small_blibli landscape.png","path":null,"size":10.3,"width":500,"height":131},"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_blibli_landscape_763c02d58a.png","hash":"thumbnail_blibli_landscape_763c02d58a","mime":"image/png","name":"thumbnail_blibli landscape.png","path":null,"size":4.16,"width":245,"height":64}},"hash":"blibli_landscape_763c02d58a","ext":".png","mime":"image/png","size":1.88,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/blibli_landscape_763c02d58a.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:47:57.173Z","updatedAt":"2024-05-17T08:47:57.173Z"}}}}},{"id":14,"attributes":{"mpName":"Lazada","mpDesc":"Live Shopping","mpAltTextLogo":"logo lazada","mpUrlAddress":null,"createdAt":"2024-07-11T04:16:35.196Z","updatedAt":"2024-10-23T08:01:18.751Z","publishedAt":"2024-07-11T04:17:39.922Z","mpLogoHorzAltText":"https://www.lazada.co.id/shop/optik-melawai","mpUrlOptic":"https://www.lazada.co.id/shop/optik-melawai","mpUrlHearingAid":null,"mpOrder":4,"mpLogo":{"data":{"id":983,"attributes":{"name":"Lazada.png","alternativeText":null,"caption":null,"width":480,"height":480,"formats":{"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Lazada_110992f97b.png","hash":"thumbnail_Lazada_110992f97b","mime":"image/png","name":"thumbnail_Lazada.png","path":null,"size":10.43,"width":156,"height":156}},"hash":"Lazada_110992f97b","ext":".png","mime":"image/png","size":10.78,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Lazada_110992f97b.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:37:51.519Z","updatedAt":"2024-05-17T08:37:51.519Z"}}},"mpLogoHorz":{"data":{"id":995,"attributes":{"name":"Lazada landscape.png","alternativeText":null,"caption":null,"width":503,"height":132,"formats":{"small":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/small_Lazada_landscape_87b3ad014e.png","hash":"small_Lazada_landscape_87b3ad014e","mime":"image/png","name":"small_Lazada landscape.png","path":null,"size":16.05,"width":500,"height":131},"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Lazada_landscape_87b3ad014e.png","hash":"thumbnail_Lazada_landscape_87b3ad014e","mime":"image/png","name":"thumbnail_Lazada landscape.png","path":null,"size":6.29,"width":245,"height":64}},"hash":"Lazada_landscape_87b3ad014e","ext":".png","mime":"image/png","size":2.54,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Lazada_landscape_87b3ad014e.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:49:46.445Z","updatedAt":"2024-05-17T08:49:46.445Z"}}}}},{"id":13,"attributes":{"mpName":"Tiktok","mpDesc":"LIVE SHopping","mpAltTextLogo":"Tiktok","mpUrlAddress":null,"createdAt":"2024-05-08T01:41:57.323Z","updatedAt":"2024-10-23T07:58:59.951Z","publishedAt":"2024-05-17T04:49:57.106Z","mpLogoHorzAltText":"horizontal logo tiktok","mpUrlOptic":"https://www.tiktok.com/@optik_melawai?lang=en","mpUrlHearingAid":null,"mpOrder":5,"mpLogo":{"data":{"id":987,"attributes":{"name":"Tiktok.png","alternativeText":null,"caption":null,"width":480,"height":480,"formats":{"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_Tiktok_bc86bedadd.png","hash":"thumbnail_Tiktok_bc86bedadd","mime":"image/png","name":"thumbnail_Tiktok.png","path":null,"size":8.54,"width":156,"height":156}},"hash":"Tiktok_bc86bedadd","ext":".png","mime":"image/png","size":5.35,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/Tiktok_bc86bedadd.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:38:49.452Z","updatedAt":"2024-05-17T08:38:49.452Z"}}},"mpLogoHorz":{"data":{"id":996,"attributes":{"name":"tiktok landscape.png","alternativeText":null,"caption":null,"width":502,"height":132,"formats":{"small":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/small_tiktok_landscape_6aca0f57da.png","hash":"small_tiktok_landscape_6aca0f57da","mime":"image/png","name":"small_tiktok landscape.png","path":null,"size":12.98,"width":500,"height":131},"thumbnail":{"ext":".png","url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/thumbnail_tiktok_landscape_6aca0f57da.png","hash":"thumbnail_tiktok_landscape_6aca0f57da","mime":"image/png","name":"thumbnail_tiktok landscape.png","path":null,"size":5.14,"width":245,"height":64}},"hash":"tiktok_landscape_6aca0f57da","ext":".png","mime":"image/png","size":2.24,"url":"https://stra-pi.s3.ap-southeast-1.amazonaws.com/tiktok_landscape_6aca0f57da.png","previewUrl":null,"provider":"aws-s3","provider_metadata":null,"createdAt":"2024-05-17T08:50:09.249Z","updatedAt":"2024-05-17T08:50:09.249Z"}}}}}]},"__N_SSP":true},"page":"/marketplace","query":{}
1,"buildId":"8BVhzvkVrp8NBrDNSzkDk","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[59184,37877,53392,87211],"gssp":true,"locale":"id","locales":["id","en"],"defaultLocale":"id","scriptLoader":[{"id":"gtm-main","strategy":"afterInteractive","dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){w[l]=w[l]||[];\n w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});\n var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';\n j.async=true;\n j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;\n f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','GTM-WGR8QWZ');\n "}},{"id":"gtm-abd","strategy":"afterInteractive","dangerouslySetInnerHTML":{"__html":"\n (function(w,d,s,l,i){w[l]=w[l]||[];\n w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});\n var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'\u0026l='+l:'';\n j.async=true;\n j.src='https://www.googletagmanager.com/gtm.js?id='
1+i+dl;\n f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayerABD','GTM-58NZB37P');\n "}}]}</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.