<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/partner/" 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/partner/" hreflang="pt-BR"/> <a href="https://helmet-clean-machine.com/pt-BR/partner/" 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/partner/" hreflang="es"/> <a href="https://helmet-clean-machine.com/es/partner/" 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/partner/" 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> <link rel="alternate" href="https://helmet-clean-machine.com/ms/partner/" hreflang="ms"/> <a href="https://helmet-clean-machine.com/ms/partner/" 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/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Thai</a> $(num16) <a href="https://helmet-clean-machine.com/zh-CN/partner/" 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/zh-TW/partner/" hreflang="zh-TW"/> <a href="https://helmet-clean-machine.com/zh-TW/partner/" 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/partner/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Bahasa Indonesia</a> $(num19) <a href="https://helmet-clean-machine.com/ja/partner/" 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#7003111c15033018151c1d15045d131c15111e5d1d111318191e155e131f1d" 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="dba8bab7bea89bb3beb7b6beaff6b8b7bebab5f6b6bab8b3b2b5bef5b8b4b6">[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"> <section class="relative overflow-hidden bg-gradient-to-br from-slate-900 via-slate-800 to-amber-950"> <!-- Abstract geometric shapes --> <div class="absolute inset-0 overflow-hidden pointer-events-none"> <div class="absolute -top-40 -right-40 w-[600px] h-[600px] rounded-full border border-amber-500/10"></div> <div class="absolute -top-20 -right-20 w-[500px] h-[500px] rounded-full border border-amber-500/10"></div> <div class="absolute top-0 right-0 w-[400px] h-[400px] rounded-full border border-amber-500/10"></div> <div class="absolute -bottom-32 -left-32 w-[500px] h-[500px] rounded-full bg-amber-500/5 blur-3xl"></div> <div class="absolute top-1/3 right-1/4 w-2 h-2 bg-amber-400/30 rounded-full"></div> <div class="absolute top-1/4 right-1/3 w-3 h-3 bg-amber-400/20 rounded-full"></div> <div class="absolute bottom-1/3 left-1/4 w-2 h-2 bg-amber-400/30 rounded-full"></div> <!-- Grid pattern dots --> <div class="absolute inset-0 opacity-[0.03]" style="background-image: radial-gradient(circle, #fbbf24 1px, transparent 1px); background-size: 40px 40px;"></div> </div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 lg:py-32 relative z-10"> <div class="grid lg:grid-cols-2 gap-10 lg:gap-16 items-center"> <!-- LEFT: Text Content --> <div class="text-white reveal reveal-left"> <!-- Badge row --> <div class="flex flex-wrap items-center gap-3 mb-6"> <span class="inline-flex items-center gap-2 bg-amber-500/15 border border-amber-500/30 rounded-full px-4 py-1.5 text-amber-300 text-xs sm:text-sm font-semibold tracking-wide uppercase backdrop-blur"> <i class="fa-solid fa-handshake text-amber-400"></i>Program Perkongsian</span> <span class="hidden sm:inline-flex items-center gap-1.5 text-slate-400 text-xs"> <i class="fa-solid fa-circle text-[4px] text-amber-500/50"></i>Pemroses & OEM</span> </div> <h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold leading-tight">Merk Anda.<br/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-amber-200">Pabrik Kami.</span><br/>Pernikmati Perkongsian Satu.</h1> <p class="mt-6 text-slate-300/90 text-base sm:text-lg leading-relaxed max-w-xl">Jual mesin membersihkan helm di bawah<strong class="text-white">merek sendiri anda</strong>atau sebagai seorang<strong class="text-white">distributor berlesen</strong>. Harga langsung kilang, penyesuaian OEM, wilayah eksklusif — disokong oleh 12+ tahun pengeluaran.</p> <!-- CTA Buttons --> <div class="mt-8 flex flex-wrap gap-3"> <a href="#apply" rel="nofollow" class="group px-6 py-3.5 rounded-xl bg-gradient-to-r from-amber-500 to-amber-400 text-slate-950 font-bold transition-all hover:-translate-y-0.5 shadow-lg shadow-amber-500/25 inline-flex items-center gap-2">Bergabung untuk Kerjasama<i class="fa-solid fa-arrow-right text-sm group-hover:translate-x-1 transition-transform"></i> </a> <a href="#oem" rel="nofollow" class="px-6 py-3.5 rounded-xl border border-slate-400/30 hover:border-amber-400/60 text-white font-bold transition-all hover:-translate-y-0.5 hover:bg-white/5 inline-flex items-center gap-2"> <i class="fa-solid fa-paint-brush"></i>Kemampuan OEM</a> </div> <!-- Trust snippet --> <p class="mt-6 text-slate-500 text-xs flex items-center gap-3"> <span class="flex items-center gap-1"><i class="fa-solid fa-lock text-amber-600 text-[10px]"></i>Wilayah yang Diproteksi</span> <span class="text-slate-700">|</span> <span class="flex items-center gap-1"><i class="fa-solid fa-bolt text-amber-600 text-[10px]"></i>Penghantaran dalam 24 jam</span> <span class="text-slate-700">|</span> <span class="flex items-center gap-1"><i class="fa-solid fa-globe text-amber-600 text-[10px]"></i>Penghantaran Global</span> </p> </div> <!-- RIGHT: Visual Stats Card --> <div class="reveal reveal-right"> <div class="relative"> <!-- Main stat card --> <div class="bg-gradient-to-br from-white/10 to-white/5 backdrop-blur border border-white/15 rounded-2xl p-6 sm:p-8 shadow-2xl"> <p class="text-amber-400 text-sm font-semibold uppercase tracking-wider mb-4 flex items-center gap-2"> <i class="fa-solid fa-chart-pie"></i>Manfaat Partner Dilihat Secara Ringkas</p> <div class="grid grid-cols-2 gap-4"> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">12<span class="text-lg">+</span></p> <p class="text-slate-400 text-xs sm:text-sm mt-1">Tahun Pengeluaran Sejak 2013</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">OEM</p> <p class="text-slate-400 text-xs sm:text-sm mt-1">Branding Kustom Penuh & ODM</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">0<span class="text-lg">%</span></p> <p class="text-slate-400 text-xs sm:text-sm mt-1">Middleman - Pabrik Sumber Langsung</p> </div> <div class="bg-white/5 rounded-xl p-4 border border-white/10 hover:bg-white/10 transition-colors"> <p class="text-3xl sm:text-4xl font-extrabold text-amber-400">10</p> <p class="text-slate-400 text-xs sm:text-sm mt-1">Bahan Bahasa — Siap Pasar Global</p> </div> </div> <!-- Bottom highlight --> <div class="mt-5 flex items-center gap-3 bg-amber-500/10 border border-amber-500/20 rounded-xl px-4 py-3"> <i class="fa-solid fa-trophy text-amber-400 text-xl flex-shrink-0"></i> <p class="text-slate-300 text-sm"><strong class="text-white">$700–$2000/bulan</strong>keuntungan pasif bagi setiap mesin. Paling banyak pasangan mendapat kembalian dalam<strong class="text-white">6-12 bulan</strong>.</p> </div> </div> <!-- Floating accent element --> <div class="absolute -top-6 -right-6 w-16 h-16 bg-amber-500/20 rounded-2xl rotate-12 hidden lg:block"></div> </div> </div> </div> </div> <!-- Bottom wave transition --> <div class="absolute bottom-0 inset-x-0"> <svg viewBox="0 0 1440 120" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="w-full h-12 sm:h-16 lg:h-20"> <path d="M0 60L60 50C120 40 240 20 360 15C480 10 600 20 720 35C840 50 960 70 1080 65C1200 60 1320 30 1380 15L1440 0V120H1380C1320 120 1200 120 1080 120C960 120 840 120 720 120C600 120 480 120 360 120C240 120 120 120 60 120H0V60Z" fill="#ffffff"></path> </svg> </div> </section> <!-- ===== WHY PARTNER WITH OUYUAN ===== --> <section class="bg-white border-y border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-14 lg:py-16"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Mengapa OUYUAN</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">Bapa sama OUYUAN untuk Pertumbuhan Bisnes anda</h2> <p class="mt-4 text-slate-600">Kami bukan hanya suplayer — kami adalah rakan pemmanufacturing jangka panjang yang berkomitmen kepada kesuksesan anda dalam industri membersihkan topi.</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-5 gap-5 mt-10"> <article class="value-card reveal reveal-up delay-100"> <span class="card-icon"><i class="fa-solid fa-industry"></i></span> <h3>Pembanding Sumber Industri</h3> <p>Dari lini produksi sendiri kami — tiada pihak pertengahan, tiada penambahan harga. Anda mendapatkan harga pabrik terbaik di industri.</p> </article> <article class="value-card reveal reveal-up delay-200"> <span class="card-icon"><i class="fa-solid fa-calendar-check"></i></span> <h3>12+ Tahun Warisan</h3> <p>Pembuatan mesin pembersih helm sejak 2013. Ketersediaan keandalan yang terbukti dengan beratus-ratus mesin yang dipasang di seluruh dunia.</p> </article> <article class="value-card reveal reveal-up delay-300"> <span class="card-icon"><i class="fa-solid fa-map-location-dot"></i></span> <h3>Perlindungan Kawasan</h3> <p>Hak eksklusif wilayah bagi penyiap yang memenuhi syarat. Bangun pasaran anda dengan keyakinan — tiada konflik jalur.</p> </article> <article class="value-card reveal reveal-up delay-400"> <span class="card-icon"><i class="fa-solid fa-paint-brush"></i></span> <h3>Siap OEM / ODM</h3> <p>Penuaan penuh: merek, warna, bahasa UI, pakaian. Jual di bawah merek sendiri dengan kuasa pemrosesan kami.</p> </article> <article class="value-card reveal reveal-up delay-400"> <span class="card-icon"><i class="fa-solid fa-earth-americas"></i></span> <h3>Pendukung Global</h3> <p>Pemantauan jauh, bahan promosi, bekalan suai, dan panduan teknikal — kami menyokong anda di mana saja anda beroperasi.</p> </article> </div> </div> </section> <!-- ===== DISTRIBUTOR PROGRAM ===== --> <section id="distributor" class="py-16 lg:py-20 bg-slate-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Program Peminduh</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">Bina Usahah Pembersih Helm Berkeuntungan Di Kawasan Anda</h2> <p class="mt-4 text-slate-600">Program perevali penyebarannya kami dirancang untuk rakan yang mahu membangun perniagaan pendapatan berulang yang bermakna dalam pasar kesian dan pereka buangan yang tumbuh pantas.</p> </header> <!-- Profit model --> <div class="grid lg:grid-cols-3 gap-6 mt-10"> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-100 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-tags"></i> </div> <h3 class="text-xl font-bold text-slate-900">Pembiayaan Penyalur Berlapis</h3> <p class="mt-3 text-slate-600">Pengurusan saiz tinggi berdasarkan volum dengan marjin yang menarik. Semakin banyak anda order, semakin baik kos unit anda — maksimalkan keuntungan anda per mesin.</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Unit contoh yang tersedia untuk penilaian</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Diskon progresif daripada 5+ unit</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Bunga hadiah tahunan untuk penampilan terbaik</li> </ul> </article> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-200 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-headset"></i> </div> <h3 class="text-xl font-bold text-slate-900">Pendukung pelengkap untuk rakan kongsi</h3> <p class="mt-3 text-slate-600">Kami menyediakan anda dengan segala alat yang diperlukan untuk menjual, memasang dan mempertahankan mesin membersihkan helm di pasar tempatan anda.</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Paket jualan & pemasaran (buklet, video)</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Pembaikan dan pemeliharaan latihan</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>jaminan 1-tahun + bekalan bahan ganti</li> </ul> </article> <article class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm reveal reveal-up delay-300 hover:shadow-lg hover:border-amber-300 transition-all"> <div class="w-14 h-14 rounded-xl bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mb-4"> <i class="fa-solid fa-shield-halved"></i> </div> <h3 class="text-xl font-bold text-slate-900">Keramat hak kawasan排他地權</h3> <p class="mt-3 text-slate-600">Sekurinikan pasaran anda dengan perjanjian wilayah yang dilindungi. Tiada penyalur OUYUAN lain akan ber kompetisi di wilayah yang dijadualkan anda.</p> <ul class="mt-4 space-y-2 text-sm text-slate-600"> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Ketersediaan eksklusiviti negara atau wilayah</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Harga yang dilindungi dalam wilayah anda</li> <li class="flex gap-2"><i class="fa-solid fa-check-circle text-amber-500 mt-0.5"></i>Bantuan pemasaran bersama untuk masuk pasaran</li> </ul> </article> </div> <!-- ROI highlight bar --> <div class="mt-10 bg-gradient-to-r from-slate-900 to-slate-800 rounded-2xl p-8 lg:p-10 text-white reveal reveal-up delay-200"> <div class="grid lg:grid-cols-4 gap-6 items-center"> <div class="lg:col-span-3"> <p class="text-amber-400 font-semibold text-sm uppercase tracking-wider">Sampel ROI pematuhan</p> <p class="text-2xl lg:text-3xl font-extrabold mt-2">Mesin pembersih helm layanan diri boleh menghasilkan<span class="text-amber-400">$700–$2,000/bulanan</span>dalam penghasilan pasif berulang-ulang</p> <p class="mt-3 text-slate-300">Dengan kos penggunaan elektrik yang rendah (~$0.02 setiap pembersihan) dan tanpa tenaga kerja, sebagian besar operator dapat mengembalikan modal peralatan mereka dalam<strong class="text-white">6-12 bulan</strong>. Sebagai pereka, anda akan mendapat untung daripada setiap mesin yang diletakkan.</p> </div> <div class="text-center"> <p class="text-5xl font-extrabold text-amber-400">≈1<span class="text-lg text-amber-300/80">m²</span></p> <p class="text-slate-300 text-sm mt-1">Kawasan kaki tanah minimum diperlukan — kira-kira 1 m² tapak</p> </div> </div> </div> </div> </section> <!-- ===== OEM SERVICES ===== --> <section id="oem" class="py-16 lg:py-20 bg-slate-900 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-12 items-center"> <article class="reveal reveal-left"> <p class="text-amber-400 font-semibold uppercase tracking-widest text-sm">Pembuatan OEM / ODM</p> <h2 class="text-3xl lg:text-4xl font-extrabold mt-3">Lancarkan Merek Sendiri Peralatan membersihkan Helm</h2> <p class="mt-5 text-slate-300 leading-relaxed">Sebagai pengeluar utama, OUYUAN menawarkan penuh layanan OEM dan ODM. Dari pemarkahan khusus hingga modifikasi peralatan, kami mengubah visi anda menjadi produk siap pasar — didukung oleh kualitas pemrosesan kami yang terbukti.</p> <div class="mt-8 grid sm:grid-cols-2 gap-4"> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-tag text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">Pengilangan Brand</h3> <p class="text-sm text-slate-400 mt-1">Logo, skema warna, decal luaran — identiti jenama anda di setiap mesin.</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-language text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">Penglocalisasi UI</h3> <p class="text-sm text-slate-400 mt-1">Perisian bahasa, integrasi bayaran dan antaramuka untuk pasaran anda.</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-box-open text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">Pakai Khas</h3> <p class="text-sm text-slate-400 mt-1">Kotak merek, buku panduan pengguna, dan pengalaman pengangkutan yang disesuaikan untuk kawasan anda.</p> </div> <div class="bg-white/10 rounded-xl p-4 border border-white/10 hover:bg-white/20 transition-colors"> <i class="fa-solid fa-microchip text-amber-400 text-xl mb-2"></i> <h3 class="font-bold">Pemadanan Perkakas</h3> <p class="text-sm text-slate-400 mt-1">Tegangan, jenis plugging, modul pembayaran — dirancang untuk piawaian tempatan anda.</p> </div> </div> </article> <div class="reveal reveal-right"> <div class="bg-white/5 backdrop-blur border border-white/10 rounded-2xl p-8"> <p class="text-amber-400 font-semibold text-sm uppercase tracking-wider">Proses OEM</p> <div class="mt-6 space-y-6"> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">1</span> <div> <h3 class="font-bold">Pertemuan & Kebutuhan</h3> <p class="text-sm text-slate-400 mt-1">Bagikan visi merek anda, pasar target, dan kebutuhan penyesuaian kepada kumpulan kami.</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">2</span> <div> <h3 class="font-bold">Reka Bentuk & Prototaip</h3> <p class="text-sm text-slate-400 mt-1">Kami membuat mockup desain dan contoh berfungsi untuk disahkan sebelum produksi berskala besar</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">3</span> <div> <h3 class="font-bold">Pengeluaran & Kualiti</h3> <p class="text-sm text-slate-400 mt-1">Kawalan kualiti yang ketat di setiap tahap. Mesin jenama anda dibina menurut standard yang berproven.</p> </div> </div> <div class="flex gap-4"> <span class="flex-shrink-0 w-10 h-10 rounded-full bg-amber-500 text-slate-900 flex items-center justify-center font-bold">4</span> <div> <h3 class="font-bold">Penghantaran & Pasca-Jualan</h3> <p class="text-sm text-slate-400 mt-1">Pengurusan logistik global diatur. Dapatkan bantuan teknikal yang terus-menerus dan bekalan pengganti termasuk.</p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ===== WHO CAN PARTNER ===== --> <section class="py-16 lg:py-20 bg-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Profil Mitra</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">Siapa Pemilik Partner Ideal OUYUAN?</h2> <p class="mt-4 text-slate-600">Kami mencari rakan yang bersemangat yang melihat potensi membawa penyelesaian pembersihan helm ke pasar tempatan mereka.</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-10"> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-100 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-store"></i> </div> <h3 class="font-bold text-lg text-slate-900">Pemilik Peralatan</h3> <p class="mt-2 text-slate-600 text-sm">Makina jualan, cuci kereta, atau penyalur peralatan komersial yang mencari untuk meluaskan portofolio produk mereka.</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-200 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-gas-pump"></i> </div> <h3 class="font-bold text-lg text-slate-900">Stesen Bencana / Rantai Dagangan</h3> <p class="mt-2 text-slate-600 text-sm">Usahawan dengan beberapa lokasi yang boleh menambahkan pembersihan topi sebagai perkhidmatan tambahan</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-300 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-flag-checkered"></i> </div> <h3 class="font-bold text-lg text-slate-900">Karting / Pemajakan Operasional</h3> <p class="mt-2 text-slate-600 text-sm">Pantau dan perniagaan sewa yang mahu menawarkan perkhidmatan kesehatan dan mendapat keuntungan tambahan.</p> </article> <article class="bg-slate-50 rounded-2xl border border-slate-200 p-6 text-center reveal reveal-up delay-400 hover:shadow-lg hover:border-amber-300 transition-all group"> <div class="w-16 h-16 rounded-full bg-amber-100 flex items-center justify-center text-amber-600 text-2xl mx-auto mb-4 group-hover:bg-amber-500 group-hover:text-white transition-colors"> <i class="fa-solid fa-rocket"></i> </div> <h3 class="font-bold text-lg text-slate-900">Pemilik Usahawan</h3> <p class="mt-2 text-slate-600 text-sm">Individu dengan pengetahuan pasaran tempatan dan dorongan usaha, mencari sumber pendapatan baru dengan dukungan produk yang kuat.</p> </article> </div> </div> </section> <!-- ===== PARTNERSHIP PROCESS ===== --> <section class="py-16 lg:py-20 bg-slate-50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-3xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Memulakan Perjalanan</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">Jalan Anda Menjadi Mitra OUYUAN</h2> <p class="mt-4 text-slate-600">Proses yang ringkas dan jelas untuk membantu anda daripada permintaan hingga pemasangan peralatan pertama anda.</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 mt-10"> <article class="relative reveal reveal-up delay-100"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">1</span> <h3 class="font-bold text-lg text-slate-900">Hantar Pertanyaan</h3> <p class="mt-2 text-slate-600 text-sm">Isi borang di bawah ini atau hubungi kami secara langsung. Beritahu kami tentang pasar dan tujuan bisnis anda.</p> </div> <!-- Arrow (desktop only) --> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="relative reveal reveal-up delay-200"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">2</span> <h3 class="font-bold text-lg text-slate-900">Panggilan Konsultasi</h3> <p class="mt-2 text-slate-600 text-sm">Kami mengambil perbincangan pemilihan mesin, harga, kebutuhan OEM, dan istilah wilayah dengan anda.</p> </div> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="relative reveal reveal-up delay-300"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">3</span> <h3 class="font-bold text-lg text-slate-900">Perjanjian & Pesanan</h3> <p class="mt-2 text-slate-600 text-sm">Sahkan perjanjian penyebar, pastikan spesifikasi, dan tempah tempahan pertama anda dengan jadwal penghantaran yang jelas.</p> </div> <div class="hidden lg:block absolute top-1/2 -right-3 text-amber-400 text-xl"><i class="fa-solid fa-chevron-right"></i></div> </article> <article class="reveal reveal-up delay-400"> <div class="bg-white rounded-2xl border border-slate-200 p-6 text-center shadow-sm hover:shadow-lg hover:border-amber-300 transition-all"> <span class="inline-flex w-12 h-12 rounded-full bg-amber-500 text-white items-center justify-center text-xl font-bold mb-4">4</span> <h3 class="font-bold text-lg text-slate-900">Lancar & Tumbuh</h3> <p class="mt-2 text-slate-600 text-sm">Dapatkan mesin-mesin anda, akses bahan pelatihan, dan mulai membangun bisnis membersihkan helm anda.</p> </div> </article> </div> </div> </section> <!-- ===== FAQ ===== --> <section id="faq" class="py-16 bg-slate-100"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <header class="text-center max-w-2xl mx-auto reveal reveal-up"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">FAQ</p> <h2 class="text-3xl font-extrabold text-slate-900 mt-3">Pertanyaan Paling Banyak Dari Rakan Perdagangan Potensial</h2> </header> <div class="max-w-3xl mx-auto mt-8 space-y-3 reveal reveal-up delay-200 faq-section"> <details class="faq-item"> <summary>Apa MOQ untuk pesanan penjual?</summary> <div class="faq-content"> <p>Penggunaan minimum kualitas standar kami bermula daripada<strong>1 unit</strong>untuk penilaian contoh. Untuk harga penjualan berkelompok, kami menyarankan pesanan yang berikut.<strong>5+ unit</strong>untuk mengedipkan diskun tingkat dan eksklusiviti wilayah. Hubungi kami untuk kutipan disesuaikan berdasarkan volum yang dijangkakan anda.</p> </div> </details> <details class="faq-item"> <summary>Adakah anda menawarkan perlindungan wilayah eksklusif?</summary> <div class="faq-content"> <p>Buat. Kami menyediakan<strong>eksklusiviti yang berdasarkan wilayah</strong>untuk pereka distribusi bergerak tinggi dengan komitmen kepada<strong>1,000+ unit</strong> Ini bermakna tiada penyalur OUYUAN lain yang akan beroperasi di wilayah yang anda pilih, memastikan anda mempunyai pasaran yang dijaga untuk pertumbuhan bisnis anda dan untuk membangun hubungan pelanggan.</p> </div> </details> <details class="faq-item"> <summary>Boleh andabuat OEM / merancang merek kustom?</summary> <div class="faq-content"> <p>Begitu sahaja. Sebagai<strong>sumber kilang</strong>, kami menawarkan layanan OEM yang kritis termasuk:</p> <ul> <li>Cetak logo kustom dan decal luaran</li> <li>Pengaturan skema warna untuk padan dengan jenama anda</li> <li>Pengaturcaraan bahasa untuk pasar target anda di UI</li> <li>Pakai kemasan yang disesuaikan dengan merek anda</li> <li>Modifikasi peralatan (voltage, modul bayar, dll.)</li> </ul> </div> </details> <details class="faq-item"> <summary>Apa jenis sokongan selepas jualan yang anda berikan?</summary> <div class="faq-content"> <p>Kami menunggakkan kepada mesin kami dengan<strong>jaminan terhadap masa terhadap 1 tahun</strong>, diskaun bantuan berterusan termasuk bekalan pengganti, pengalaman teknikal jauh, bahan pelatihan pemeliharaan, dan bahan promosi. Pasukan kami tersedia melalui email, telefon, dan WhatsApp untuk bantuan segera.</p> </div> </details> <details class="faq-item"> <summary>Berapa lama pengeluaran dan pengiriman OEM?</summary> <div class="faq-content"> <p>Model standar penghantaran dalam masa<strong>15-20 hari perniagaan</strong>kemudian pengesahan pesanan. Pesanan khusus OEM biasanya memerlukan<strong>25–35 hari perniagaan</strong>untuk pengeluaran, ditambah masa pengiriman yang bergantung kepada pelabuhan tujuan anda. Kami bekerjasama dengan pihak pengangkut yang terpercaya dan dapat mengatur pengiriman dari pintu ke pintu jika diperlukan.</p> </div> </details> <details class="faq-item"> <summary>Adakah anda menyediakan bahan pemasaran untuk penyiapan?</summary> <div class="faq-content"> <p>Buat. Setiap penyebar menerima satu<strong>kit pemasaran pasangan</strong>termasuk brochur produk, lakssurat spesifikasi, video pertunjukan, aset media sosial, dan skrip penjualan. Kami juga boleh bersama-sama merek bahan untuk pasaran tempatan dan menyokong anda dengan kandungan untuk pameran dagangan dan promosi online.</p> </div> </details> </div> </div> </section> <!-- ===== CTA / CONTACT FORM ===== --> <section id="apply" class="py-16 lg:py-20 bg-slate-50 border-t border-slate-200"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid lg:grid-cols-2 gap-10"> <article class="reveal reveal-left"> <p class="text-amber-600 font-semibold uppercase tracking-widest text-sm">Buat Tawaran Sekarang</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">Sedia Menjadi Partner?</h2> <p class="mt-4 text-slate-600 leading-relaxed">Isi borang dan pasukan kerjasama kami akan hubungi dalam masa<strong>24 jam perniagaan</strong>untuk membincangkan pasaran anda, merujuk model yang sesuai, dan menyediakan proposal penyalur yang disesuaikan.</p> <div class="mt-8 space-y-4"> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-bolt"></i></span> <div> <h3 class="font-bold text-slate-900">Pertanda Tanggap Cepat</h3> <p class="text-sm text-slate-600">Pengurus akaun yang diserahkan akan memberikan jawapan dalam tempoh 24 jam untuk membincangkan keperluan kerjasama anda.</p> </div> </div> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-file-contract"></i></span> <div> <h3 class="font-bold text-slate-900">Tiada Tanda Tersembunyi</h3> <p class="text-sm text-slate-600">Harga yang jelas, terang, dan persetujuan kerjasama yang lancar</p> </div> </div> <div class="flex gap-4 items-start"> <span class="flex-shrink-0 w-10 h-10 rounded-lg bg-amber-100 text-amber-600 flex items-center justify-center"><i class="fa-solid fa-truck-fast"></i></span> <div> <h3 class="font-bold text-slate-900">Global Logistik Siap</h3> <p class="text-sm text-slate-600">Pemilik pengalaman dalam pengiriman ke Tenggara Asia, Amerika Selatan, Timur Tengah dan di luar sana.</p> </div> </div> </div> <address class="mt-8 not-italic text-slate-700 space-y-2 bg-white rounded-xl p-5 border border-slate-200"> <p class="flex items-center gap-2"><i class="fa-solid fa-envelope text-amber-500 w-5"></i> <strong>Emel:</strong> <a href="/cdn-cgi/l/email-protection#90e3f1fcf5e3d0f8f5fcfdf5e4bdf3fcf5f1febdfdf1f3f8f9fef5bef3fffd" class="text-amber-700 hover:text-amber-500 transition-colors"><span class="__cf_email__" data-cfemail="0271636e6771426a676e6f67762f616e67636c2f6f63616a6b6c672c616d6f">[email protected]</span></a></p> <p class="flex items-center gap-2"><i class="fa-brands fa-whatsapp text-green-500 w-5"></i> <strong>WhatsApp:</strong> <a href="https://wa.me/+8613570855813" target="_blank" rel="noopener" class="text-amber-700 hover:text-amber-500 transition-colors">+8613570855813</a></p> <p class="flex items-center gap-2"><i class="fa-solid fa-building text-amber-500 w-5"></i> <strong>Syarikat:</strong>Teknologi Intelligen OUYUAN</p> </address> </article> <article class="bg-white border border-slate-200 rounded-2xl p-6 shadow-lg shadow-slate-200/50 reveal reveal-right"> <form id="contactForm" action="/guestbook.html" method="post" class="space-y-4"> <input type="hidden" name="return" value="json"/> <div class="grid sm:grid-cols-2 gap-4"> <input type="text" name="user_name" required="" placeholder="Nama Pertama*" class="form-input transition-all duration-300"/> <input type="text" name="last_name" placeholder="Nama Akhir" class="form-input transition-all duration-300"/> </div> <div class="grid sm:grid-cols-2 gap-4"> <input type="email" name="email" required="" placeholder="E-mel*" class="form-input transition-all duration-300"/> <input type="tel" name="contact" placeholder="Nombor Telefon" class="form-input transition-all duration-300"/> </div> <input type="text" name="company" placeholder="Nama Syarikat" class="form-input transition-all duration-300"/> <textarea name="content" required="" rows="5" placeholder="Beri kata tentang pasaran sasaran anda, jenis kerjasama yang diingini (Distributor / OEM / Kedua-dua), dan sebarang soalan khusus...*" class="form-input transition-all duration-300"></textarea> <button type="submit" class="w-full rounded-xl bg-amber-500 hover:bg-amber-400 text-slate-950 font-bold py-3 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-amber-500/30">Hantar Pertanyaan Perkongsian Kerjasama</button> </form> </article> </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%2Fpartner&nonce="+Date.now(); document.body.appendChild(al); })(); </script> </body></html>