<div class="bg-slate-900 text-slate-300 border-b border-slate-800"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2 flex items-center justify-between text-xs sm:text-sm"> <!-- Left: Trust Badges & Social Media --> <div class="flex items-center gap-4 sm:gap-6"> <div class="hidden lg:flex items-center gap-6"> <p class="font-medium flex items-center gap-2"> <i class="fa-solid fa-industry text-amber-500"></i> <span>Pengeluaran Pencipta Sejak<time datetime="2013">2013</time></span> </p> <div class="w-px h-4 bg-slate-700"></div> </div> <!-- Social Links --> <div class="flex items-center gap-3 sm:gap-4"> <a href="https://www.facebook.com/smarthelmetcleaningmachine" target="_blank" rel="nofollow" aria-label="Facebook" class="text-slate-400 hover:text-amber-500 transition-colors"><i class="fa-brands fa-facebook-f"></i></a> </div> </div> <!-- Right: Contacts & CTA --> <div class="flex items-center gap-3 sm:gap-5"> <div class="relative group z-50 languages"> <button type="button" class="inline-flex items-center gap-1.5 hover:text-white transition-colors py-2" aria-expanded="false" aria-label="Select Language"> <i class="fa-solid fa-globe text-amber-500"></i> <i class="fa-solid fa-chevron-down text-[10px]"></i> </button> <div class="absolute right-0 top-full mt-0 w-36 bg-white rounded-md shadow-lg border border-slate-200 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 origin-top-right"> <div class="py-2 grid grid-cols-1 max-h-[60vh] overflow-y-auto" ignore-translate="true"> <a href="https://helmet-clean-machine.com/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">English</a> $(num11) <a href="https://helmet-clean-machine.com/pt-BR/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Português-BR</a> $(num12) <a href="https://helmet-clean-machine.com/es/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Español</a> $(num13) <a href="https://helmet-clean-machine.com/vi/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Tiếng Việt</a> $(num14) <a href="https://helmet-clean-machine.com/ms/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Melayu</a> $(num15) <a href="https://helmet-clean-machine.com/th/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Thai</a> <link rel="alternate" href="https://helmet-clean-machine.com/zh-CN/products/" hreflang="zh-CN"/> <a href="https://helmet-clean-machine.com/zh-CN/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">简体中文</a> $(num17) <a href="https://helmet-clean-machine.com/zh-TW/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">繁体中文</a> <link rel="alternate" href="https://helmet-clean-machine.com/id/products/" hreflang="id"/> <a href="https://helmet-clean-machine.com/id/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Indonesia</a> <link rel="alternate" href="https://helmet-clean-machine.com/ja/products/" hreflang="ja"/> <a href="https://helmet-clean-machine.com/ja/products/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Japanese</a> </div> </div> </div> <div class="flex items-center gap-4"> <a href="/cdn-cgi/l/email-protection#4231232e2731022a272e2f27366f212e27232c6f2f23212a2b2c276c212d2f" rel="nofollow" class="hidden md:inline-flex items-center gap-2 hover:text-white transition-colors group"> <i class="fa-solid fa-envelope text-amber-500 group-hover:text-amber-400 transition-colors"></i> <span><span class="__cf_email__" data-cfemail="bbc8dad7dec8fbd3ded7d6decf96d8d7dedad596d6dad8d3d2d5de95d8d4d6">[email protected]</span></span> </a> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener nofollow" class="inline-flex items-center gap-1.5 hover:text-white transition-colors group" aria-label="WhatsApp"> <i class="fa-brands fa-whatsapp text-amber-500 text-base group-hover:text-green-400 transition-colors"></i> <span class="font-medium hidden sm:inline">+86 13570855813</span> </a> </div> <a href="https://helmet-clean-machine.com/ms/contact/" rel="nofollow" class="inline-flex items-center gap-1.5 sm:gap-2 bg-amber-500 hover:bg-amber-400 text-slate-900 px-3 py-1 sm:px-4 sm:py-1.5 rounded-md font-bold transition-all hover:-translate-y-0.5 shadow-sm shadow-amber-500/20 whitespace-nowrap"> <span>Dapatkan Kutipan</span> <i class="fa-solid fa-arrow-right text-[10px]"></i> </a> </div> </div> </div> <div class="bg-white/95 backdrop-blur border-b border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <nav class="h-20 flex items-center justify-between" aria-label="Main navigation"> <a href="https://helmet-clean-machine.com/ms/" class="flex items-center gap-3"> <img src="https://helmet-clean-machine.com/ms/uploads/202604/01/f4823fd50fada873.webp" alt="Makina Pembersih Helm OUYUAN" class="h-10 w-auto object-contain"/> <span> <strong class="block text-slate-900 leading-none tracking-wide">OUYUAN</strong> <span class="block text-xs text-slate-500">Pembaikan Kepala Kenderaan</span> </span> </a> <button id="mobileMenuBtn" type="button" class="lg:hidden w-10 h-10 rounded-lg border border-slate-300 text-slate-700" aria-label="Open menu"> <i class="fa-solid fa-bars"></i> </button> <ul class="hidden lg:flex items-center gap-2 xl:gap-5 text-sm font-semibold text-slate-700"> <li><a class="nav-link " href="https://helmet-clean-machine.com/ms/">Rumah</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/ms/products/">Produk<i class="fa-solid fa-chevron-down text-xs"></i></a> <div class="submenu !w-[540px] !p-4 grid grid-cols-3 gap-3 left-1/2 -translate-x-1/2 group-hover:translate-y-0 group-hover:-translate-x-1/2 origin-top"> <a href="https://helmet-clean-machine.com/ms/products/single-helmet-cleaning-machine-oytk2501-1/" class="group/item block bg-slate-50 hover:bg-white border border-slate-100 hover:border-amber-200 rounded-xl p-3 transition-all shadow-sm hover:shadow-md"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" alt="Makina pembersih helm tunggal OYTK2501-1" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">Makina pembersih helm tunggal OYTK2501-1</strong> </a> <a href="https://helmet-clean-machine.com/ms/products/dual-helmet-cleaning-machine-oytk2501-2/" class="group/item block bg-slate-50 hover:bg-white border border-slate-100 hover:border-amber-200 rounded-xl p-3 transition-all shadow-sm hover:shadow-md"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/9fad2c99606985da.webp" alt="Makina Pembersih Helm Ganda OYTK2501-2" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">Makina Pembersih Helm Ganda OYTK2501-2</strong> </a> <a href="https://helmet-clean-machine.com/ms/products/advanced-helmet-cleaning-machine-oytk2507-2/" class="group/item block bg-amber-50 border border-amber-200 rounded-xl p-2 transition-all shadow-sm"> <div class="aspect-[3/4] bg-white rounded-lg overflow-hidden mb-3 border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" alt="Makina Pembersih Topi Tangki Tangki OYTK2507-2 Tangguh" class="w-full h-full object-cover group-hover/item:scale-105 transition-transform duration-500"/> </div> <strong class="block text-sm text-slate-900 group-hover/item:text-amber-600 mb-1 leading-tight">Makina Pembersih Topi Tangki Tangki OYTK2507-2 Tangguh<span class="block text-amber-500 font-normal">Generasi ke-4 Baru</span></strong> </a> </div> </li> <li><a class="nav-link " href="https://helmet-clean-machine.com/ms/about/">Tentang Kita</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/ms/">Sumber Daya<i class="fa-solid fa-chevron-down text-xs"></i></a> <ul class="submenu !min-w-[auto] !w-max whitespace-nowrap"> <li><a href="https://helmet-clean-machine.com/ms/blogs/" class="submenu-link">Blogs</a></li> <li><a href="https://helmet-clean-machine.com/ms/faqs/" class="submenu-link">FAQs</a></li> <li><a href="https://helmet-clean-machine.com/ms/partner/" class="submenu-link">Pemroses & OEM</a></li> </ul> </li> <li><a class="nav-link " href="https://helmet-clean-machine.com/ms/contact/">Hubungi</a></li> </ul> </nav> </div> <div id="mobilePanel" class="lg:hidden hidden border-t border-slate-200 bg-white"> <nav class="max-w-7xl mx-auto px-4 py-4" aria-label="Mobile navigation"> <ul class="space-y-2 text-sm font-semibold text-slate-700"> <li><a href="https://helmet-clean-machine.com/ms/" class="mobile-link active">Rumah</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileProducts">Produk<i class="fa-solid fa-chevron-down text-xs"></i></button> <ul id="mobileProducts" class="mobile-submenu hidden space-y-2 !p-2"> <li> <a href="https://helmet-clean-machine.com/ms/products/single-helmet-cleaning-machine-oytk2501-1/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" class="w-full h-full object-contain" alt="Makina pembersih helm tunggal OYTK2501-1"/> </div> <span class="flex-1 text-sm line-clamp-2">Makina pembersih helm tunggal OYTK2501-1</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/ms/products/dual-helmet-cleaning-machine-oytk2501-2/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/9fad2c99606985da.webp" class="w-full h-full object-contain" alt="Makina Pembersih Helm Ganda OYTK2501-2"/> </div> <span class="flex-1 text-sm line-clamp-2">Makina Pembersih Helm Ganda OYTK2501-2</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/ms/products/advanced-helmet-cleaning-machine-oytk2507-2/" class="mobile-link flex items-center gap-3"> <div class="w-12 h-12 rounded object-cover border border-slate-200 overflow-hidden flex-shrink-0 bg-slate-50"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" class="w-full h-full object-contain" alt="Makina Pembersih Topi Tangki Tangki OYTK2507-2 Tangguh"/> </div> <span class="flex-1 text-sm line-clamp-2">Makina Pembersih Topi Tangki Tangki OYTK2507-2 Tangguh</span> </a> </li> </ul> </li> <li><a href="https://helmet-clean-machine.com/ms/about/" class="mobile-link active">Tentang Kita</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileResource">Sumber Daya<i class="fa-solid fa-chevron-down text-xs"></i></button> <ul id="mobileResource" class="mobile-submenu hidden"> <li><a href="https://helmet-clean-machine.com/ms/blogs/" class="mobile-link">Blogs</a></li> <li><a href="https://helmet-clean-machine.com/ms/faqs/" class="mobile-link">FAQs</a></li> <li><a href="https://helmet-clean-machine.com/ms/partner/" class="mobile-link">Pemroses & OEM</a></li> </ul> </li> <li><a href="https://helmet-clean-machine.com/ms/contact/" class="mobile-link active">Hubungi</a></li> </ul> </nav> </div> </div> </header> <main class="pt-32"> <!-- Breadcrumb --> <div class="bg-slate-100 border-b border-slate-200 py-3"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <nav aria-label="Breadcrumb" class="text-sm"> <ol class="flex items-center gap-2 text-slate-500"> <li><a href="/" class="hover:text-amber-600 transition-colors"><i class="fa-solid fa-house"></i>Rumah</a></li> <li><i class="fa-solid fa-chevron-right text-[10px]"></i></li> <li class="text-slate-900 font-medium" aria-current="page">Produk</li> </ol> </nav> </div> </div> <!-- Page Header --> <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-10 lg:pt-16 pb-8 text-center"> <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-slate-900">Kami Mekanisme Pembersih Helm Kami</h1> <p class="mt-4 text-lg text-slate-600 max-w-2xl mx-auto">Dari model nilai generasi ketiga hingga pengalaman khas generasi keempat yang baru — cari penyelesaian pemijinan helm yang sempurna untuk bisnes anda.</p> </section> <!-- Product List --> <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Product 1: OYTK2501-1 --> <a href="https://helmet-clean-machine.com/ms/products/single-helmet-cleaning-machine-oytk2501-1/" class="group block bg-white border border-slate-200 hover:border-amber-300 rounded-2xl p-5 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300"> <div class="flex flex-col sm:flex-row gap-6 lg:gap-10"> <div class="flex-shrink-0 w-full sm:w-48 lg:w-56 aspect-[3/4] bg-slate-50 rounded-xl overflow-hidden border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" alt="Makina Pembersih Topi Satu Giling OYTK2501-1" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"/> </div> <div class="flex-1 flex flex-col justify-center"> <div class="flex items-center gap-2 mb-2"> <span class="inline-flex px-2.5 py-0.5 bg-amber-100 text-amber-700 rounded text-xs font-bold tracking-wide">Pemoden Ketiga</span> <span class="inline-flex px-2.5 py-0.5 bg-slate-100 text-slate-500 rounded text-xs font-medium">Siri Khas Komersil</span> </div> <h2 class="text-xl sm:text-2xl font-bold text-slate-900 group-hover:text-amber-600 transition-colors">Makina Pembersih Topi Satu Giling OYTK2501-1</h2> <p class="mt-2 text-slate-500 text-sm sm:text-base leading-relaxed">Makina pembaikan sendiri dengan helm tunggal yang pintar, dengan penggantian UV + Ozone, skrin sentuh HD 15.6 inci, dan sokongan pembayaran berbagai jenis. Model tahap masuk yang ideal untuk penggunaan komersial.</p> <ul class="mt-4 grid sm:grid-cols-2 gap-x-6 gap-y-1.5 text-sm text-slate-600"> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>15.6-Inch Skrin HD Berpadam</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>UV + Sterilasi Ozone</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Bayar Berbagai Cara: QR/Kad/Koin</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>10 Bahasa Dihantarkan</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Kesambungan WiFi & SIM</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Pemeliharaan 1 Tahun</li> </ul> <div class="mt-5 flex items-center gap-4"> <span class="inline-flex items-center gap-2 text-amber-600 font-bold text-sm group-hover:gap-3 transition-all">Lihat Perincian<i class="fa-solid fa-arrow-right text-xs"></i> </span> </div> </div> </div> </a> <!-- Product 2: OYTK2501-2 --> <a href="https://helmet-clean-machine.com/ms/products/dual-helmet-cleaning-machine-oytk2501-2/" class="group block bg-white border border-slate-200 hover:border-amber-300 rounded-2xl p-5 sm:p-8 shadow-sm hover:shadow-lg transition-all duration-300"> <div class="flex flex-col sm:flex-row gap-6 lg:gap-10"> <div class="flex-shrink-0 w-full sm:w-48 lg:w-56 aspect-[3/4] bg-slate-50 rounded-xl overflow-hidden border border-slate-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/34d2891812a9a90e.webp" alt="Pemahang Topi Kepal Dua Mesin Pembersih OYTK2501-2" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"/> </div> <div class="flex-1 flex flex-col justify-center"> <div class="flex items-center gap-2 mb-2"> <span class="inline-flex px-2.5 py-0.5 bg-amber-100 text-amber-700 rounded text-xs font-bold tracking-wide">Pemoden Ketiga</span> <span class="inline-flex px-2.5 py-0.5 bg-amber-100 text-amber-700 rounded text-xs font-medium">Siri Jalan Bujang</span> </div> <h2 class="text-xl sm:text-2xl font-bold text-slate-900 group-hover:text-amber-600 transition-colors">Pemahang Topi Kepal Dua Mesin Pembersih OYTK2501-2</h2> <p class="mt-2 text-slate-500 text-sm sm:text-base leading-relaxed">Reka bentuk ruang ganda (A/B) yang proses kapsel secara bersamaan, menggandakan laluan untuk tempat yang ramai. Same trusted 15.6-inch HD touch screen dengan sterilisasi UV + Ozone.</p> <ul class="mt-4 grid sm:grid-cols-2 gap-x-6 gap-y-1.5 text-sm text-slate-600"> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Reka Bentuk Kamar Dua (A/B)</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>15.6-Inch Skrin HD Berpadam</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>UV + Sterilasi Ozone</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Bayar Berbagai Cara: QR/Kad/Koin</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>10 Bahasa Dihantarkan</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-amber-500 text-xs"></i>Dipper Saiz Kanan</li> </ul> <div class="mt-5 flex items-center gap-4"> <span class="inline-flex items-center gap-2 text-amber-600 font-bold text-sm group-hover:gap-3 transition-all">Lihat Perincian<i class="fa-solid fa-arrow-right text-xs"></i> </span> </div> </div> </div> </a> <!-- Product 3: OYTK2504-2 --> <a href="https://helmet-clean-machine.com/ms/products/advanced-helmet-cleaning-machine-oytk2507-2/" class="group block bg-white border-2 border-purple-200 hover:border-purple-400 rounded-2xl p-5 sm:p-8 shadow-md hover:shadow-xl transition-all duration-300 relative overflow-hidden"> <div class="absolute top-3 right-3 sm:top-5 sm:right-5 bg-gradient-to-r from-purple-500 to-amber-500 text-white text-xs font-bold px-3 py-1.5 rounded-full shadow-lg">BARU · Gen 4</div> <div class="flex flex-col sm:flex-row gap-6 lg:gap-10"> <div class="flex-shrink-0 w-full sm:w-48 lg:w-56 aspect-[3/4] bg-gradient-to-br from-purple-50 to-amber-50 rounded-xl overflow-hidden border border-purple-100 flex items-center justify-center"> <img src="https://helmet-clean-machine.com/ms/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" alt="Makina membersihkan Helm Pergiliran Tinggi OYTK2504-2" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"/> </div> <div class="flex-1 flex flex-col justify-center"> <div class="flex items-center gap-2 mb-2"> <span class="inline-flex px-2.5 py-0.5 bg-gradient-to-r from-purple-100 to-amber-100 text-purple-700 rounded text-xs font-bold tracking-wide">Pemoden Keempat</span> <span class="inline-flex px-2.5 py-0.5 bg-purple-50 text-purple-600 rounded text-xs font-medium">Siri Suci</span> </div> <h2 class="text-xl sm:text-2xl font-bold text-slate-900 group-hover:text-purple-600 transition-colors">Makina membersihkan Helm Pergiliran Tinggi OYTK2504-2</h2> <p class="mt-2 text-slate-500 text-sm sm:text-base leading-relaxed">Evolusi berikutnya dalam pemeliharaan topi. Teknologi air bersih menghapus keperluan pemindahan air, manakala tujuh bau yang dapat dipilih dan pengelompokan bau selama 5-7 hari memberikan pengalaman kelas eksekutif yang tak lampaui</p> <ul class="mt-4 grid sm:grid-cols-2 gap-x-6 gap-y-1.5 text-sm text-slate-600"> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>Air Pemurni (Tiada Pemutih)</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>6 Bauahan Simultan</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>5-7 Hari Kekeringan Bau</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>Skrin HD Lebar 21.5-Inch</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>Reka Bentuk Luas Khas Premium Baharu</li> <li class="flex items-center gap-2"><i class="fa-solid fa-circle-check text-purple-500 text-xs"></i>UV + Sterilasi Ozone</li> </ul> <div class="mt-5 flex items-center gap-4"> <span class="inline-flex items-center gap-2 text-purple-600 font-bold text-sm group-hover:gap-3 transition-all">Lihat Perincian<i class="fa-solid fa-arrow-right text-xs"></i> </span> </div> </div> </div> </a> </section> <!-- Bottom CTA --> <section class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 mt-16 text-center"> <div class="bg-slate-900 rounded-3xl p-8 sm:p-12 text-white"> <h2 class="text-2xl sm:text-3xl font-bold">Tidak Puas Zalim Yang Model yang Sesiapa yang Tepat untuk Andaku?</h2> <p class="mt-3 text-slate-300 max-w-xl mx-auto">Kami pasukan kami boleh membantu anda memilih mesin pembersih helm terbaik berdasarkan lokasi, jumlah lalu lintas, dan tujuan usaha anda.</p> <div class="mt-6 flex flex-col sm:flex-row items-center justify-center gap-4"> <a href="/contact/" rel="nofollow" class="inline-flex items-center gap-2 bg-amber-500 hover:bg-amber-400 text-slate-900 px-8 py-3.5 rounded-xl font-bold transition-all shadow-lg shadow-amber-500/30 hover:-translate-y-0.5">Dapatkan Konsultasi percuma<i class="fa-solid fa-arrow-right"></i> </a> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener nofollow" class="inline-flex items-center gap-2 bg-green-500 hover:bg-green-600 text-white px-8 py-3.5 rounded-xl font-bold transition-all shadow-lg shadow-green-500/30 hover:-translate-y-0.5"> <i class="fa-brands fa-whatsapp"></i>WhatsApp Kepada Kami</a> </div> </div> </section> </main> <footer class="bg-slate-950 text-slate-300"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid md:grid-cols-4 gap-8"> <article class="md:col-span-2"> <h2 class="text-xl font-bold text-white">Teknologi Intelligen OUYUAN</h2> <p class="mt-3 text-slate-400 max-w-xl">Pengeluar mesin pembersih helm terpercaya sejak 2013, melayani pasangan B2B global dengan kualitas produk stabil dan sokongan bisnis praktis.</p> </article> <nav aria-label="Footer navigation"> <h3 class="text-white font-semibold">Pautan Pantas</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/ms/" class="hover:text-amber-300">Rumah</a></li> <li><a href="https://helmet-clean-machine.com/ms/#products" rel="nofollow" class="hover:text-amber-300">Produk</a></li> <li><a href="https://helmet-clean-machine.com/ms/about/" class="hover:text-amber-300">Tentang Kita</a></li> <li><a href="https://helmet-clean-machine.com/ms/blogs/" class="hover:text-amber-300">Blog</a></li> </ul> </nav> <article> <h3 class="text-white font-semibold">Usahawan</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/ms/contact/" rel="nofollow" class="hover:text-amber-300">Buat Permintaan kutipan</a></li> </ul> </article> </div> <div class="border-t border-slate-800 mt-10 pt-6 text-xs sm:text-sm flex flex-col sm:flex-row justify-between items-center gap-3"> <p>©<time datetime="2026">2026</time> <a href="https://helmet-clean-machine.com/ms/">Teknologi Intelligen OUYUAN</a>. Hak kebenaran dirayakkan.</p> <div class="flex items-center gap-4 text-slate-400"> <a href="https://helmet-clean-machine.com/ms/privacy-policy/" rel="nofollow" class="hover:text-amber-300 transition-colors">Poltisy Privasi</a> <span class="text-slate-700">|</span> <a href="https://helmet-clean-machine.com/ms/terms-of-service/" rel="nofollow" class="hover:text-amber-300 transition-colors">Tertentuan Layanan</a> </div> </div> </div> </footer> <!-- WhatsApp Float Button --> <div class="fixed right-0 top-1/2 transform -translate-y-1/2 z-50"> <a href="https://wa.me/+8613570855813?text=Contact%20us." id="whatsApp" rel="nofollow" target="_blank" class="bg-green-500 hover:bg-green-600 text-white p-4 rounded-lg shadow-lg transition-all duration-300 transform hover:scale-110 flex items-center justify-center group"> <i class="fab fa-whatsapp text-2xl"></i> <span class="absolute right-full pr-3 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"> <span class="block bg-gray-800 text-white px-3 py-2 rounded-lg text-sm whitespace-nowrap shadow-lg">Bicara dengan kami di WhatsApp</span> </span> </a> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://helmet-clean-machine.com/ms/static/default/js/jquery-2.2.4.min.js"></script> <script src="https://helmet-clean-machine.com/ms/static/default/js/swiper/swiper.min.js"></script> <script src="https://helmet-clean-machine.com/ms/static/default/js/main.js?4"></script> <script> (function() { var al = document.createElement("script"); al.src = "/api/log?action=views&code=200&path=http%3A%2F%2Fhelmet-clean-machine.com%2Fproducts&nonce="+Date.now(); document.body.appendChild(al); })(); </script> </body></html>