<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/advanced-helmet-cleaning-machine-oytk2507-2/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">English</a> <link rel="alternate" href="https://helmet-clean-machine.com/pt-BR/products/advanced-helmet-cleaning-machine-oytk2507-2/" hreflang="pt-BR"/> <a href="https://helmet-clean-machine.com/pt-BR/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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> <link rel="alternate" href="https://helmet-clean-machine.com/es/products/advanced-helmet-cleaning-machine-oytk2507-2/" hreflang="es"/> <a href="https://helmet-clean-machine.com/es/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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/advanced-helmet-cleaning-machine-oytk2507-2/" 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/advanced-helmet-cleaning-machine-oytk2507-2/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Melayu</a> <link rel="alternate" href="https://helmet-clean-machine.com/th/products/advanced-helmet-cleaning-machine-oytk2507-2/" hreflang="th"/> <a href="https://helmet-clean-machine.com/th/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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/advanced-helmet-cleaning-machine-oytk2507-2/" hreflang="zh-CN"/> <a href="https://helmet-clean-machine.com/zh-CN/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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/advanced-helmet-cleaning-machine-oytk2507-2/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">繁体中文</a> $(num18) <a href="https://helmet-clean-machine.com/id/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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/advanced-helmet-cleaning-machine-oytk2507-2/" hreflang="ja"/> <a href="https://helmet-clean-machine.com/ja/products/advanced-helmet-cleaning-machine-oytk2507-2/" 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#89fae8e5ecfac9e1ece5e4ecfda4eae5ece8e7a4e4e8eae1e0e7eca7eae6e4" 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="1c6f7d70796f5c747970717968317f70797d7231717d7f74757279327f7371">[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"> <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><a href="/products/" class="hover:text-amber-600 transition-colors">Produk</a></li> <li><i class="fa-solid fa-chevron-right text-[10px]"></i></li> <li class="text-slate-900 font-medium" aria-current="page">Makina membersihkan Helm Pergiliran Tinggi OYTK2504-2</li> </ol> </nav> </div> </div> <!-- Product Hero --> <section class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10 lg:py-16"> <div class="grid lg:grid-cols-2 gap-12"> <!-- Product Image Gallery --> <div class="product-gallery overflow-hidden w-full max-w-full"> <div class="swiper product-main-swiper rounded-2xl border border-slate-200 bg-white p-4 shadow-sm mb-4 aspect-[4/5] flex items-center justify-center"> <div class="swiper-wrapper"> <div class="swiper-slide 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="max-w-full max-h-full object-contain"/> </div> </div> <div class="swiper-button-next !text-amber-500 after:!text-xl"></div> <div class="swiper-button-prev !text-amber-500 after:!text-xl"></div> </div> <div class="swiper product-thumb-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide rounded-xl border-2 border-transparent cursor-pointer overflow-hidden bg-white aspect-square flex items-center justify-center p-2 opacity-60 transition-opacity"> <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="Thumbnail 1" class="max-w-full max-h-full object-contain"/> </div> </div> </div> </div> <!-- Product Info --> <div class="product-info flex flex-col justify-center"> <span class="inline-flex w-max px-3 py-1 bg-gradient-to-r from-purple-100 to-amber-100 text-purple-700 rounded-md text-xs font-bold tracking-wider uppercase mb-4">Pemoden ke-4 · Seri Khas</span> <h1 class="text-3xl sm:text-4xl font-extrabold text-slate-900 leading-tight">Makina membersihkan Helm Pergiliran Tinggi OYTK2504-2</h1> <p class="mt-4 text-xl text-slate-600 font-medium">"Air Purba. Aroma Purba. Persembahan Purba."</p> <p class="mt-2 text-slate-500">Evolusi berikutnya dalam pembersihan helm — tanpa kimiawi, hanya air bersih dan pilihan anda daripada enam wangi kaya. Kekeringan wangi berpanjangan 5 hingga 7 hari.</p> <div class="my-8 bg-white border border-purple-200 rounded-2xl p-6 shadow-sm"> <h3 class="font-bold text-slate-900 mb-4">Ciri Khas</h3> <ul class="grid sm:grid-cols-2 gap-4 text-sm text-slate-700"> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>Air Panas Dipulihkan</strong>Pembersih (Tiada Pemenuh Air)</span></li> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>6 Bau</strong>Pada masa yang sama</span></li> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>5-7 Hari</strong>Pertahanan Bau</span></li> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>Lebih Besar HD</strong>Touch Screen</span></li> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>UV + Ozone</strong>Pembersihan</span></li> <li class="flex gap-3"><i class="fa-solid fa-check text-purple-500 mt-0.5"></i> <span><strong>Bayaran Berlekuk</strong>Dukungan</span></li> </ul> </div> <div class="flex flex-wrap items-center gap-4"> <a href="#inquiry-form" rel="nofollow" class="inline-flex items-center justify-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 text-lg">Dapatkan Harga Terkini<i class="fa-solid fa-paper-plane"></i> </a> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener nofollow" class="inline-flex items-center justify-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 text-lg"> <i class="fa-brands fa-whatsapp text-xl"></i>WhatsApp Kepada Kami</a> </div> <div class="mt-8 flex items-center gap-6 border-t border-slate-200 pt-6"> <div class="flex flex-col items-center gap-2 text-center text-slate-500 text-xs font-medium"> <img src="images/placeholder.svg" data-src="https://upload.wikimedia.org/wikipedia/commons/e/e0/CE_mark.svg" alt="Diluluskan CE" class="h-8 opacity-60"/> <span>Diluluskan CE</span> </div> <div class="flex flex-col items-center gap-2 text-center text-slate-500 text-xs font-medium"> <img src="images/placeholder.svg" data-src="https://upload.wikimedia.org/wikipedia/commons/d/d4/FCC_logo.svg" alt="Diluluskan FCC" class="h-8 opacity-60"/> <span>Diluluskan FCC</span> </div> <div class="flex flex-col items-center gap-2 text-center text-slate-500 text-xs font-medium"> <div class="h-8 flex items-center text-xl font-bold">RoHS</div> <span>Compliant RoHS</span> </div> <div class="flex flex-col items-center gap-2 text-center text-slate-500 text-xs font-medium"> <div class="h-8 flex items-center text-xl font-bold">ISO</div> <span>9001 / 14001</span> </div> </div> </div> </div> </section> <!-- Product Content Tabs / Sections --> <div class="bg-white border-y border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <article class="prose prose-slate max-w-none prose-headings:text-slate-900 prose-a:text-amber-600 hover:prose-a:text-amber-500"> <!-- 4th Gen Introduction --> <div class="grid lg:grid-cols-2 gap-12 items-center mb-16"> <div> <h2 class="text-3xl font-bold mt-0">Pemoden ke-4: Mewakili Perawatan Topi</h2> <p>Pengenalan kepada OYTK2504-2, penemuan terbaru kami dalam teknologi pembersihan helm. Berdasarkan dasar yang terbukti dari model generasi ketiga kami, generasi keempat memberikan pengalaman kelas atas dengan pembersihan air yang dipersihkan, sistem bau yang disusun, dan desain luar kelas atas yang baru.</p> <p>Tiada lagi kemia keras — teknologi air bersih kami lebih lembut terhadap bahan helm ketika memberikan hasil pembersihan yang luar biasa. Dikombinasikan dengan sterilisasi UV dan Ozone, setiap helm keluar bersih, segar, dan diinfusikan dengan bau pilihan pelanggan yang berlangsung selama berhari-hari.</p> <h3 class="text-xl font-bold mb-4">Pertimbangkan Generasi Ke-4?</h3> <ul class="space-y-2 mt-4 list-none pl-0"> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-purple-500 mt-1"></i> <strong>Tiada Perlu Pemutih</strong>— Pemulihatan air bersih mengurangkan kos pemakai dan ramah alam</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-purple-500 mt-1"></i> <strong>6 Pilihan Bau</strong>— Pengguna memilih dari enam bau khas yang bagus secara serentak, meningkatkan pengalaman.</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-purple-500 mt-1"></i> <strong>5-7 Hari Pengangkatan Aroma</strong>— Baukang berpanjangan menjaga topi tetap segar sehingga selama seminggu penuh.</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-purple-500 mt-1"></i> <strong>Larger HD Screen in Bahasa Melayu</strong>— Skrin premium 21.5 inci dengan eksterior modern untuk tempat berkualitas tinggi.</li> </ul> </div> <div class="bg-gradient-to-br from-purple-50 to-amber-50 p-6 rounded-2xl border border-purple-200 shadow-sm"> <h3 class="text-xl font-bold mt-0 mb-6 text-center border-b border-purple-200 pb-4">Penggunaan Skenario</h3> <div class="grid grid-cols-2 gap-6"> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-purple-100 text-purple-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-shop"></i> </div> <strong class="block text-slate-900">Premium Malls in Bahasa Melayu</strong> <span class="text-sm text-slate-500">High-end parking & concierge in Bahasa Melayu</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-purple-100 text-purple-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-motorcycle"></i> </div> <strong class="block text-slate-900">Kawasan Khas Pemandu</strong> <span class="text-sm text-slate-500">Hubs Kenderaan Motor Premium</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-purple-100 text-purple-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-hotel"></i> </div> <strong class="block text-slate-900">Hotel & Gym</strong> <span class="text-sm text-slate-500">Kemudahan tinggi untuk tetamu</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-purple-100 text-purple-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-building-columns"></i> </div> <strong class="block text-slate-900">Kampus-kampus</strong> <span class="text-sm text-slate-500">Pengalaman perguruan tinggi kelas atas</span> </div> </div> </div> </div> <!-- 3rd Gen vs 4th Gen Comparison --> <div class="mb-16"> <h2 class="text-3xl font-bold border-b-2 border-purple-500 pb-2 inline-block">Perbandingan Generasi</h2> <p class="mt-4">Lihat bagaimana generasi ke-4 maju melampaui generasi ke-3 untuk memberikan pengalaman yang superior bagi pengoperasikan dan pengguna keduanya.</p> <div class="overflow-x-auto mt-6"> <table class="w-full text-left border-collapse border border-slate-200"> <thead> <tr class="bg-slate-100 border-y border-slate-300"> <th class="py-4 px-6 font-bold text-slate-900">Ciri</th> <th class="py-4 px-6 font-bold text-slate-700 text-center">Pemoden Ketiga<br/><span class="text-xs font-normal text-slate-400">Siri OYTK2501</span></th> <th class="py-4 px-6 font-bold text-purple-700 text-center bg-purple-50">Pemoden Keempat<br/><span class="text-xs font-normal text-purple-400">OYTK2504-2</span></th> </tr> </thead> <tbody class="divide-y divide-slate-200"> <tr> <td class="py-3 px-6 font-medium bg-slate-50 w-1/3">Cara Pembersih</td> <td class="py-3 px-6 text-center">Pembersihan Kering dengan Pemutih</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">Air Pemurni (Tiada Pemutih)</td> </tr> <tr> <td class="py-3 px-6 font-medium bg-slate-50">Sistem Bauahan</td> <td class="py-3 px-6 text-center">Bauahan Tunggal</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">6 Bauahan Simultan</td> </tr> <tr> <td class="py-3 px-6 font-medium bg-slate-50">Pertahanan Bau</td> <td class="py-3 px-6 text-center">1-2 Hari</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">5-7 Hari</td> </tr> <tr> <td class="py-3 px-6 font-medium bg-slate-50">Saiz Skrin</td> <td class="py-3 px-6 text-center">15.6-Inch HD</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">21.5-Inch HD (Lebih Besar)</td> </tr> <tr> <td class="py-3 px-6 font-medium bg-slate-50">Rancang Dalam</td> <td class="py-3 px-6 text-center">Standard</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">Dizain Premium Baharu Semasa</td> </tr> <tr> <td class="py-3 px-6 font-medium bg-slate-50">Pemasaan</td> <td class="py-3 px-6 text-center">Nilai / Pasaran Massa</td> <td class="py-3 px-6 text-center bg-purple-50 font-medium text-purple-700">Tempat Tinggi / Tempat Tinggi Kualiti</td> </tr> </tbody> </table> </div> </div> <!-- Fragrance Highlight Section --> <div class="mb-16 bg-gradient-to-r from-purple-50 to-amber-50 rounded-3xl p-8 lg:p-12 border border-purple-100"> <div class="grid lg:grid-cols-2 gap-8 items-center"> <div> <h2 class="text-3xl font-bold mt-0">Enam Aroma,<br/>Satu Pengalaman Yang Luar Biasa</h2> <p class="text-lg text-slate-600 mt-4">Pemaju generasi keempat OYTK2504-2 adalah mesin pembuang kacukan helm yang pertama yang menawarkan enam wangi yang dapat dipilih secara bersamaan. Setiap pengguna dapat memilih wangi yang sesuai dengan gaya mereka, meningkatkan keterlibatan dan penggunaan ulang.</p> <div class="grid grid-cols-2 gap-3 mt-6"> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center text-purple-500"><i class="fa-solid fa-leaf"></i></div> <span class="text-sm font-medium text-slate-700">Kain Bahagian Baharu</span> </div> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-amber-100 flex items-center justify-center text-amber-500"><i class="fa-solid fa-sun"></i></div> <span class="text-sm font-medium text-slate-700">Angin Laut</span> </div> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-pink-100 flex items-center justify-center text-pink-500"><i class="fa-solid fa-flower"></i></div> <span class="text-sm font-medium text-slate-700">Bunga Lavender</span> </div> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center text-green-500"><i class="fa-solid fa-tree"></i></div> <span class="text-sm font-medium text-slate-700">Hutan Kebun Kayu</span> </div> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-orange-100 flex items-center justify-center text-orange-500"><i class="fa-solid fa-lemon"></i></div> <span class="text-sm font-medium text-slate-700">Letupan Citrus</span> </div> <div class="bg-white rounded-xl p-3 border border-purple-100 flex items-center gap-3 shadow-sm"> <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-500"><i class="fa-solid fa-cloud"></i></div> <span class="text-sm font-medium text-slate-700">Kotak Cotton</span> </div> </div> </div> <div class="bg-white rounded-2xl p-6 border border-purple-200 shadow-lg text-center"> <div class="text-5xl font-extrabold text-purple-600 mb-2">5-7 Hari</div> <p class="text-lg font-semibold text-slate-800">Pertahanan Bau</p> <p class="text-sm text-slate-500 mt-2">Teknologi pengepaskan bau yang canggih kami memastikan bau yang dipilih tetap di helm hingga selama seminggu penuh, memberikan keudara yang abadi yang disukai para pemandu.</p> <div class="mt-4 inline-flex items-center gap-2 text-xs text-purple-500 bg-purple-50 px-3 py-1 rounded-full"> <i class="fa-solid fa-droplet"></i> <span>Dipermasang oleh Teknologi Air Pembersih</span> </div> </div> </div> </div> <!-- About Company --> <div class="grid lg:grid-cols-2 gap-12 items-center mb-16"> <div> <h2 class="text-3xl font-bold mt-0">Dibina atas Dasar Kekalabatan</h2> <p>Dibangunkan pada 2013, OUYUAN Intelligent Technology khusus dalam menyediakan penyelesaian digital pintar yang cepat, efisien, dan berharga untuk sektor penjualan umum. Sebagai penyebar pemenuhan pelengkap untuk vending pintar dan pembersihan topi, kami gabungkan R&D yang canggih, pemrosesan yang halus, dan rantai pasokan global untuk memastikan kinerja yang dapat dipercaya dan kualitas yang konsisten.</p> <h3 class="text-xl font-bold mb-4">Pertama-tama, sampaikan kenalan dengan OUYUAN?</h3> <ul class="space-y-2 mt-4 list-none pl-0"> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-amber-500 mt-1"></i> <strong>Teknologi dan Per industri yang Terbukti & Perpajakan</strong>— Peralatan stabil, tinggi prestasi.</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-amber-500 mt-1"></i> <strong>Layanan disesuaikan</strong>— Reka Bentuk Disesuaikan, stiker, bahasa, dan pilihan pembayaran.</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-amber-500 mt-1"></i> <strong>Pendukung Global</strong>— Pemprosesan, pengiriman, dan perkhidmatan selepas jualan yang efisien.</li> <li class="flex gap-3"><i class="fa-solid fa-circle-check text-amber-500 mt-1"></i> <strong>Inovasi Berterusan</strong>— Dari generasi ke-3 hingga ke-4, kami terus berkembang.</li> </ul> </div> <div class="bg-slate-50 p-6 rounded-2xl border border-slate-200 shadow-sm"> <h3 class="text-xl font-bold mt-0 mb-6 text-center border-b border-slate-200 pb-4">Tempat Pemasangan</h3> <div class="grid grid-cols-2 gap-6"> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-shop"></i> </div> <strong class="block text-slate-900">Pusat Belanja</strong> <span class="text-sm text-slate-500">Taman pelabuhan, pusat perkhidmatan penghujung</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-motorcycle"></i> </div> <strong class="block text-slate-900">Pertumbuhan pantas</strong> <span class="text-sm text-slate-500">Tempat pengumpulan untuk motosikal</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-map-location-dot"></i> </div> <strong class="block text-slate-900">Promosi Online</strong> <span class="text-sm text-slate-500">Mengelilingi bandar-bandar berbeza dan kepopuleran</span> </div> <div class="text-center"> <div class="w-16 h-16 mx-auto bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-2xl mb-3"> <i class="fa-solid fa-building-columns"></i> </div> <strong class="block text-slate-900">Kampus-kampus</strong> <span class="text-sm text-slate-500">Ketinggian kepadatan penumpang muda yang tinggi</span> </div> </div> </div> </div> <h2 class="text-3xl font-bold border-b-2 border-amber-500 pb-2 inline-block">Spesifikasi Teknik</h2> <div class="overflow-x-auto mt-6"> <table class="w-full text-left border-collapse"> <thead> <tr class="bg-slate-100 border-y border-slate-300"> <th class="py-4 px-6 font-bold text-slate-900">Ciri</th> <th class="py-4 px-6 font-bold text-slate-900">Spesifikasi</th> </tr> </thead> <tbody class="divide-y divide-slate-200"> <tr><td class="py-3 px-6 font-medium bg-slate-50 w-1/3">Nombor Model</td><td class="py-3 px-6">OYTK2504-2</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Pemilihan</td><td class="py-3 px-6 font-bold text-purple-600">Pemoden Keempat</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Saiz Skrin</td><td class="py-3 px-6 font-bold text-purple-600">21.5-Inch Skrin HD Sentuh</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Rancang Dalam</td><td class="py-3 px-6 font-bold text-purple-600">Dizain Premium Baharu Semasa</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Cara Pembersih</td><td class="py-3 px-6 font-bold text-purple-600">Pembersihan Air Dipermasak (Tidak Perlu Pemutih Air)</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Sistem Bauahan</td><td class="py-3 px-6 font-bold text-purple-600">6 Bahan Aromat Secara Simultan</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Pertahanan Bau</td><td class="py-3 px-6 font-bold text-purple-600">5-7 Hari</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Kaedah Sterilisan</td><td class="py-3 px-6">UV + Ozone Ultraviolet Radiation dalam Bahasa Melayu</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Reka Bentuk Kamar</td><td class="py-3 px-6">Reka Bentuk Kamar Dua (A/B)</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Cara Bayar</td><td class="py-3 px-6">QR kod / Kad Bank NFC / Bil / Tambah Koin</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Pendukung Bahasa</td><td class="py-3 px-6">中国 / 英文 / 日本 / 俄罗斯 / 葡萄牙 / 西班牙 / 土耳其 / 泰国 / 越南 / 波兰</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Pemakaian Kuasa</td><td class="py-3 px-6">1100W / 2100W, 40W buang tunggu</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Dimensi</td><td class="py-3 px-6">650(Lebar) * 1790( Tinggi) * 550(Lebar) mm</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Berat Alat</td><td class="py-3 px-6">115 kg</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Tempat Asal</td><td class="py-3 px-6">Guangdong, China</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Garanti</td><td class="py-3 px-6">Pemegang Garanti Terhadap Tahunan</td></tr> <tr><td class="py-3 px-6 font-medium bg-slate-50">Kesambungan</td><td class="py-3 px-6">Bantuan WiFi dan kad Sim</td></tr> </tbody> </table> </div> <div class="mt-16"> <h2 class="text-3xl font-bold border-b-2 border-amber-500 pb-2 inline-block">Model Bisnes dan ROI</h2> <p class="mt-4">Berapa banyak anda menghasilkan per pembersihan — Model Pembersihan Helm The Helmet Cleaning Business Model menawarkan pengembalian modal yang cepat. Dengan generasi ke-4 OYTK2504-2, pembersihan air yang disaring menghapus biaya deterjen berlanjut sementara pengalaman bau khas memerlukan harga penggunaan yang tinggi di lokasi kelas tinggi.</p> <div class="grid md:grid-cols-2 gap-8 mt-8"> <div class="overflow-x-auto"> <h4 class="font-bold mb-3 text-lg">Kos dan Keuntungan Per Pembersihan</h4> <table class="w-full text-left border-collapse border border-slate-200"> <thead class="bg-slate-100"> <tr><th class="py-3 px-4">Description item</th><th class="py-3 px-4 text-right">Jumlah (RMB)</th></tr> </thead> <tbody class="divide-y divide-slate-200"> <tr><td class="py-2 px-4">Bayaran layanan pembersihan helm</td><td class="py-2 px-4 text-right font-medium text-slate-900">18.00</td></tr> <tr><td class="py-2 px-4 text-red-500">Kos Medan Air Diperpuarkan & Wajah Bayi</td><td class="py-2 px-4 text-right text-red-500">-0.80</td></tr> <tr><td class="py-2 px-4 text-red-500">Cukai Wang Negara</td><td class="py-2 px-4 text-right text-red-500">-3.00</td></tr> <tr><td class="py-2 px-4 text-red-500">Kos pentadbiran (pemasaran & sokongan)</td><td class="py-2 px-4 text-right text-red-500">-4.50</td></tr> <tr class="bg-amber-50"><td class="py-3 px-4 font-bold">Amaun keuntungan<span class="text-xs font-normal text-slate-500">(diluar elektriti & sewaan)</span></td><td class="py-3 px-4 text-right font-bold text-amber-600">9.70</td></tr> </tbody> </table> </div> <div class="overflow-x-auto"> <h4 class="font-bold mb-3 text-lg">Pengiraan Pendapatan Partner OY</h4> <table class="w-full text-center border-collapse border border-slate-200"> <thead class="bg-slate-100"> <tr> <th class="py-3 px-4 text-left">Metrik (Per Mesin)</th> <th class="py-3 px-4">Rendah</th> <th class="py-3 px-4">Sederhana</th> <th class="py-3 px-4">Tinggi</th> </tr> </thead> <tbody class="divide-y divide-slate-200"> <tr><td class="py-2 px-4 text-left font-medium">Pembersihan / Hari</td><td class="py-2 px-4">20</td><td class="py-2 px-4 bg-amber-50 font-medium">40</td><td class="py-2 px-4">60</td></tr> <tr><td class="py-2 px-4 text-left font-medium">Pendapatan Bulanan (RMB)</td><td class="py-2 px-4">¥5,820</td><td class="py-2 px-4 bg-amber-50 font-medium">¥11,640</td><td class="py-2 px-4">¥17,460</td></tr> <tr><td class="py-2 px-4 text-left font-medium">Pendapatan Tahunan (RMB)</td><td class="py-2 px-4">¥69,840</td><td class="py-2 px-4 bg-amber-50 font-medium text-amber-600">RM139,680</td><td class="py-2 px-4">RM209,520</td></tr> <tr class="bg-slate-50"><td class="py-3 px-4 text-left font-bold">Keuntungan 5 Tahun (RMB)</td><td class="py-3 px-4 font-bold">RM349,200</td><td class="py-3 px-4 bg-amber-100 font-bold text-amber-700">RM698,400</td><td class="py-3 px-4 font-bold">RM1,047,600</td></tr> </tbody> </table> <p class="mt-3 text-center text-sm font-bold text-purple-600 bg-purple-50 py-2 rounded-lg border border-purple-200">Pricing Premium · ROI Tinggi · Keuntungan 5 Tahun: Maksimum ¥1,047,600</p> </div> </div> </div> <div class="mt-16 bg-slate-900 text-white rounded-3xl p-8 lg:p-12 shadow-2xl"> <h2 class="text-3xl font-bold mt-0 text-white border-b-2 border-amber-500 pb-2 inline-block">Bantuan Kepada Penyokong Kami</h2> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-8"> <div class="bg-white/10 rounded-xl p-6 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-users text-3xl text-amber-400 mb-4"></i> <h4 class="text-lg font-bold text-white mb-2">Akses Langsung</h4> <p class="text-sm text-slate-300">Bergabungkan anda dengan pelanggan akhir tempatan yang siap.</p> </div> <div class="bg-white/10 rounded-xl p-6 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-photo-film text-3xl text-amber-400 mb-4"></i> <h4 class="text-lg font-bold text-white mb-2">Bahan Pemasaran</h4> <p class="text-sm text-slate-300">Video dan imej kualiti tinggi disediakan.</p> </div> <div class="bg-white/10 rounded-xl p-6 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-bullhorn text-3xl text-amber-400 mb-4"></i> <h4 class="text-lg font-bold text-white mb-2">Promosi Digital</h4> <p class="text-sm text-slate-300">Facebook, Instagram, TikTok, Google Ads sokongan.</p> </div> <div class="bg-white/10 rounded-xl p-6 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-laptop-code text-3xl text-amber-400 mb-4"></i> <h4 class="text-lg font-bold text-white mb-2">Laman Web Disesuai Kepada Kebutuhan</h4> <p class="text-sm text-slate-300">Hadir online disesuaikan untuk pasaran anda</p> </div> </div> <div class="mt-12"> <h3 class="text-xl font-bold mb-6 text-center">4 Langkah Sederhana untuk Membuat Peluncuran</h3> <div class="flex flex-col sm:flex-row justify-between items-center relative"> <div class="hidden sm:block absolute top-1/2 left-0 right-0 h-0.5 bg-slate-700 -z-0 -translate-y-1/2"></div> <div class="relative z-10 flex flex-col items-center bg-slate-900 px-4 py-2 w-full sm:w-1/4 mb-6 sm:mb-0 text-center"> <div class="w-12 h-12 rounded-full bg-amber-500 text-slate-900 font-bold text-xl flex items-center justify-center mb-3 border-4 border-slate-900">1</div> <strong class="block text-white">Buat Inventori</strong> <span class="text-xs text-slate-400">(15-25 hari)</span> </div> <div class="relative z-10 flex flex-col items-center bg-slate-900 px-4 py-2 w-full sm:w-1/4 mb-6 sm:mb-0 text-center"> <div class="w-12 h-12 rounded-full bg-amber-500 text-slate-900 font-bold text-xl flex items-center justify-center mb-3 border-4 border-slate-900">2</div> <strong class="block text-white">Bayar dengan QR Code</strong> <span class="text-xs text-slate-400">Integrasi akaun (3 hari)</span> </div> <div class="relative z-10 flex flex-col items-center bg-slate-900 px-4 py-2 w-full sm:w-1/4 mb-6 sm:mb-0 text-center"> <div class="w-12 h-12 rounded-full bg-amber-500 text-slate-900 font-bold text-xl flex items-center justify-center mb-3 border-4 border-slate-900">3</div> <strong class="block text-white">Jalankan dan Debug</strong> <span class="text-xs text-slate-400">Pemasangan dan pencegahan kesalahan</span> </div> <div class="relative z-10 flex flex-col items-center bg-slate-900 px-4 py-2 w-full sm:w-1/4 text-center"> <div class="w-12 h-12 rounded-full bg-amber-500 text-slate-900 font-bold text-xl flex items-center justify-center mb-3 border-4 border-slate-900">4</div> <strong class="block text-white">Pengangkutan</strong> <span class="text-xs text-slate-400">Pengangkutan ke kawasan sekitar (30-50 hari)</span> </div> </div> </div> </div> </article> </div> </div> <!-- Inquiry Form Section --> <section id="inquiry-form" class="py-16 bg-slate-50"> <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-10"> <h2 class="text-3xl font-extrabold text-slate-900">Minat dalam Generasi ke-4 OYTK2504-2?</h2> <p class="mt-4 text-slate-600">Hantarkan soalan anda kepada kami dan pasukan kami akan menghubungi anda dengan harga terkini, pilihan bau, dan perincian penghantaran.</p> </div> <div class="bg-white border border-slate-200 rounded-2xl p-8 shadow-lg shadow-slate-200/50"> <form id="contactForm" action="/guestbook.html" method="post" class="space-y-5"> <input type="hidden" name="return" value="json"/> <input type="hidden" name="product" value="Makina membersihkan Helm Pergiliran Tinggi OYTK2504-2"/> <div class="grid sm:grid-cols-2 gap-5"> <div> <label class="block text-sm font-medium text-slate-700 mb-1">Nama Pertama *</label> <input type="text" name="user_name" required="" class="form-input transition-all duration-300 w-full rounded-xl border-slate-300 shadow-sm focus:border-amber-500 focus:ring-amber-500"/> </div> <div> <label class="block text-sm font-medium text-slate-700 mb-1">Nama Akhir</label> <input type="text" name="last_name" class="form-input transition-all duration-300 w-full rounded-xl border-slate-300 shadow-sm focus:border-amber-500 focus:ring-amber-500"/> </div> </div> <div class="grid sm:grid-cols-2 gap-5"> <div> <label class="block text-sm font-medium text-slate-700 mb-1">E-mel *</label> <input type="email" name="email" required="" class="form-input transition-all duration-300 w-full rounded-xl border-slate-300 shadow-sm focus:border-amber-500 focus:ring-amber-500"/> </div> <div> <label class="block text-sm font-medium text-slate-700 mb-1">Nombor Telefon</label> <input type="tel" name="contact" class="form-input transition-all duration-300 w-full rounded-xl border-slate-300 shadow-sm focus:border-amber-500 focus:ring-amber-500"/> </div> </div> <div> <label class="block text-sm font-medium text-slate-700 mb-1">Mesej *</label> <textarea name="content" required="" rows="4" placeholder="Sahamkan lokasi anda, kuantiti yang diperlukan, dan sebarang soalan khusus tentang sistem wangi generasi ke-4..." class="form-input transition-all duration-300 w-full rounded-xl border-slate-300 shadow-sm focus:border-amber-500 focus:ring-amber-500"></textarea> </div> <button type="submit" class="w-full rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold py-4 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-amber-500/30 text-lg">Hantar Pertanyaan Sekarang</button> </form> </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&id=52&path=http%3A%2F%2Fhelmet-clean-machine.com%2Fproducts%2Fadvanced-helmet-cleaning-machine-oytk2507-2&type=archive&nonce="+Date.now(); document.body.appendChild(al); })(); </script> </body></html>