<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>แหล่งผลิต<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/about/" 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/about/" hreflang="pt-BR"/> <a href="https://helmet-clean-machine.com/pt-BR/about/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">Português-BR</a> $(num12) <a href="https://helmet-clean-machine.com/es/about/" 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/about/" 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/about/" 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/about/" 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/about/" 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/about/" hreflang="zh-TW"/> <a href="https://helmet-clean-machine.com/zh-TW/about/" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-amber-600 transition-colors">繁体中文</a> <link rel="alternate" href="https://helmet-clean-machine.com/id/about/" hreflang="id"/> <a href="https://helmet-clean-machine.com/id/about/" 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/about/" 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#1f6c7e737a6c5f777a73727a6b327c737a7e7132727e7c7776717a317c7072" 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="9fecfef3faecdff7faf3f2faebb2fcf3fafef1b2f2fefcf7f6f1fab1fcf0f2">[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/th/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>ขอคำนำเสนอ</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/th/" class="flex items-center gap-3"> <img src="https://helmet-clean-machine.com/th/uploads/202604/01/f4823fd50fada873.webp" alt="เครื่องทำความสะอาดหน้ากากจักรยาน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">เครื่องทำความสะอาดหน้ากากของแรงงานงานกีฬาปั่นจักรยานขนาดใหญ่</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/th/">บ้าน</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/th/products/">สินค้า<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/th/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/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/07ef4f3e15e72a5e.webp" alt="เครื่องทำความสะอาดหน้าของหน้ากากเดี่ยว 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">เครื่องทำความสะอาดหน้าของหน้ากากเดี่ยว OYTK2501-1</strong> </a> <a href="https://helmet-clean-machine.com/th/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/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202603/27/9fad2c99606985da.webp" alt="รถเครื่องล้างหน้ากากทวิหัว 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">รถเครื่องล้างหน้ากากทวิหัว OYTK2501-2</strong> </a> <a href="https://helmet-clean-machine.com/th/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/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202605/30/21f0c030b8c59371.webp" alt="แอดวานซ์เฮลเมทคลีนิ่งแมชีน OYTK2507-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">แอดวานซ์เฮลเมทคลีนิ่งแมชีน OYTK2507-2<span class="block text-amber-500 font-normal">4th รุ่นใหม่</span></strong> </a> </div> </li> <li><a class="nav-link active" href="https://helmet-clean-machine.com/th/about/">เกี่ยวกับเรา</a></li> <li class="relative group"> <a class="nav-link inline-flex items-center gap-2" href="https://helmet-clean-machine.com/th/">ทรัพยากร<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/th/blogs/" class="submenu-link">บล็อกส์</a></li> <li><a href="https://helmet-clean-machine.com/th/faqs/" class="submenu-link">คำถามที่ต้องการทราบ</a></li> <li><a href="https://helmet-clean-machine.com/th/partner/" class="submenu-link">ผู้จำหน่ายและ OEM</a></li> </ul> </li> <li><a class="nav-link " href="https://helmet-clean-machine.com/th/contact/">ติดต่อ</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/th/" class="mobile-link active">บ้าน</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileProducts">สินค้า<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/th/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/th/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="เครื่องทำความสะอาดหน้าของหน้ากากเดี่ยว OYTK2501-1"/> </div> <span class="flex-1 text-sm line-clamp-2">เครื่องทำความสะอาดหน้าของหน้ากากเดี่ยว OYTK2501-1</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/th/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/th/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="รถเครื่องล้างหน้ากากทวิหัว OYTK2501-2"/> </div> <span class="flex-1 text-sm line-clamp-2">รถเครื่องล้างหน้ากากทวิหัว OYTK2501-2</span> </a> </li> <li> <a href="https://helmet-clean-machine.com/th/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/th/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="แอดวานซ์เฮลเมทคลีนิ่งแมชีน OYTK2507-2"/> </div> <span class="flex-1 text-sm line-clamp-2">แอดวานซ์เฮลเมทคลีนิ่งแมชีน OYTK2507-2</span> </a> </li> </ul> </li> <li><a href="https://helmet-clean-machine.com/th/about/" class="mobile-link active">เกี่ยวกับเรา</a></li> <li> <button type="button" class="mobile-toggle" data-toggle-target="#mobileResource">ทรัพยากร<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/th/blogs/" class="mobile-link">บล็อกส์</a></li> <li><a href="https://helmet-clean-machine.com/th/faqs/" class="mobile-link">คำถามที่ต้องการทราบ</a></li> <li><a href="https://helmet-clean-machine.com/th/partner/" class="mobile-link">ผู้จำหน่ายและ OEM</a></li> </ul> </li> <li><a href="https://helmet-clean-machine.com/th/contact/" class="mobile-link active">ติดต่อ</a></li> </ul> </nav> </div> </div> </header> <main class="pt-32"> <section class="bg-slate-900 text-white py-16 lg:py-24 hero-surface"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center"> <nav class="text-sm font-medium text-slate-400 mb-6 flex justify-center items-center gap-2 reveal reveal-up"> <a href="https://helmet-clean-machine.com/th/" class="hover:text-amber-400 transition-colors">บ้าน</a> <i class="fa-solid fa-chevron-right text-[10px]"></i> <span class="text-white">เกี่ยวกับเรา</span> </nav> <h1 class="font-display text-4xl lg:text-5xl font-extrabold leading-tight reveal reveal-up delay-100">เกี่ยวกับเทคโนโลยีเอาโยวาน อินเตอร์เนชันแนล์ไทเต็นไชน์ จำกัด</h1> <p class="mt-6 text-slate-300 text-lg max-w-2xl mx-auto reveal reveal-up delay-200">ผู้ผลิตต้นตอน ของเครื่องล้างหนวดรักษาหน้ากากที่มีความเชื่อถือที่สุดในธุรกิจ. มีพลังในการสนับสนุนเจ้าของธุรกิจ B2B ทั่วโลกตั้งแต่ปี 2013.</p> </div> </section> <!-- Company Introduction --> <section class="py-16 lg:py-24 bg-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 lg:gap-16 items-center"> <div class="reveal reveal-left"> <h2 class="text-amber-600 font-semibold uppercase tracking-widest text-sm">ประวัติของเรา</h2> <p class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3 leading-tight">มุ่งมั่นที่จะผลิตอุปกรณ์ประจำตัวตลอด 10 ปี</p> <div class="mt-6 space-y-4 text-slate-600 leading-relaxed text-lg"> <p>ก่อตั้งขึ้นในปี 2013,<strong>OUYUAN สมาคมเทคโนโลยีไอนเทลิจันท์</strong>เป็นผู้ผลิตเชิงอุตสาหกรรมที่เชี่ยวชาญในอุปกรณ์การบริการตัวเองเชิงพาณิชย์ ด้วยการเพิ่มขึ้นของการเคลื่อนที่ร่วมและชุมชนของนักขี่จักรยานยนต์ทั่วโลก เราได้ตระหนักถึงความจำเป็นด่วนของแนวทางการรักษาสุขภาพหน้ากากครูฝายอาชีพ</p> <p>วันนี้ ตัวกางเกล็ดทำความสะอาดของเราที่ได้รับการจัดส่งโดยอัตโนมัติเข้าสู่ห้างสรรพสินค้า สนามแข่งแรซบอก สถานีผู้แข่งขัน และทุกสถานที่เอกชนทั่วโลกเราไม่แค่เป็นผู้รวบรวมเท่านั้น;เราเป็นโรงงานแหล่งที่จัดการด้านวิจัยและพัฒนา, การออกแบบโครงสร้าง, การผลิตเหล็กกล้าง, และการรวบรวมสิ้นสุดภายนอก.</p> </div> <div class="mt-8 grid grid-cols-2 sm:grid-cols-4 gap-6"> <div class="border-l-2 border-amber-500 pl-4"> <strong class="block text-3xl font-extrabold text-slate-900">2013</strong> <span class="text-sm text-slate-500 mt-1 block">จัดตั้งขึ้น</span> </div> <div class="border-l-2 border-amber-500 pl-4"> <strong class="block text-3xl font-extrabold text-slate-900">10k+</strong> <span class="text-sm text-slate-500 mt-1 block">เครื่องจักรที่ถูกกำหนดขึ้น</span> </div> <div class="border-l-2 border-amber-500 pl-4"> <strong class="block text-3xl font-extrabold text-slate-900">50+</strong> <span class="text-sm text-slate-500 mt-1 block">ประเทศส่งออก</span> </div> <div class="border-l-2 border-amber-500 pl-4"> <strong class="block text-3xl font-extrabold text-slate-900">100%</strong> <span class="text-sm text-slate-500 mt-1 block">โรงงานส่งตรง</span> </div> </div> </div> <figure class="reveal reveal-right relative"> <div class="aspect-[4/3] rounded-2xl overflow-hidden shadow-2xl"> <img src="https://helmet-clean-machine.com/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202604/01/ccdb3f018b62c3f8.webp" alt="โรงงาน OUYUAN" class="w-full h-full object-cover"/> </div> <div class="absolute -bottom-6 -left-6 bg-white p-6 rounded-2xl shadow-xl border border-slate-100 hidden sm:block"> <p class="flex items-center gap-3 font-bold text-slate-900"> <span class="w-12 h-12 bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-xl"><i class="fa-solid fa-medal"></i></span>แหล่งผลิต</p> </div> </figure> </div> </div> </section> <!-- Core Values --> <section class="py-16 lg:py-24 bg-slate-50 border-y border-slate-200"> <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"> <h2 class="text-amber-600 font-semibold uppercase tracking-widest text-sm">ข้อเสนอนำของ</h2> <p class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">ทำไมบริษัท B2B จะเลือก OUYUAN</p> </header> <div class="grid md:grid-cols-3 gap-8 mt-12"> <article class="bg-white p-8 rounded-2xl border border-slate-200 shadow-sm reveal reveal-up delay-100 hover:shadow-lg transition-shadow"> <span class="w-14 h-14 bg-slate-100 text-amber-600 rounded-xl flex items-center justify-center text-2xl mb-6"><i class="fa-solid fa-industry"></i></span> <h3 class="text-xl font-bold text-slate-900">工廠直供 True Source Factory</h3> <p class="mt-3 text-slate-600 leading-relaxed">ไม่มีกลุ่มกลาง โดยการควบคุมกระบวนการผลิตทั้งหมดจากการตัดเหล็กเป็นสมุดไปจนถึงการประกาศระบบซอฟท์แวร์ เราเสนอราคาที่มีการแข่งขันสูงและการควบคุมคุณภาพเข้มงวด</p> </article> <article class="bg-white p-8 rounded-2xl border border-slate-200 shadow-sm reveal reveal-up delay-200 hover:shadow-lg transition-shadow"> <span class="w-14 h-14 bg-slate-100 text-amber-600 rounded-xl flex items-center justify-center text-2xl mb-6"><i class="fa-solid fa-gear"></i></span> <h3 class="text-xl font-bold text-slate-900">ความสามารถ OEM/ODM</h3> <p class="mt-3 text-slate-600 leading-relaxed">เราสนับสนุนการปรับแต่งลึกซึ้งสำหรับบริษัททางการตลาด. จากสีด้านนอกของเครื่อง, แผงควบคุมUIที่เปิดเสรี, ตัวเลือกภาษา, จนถึงการรวมเข้ากับช่องทางการชำระเงินเฉพาะไปเดียว.</p> </article> <article class="bg-white p-8 rounded-2xl border border-slate-200 shadow-sm reveal reveal-up delay-300 hover:shadow-lg transition-shadow"> <span class="w-14 h-14 bg-slate-100 text-amber-600 rounded-xl flex items-center justify-center text-2xl mb-6"><i class="fa-solid fa-headset"></i></span> <h3 class="text-xl font-bold text-slate-900">บริการหลังการขายที่น่าเชื่อถือ</h3> <p class="mt-3 text-slate-600 leading-relaxed">การออกแบบเครื่องจักรโมดูลารี่ของเรา มีความเป็นไปได้ที่ 90% ของการซ่อมบำรุงสามารถทำได้ด้วยการแทนชิ้นส่วนที่ง่ายต่อการเชื่อมต่อและแปลงงาน. เรามีการจัดสรรชิ้นส่วนส่วนประกอบที่ต่อเนื่องและคำแนะนำทางเทคนิค.</p> </article> </div> </div> </section> <!-- Production Workshop Gallery --> <section class="py-16 lg:py-24 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 mb-12"> <h2 class="text-amber-600 font-semibold uppercase tracking-widest text-sm">ภายในอาคารของเรา</h2> <p class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">โปรเซสผลิตที่เปิดเผยง่าย</p> </header> <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-4 reveal reveal-up delay-200"> <figure class="aspect-square rounded-xl overflow-hidden group"> <img src="https://helmet-clean-machine.com/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202604/01/b37499eaed8d9963.webp" alt="OUYUAN หมวกทำความสะอาดยานรถแรง 1" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"/> </figure> <figure class="aspect-square rounded-xl overflow-hidden group"> <img src="https://helmet-clean-machine.com/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202604/01/a50c14273a8b254e.webp" alt="OUYUAN หมวกทำความสะอาดเครื่อง 2" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"/> </figure> <figure class="aspect-square rounded-xl overflow-hidden group"> <img src="https://helmet-clean-machine.com/th/static/default/images/placeholder.svg" data-src="https://helmet-clean-machine.com/uploads/202604/01/391c7dcd236620b7.webp" alt="OUYUAN หมวกความสะอาดเครื่อง 3" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"/> </figure> </div> </div> </section> <!-- CTA Contact Section --> <section id="contact" 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">ติดต่อเรา</p> <h2 class="text-3xl lg:text-4xl font-extrabold text-slate-900 mt-3">พูดคุยกับทีม OUYUAN เกี่ยวกับโครงการของคุณ</h2> <p class="mt-4 text-slate-600">แบ่งปันตลาดเป้าหมายและสถานการณ์ที่ตั้งของคุณ เราจะแนะนำโมเดลที่เหมาะสมและหนทางการร่วมมือสำหรับธุรกิจของคุณ.</p> <address class="mt-6 not-italic text-slate-700 space-y-2"> <p><strong>บริษัท:</strong>OUYUAN สมาคมเทคโนโลยีไอนเทลิจันท์</p> <p><strong>เว็บไซต์:</strong> <a href="https://helmet-clean-machine.com/th/" class="text-amber-700 hover:text-amber-500 transition-colors">https://helmet-clean-machine.com/th/</a></p> <p><strong>Business Type:</strong>ผู้ผลิตเครื่องล้างหมวกนำหน้างาน</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="ชื่อจริง*" class="form-input transition-all duration-300"/> <input type="text" name="last_name" placeholder="นามสกุล" class="form-input transition-all duration-300"/> </div> <div class="grid sm:grid-cols-2 gap-4"> <input type="email" name="email" required="" placeholder="อีเมล*" class="form-input transition-all duration-300"/> <input type="tel" name="contact" placeholder="เบอร์โทรศัพท์" class="form-input transition-all duration-300"/> </div> <input type="text" name="company" placeholder="บริษัท" class="form-input transition-all duration-300"/> <textarea name="content" required="" rows="5" placeholder="ข้อความ*" 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">ส่งคำถาม</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">OUYUAN สมาคมเทคโนโลยีไอนเทลิจันท์</h2> <p class="mt-3 text-slate-400 max-w-xl">ผู้ผลิตเครื่องล้างหน้ากากของไฮเทคที่น่าเชื่อถือตั้งแต่ปี 2013 ให้บริการร่วมมือธุรกิจ B2B ระดับโลกด้วยคุณภาพสินค้าที่แน่นหนองและการสนับสนุนธุรกิจที่มีประโยชน์</p> </article> <nav aria-label="Footer navigation"> <h3 class="text-white font-semibold">ระบบด่วนไป</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/th/" class="hover:text-amber-300">บ้าน</a></li> <li><a href="https://helmet-clean-machine.com/th/#products" rel="nofollow" class="hover:text-amber-300">สินค้า</a></li> <li><a href="https://helmet-clean-machine.com/th/about/" class="hover:text-amber-300">เกี่ยวกับเรา</a></li> <li><a href="https://helmet-clean-machine.com/th/blogs/" class="hover:text-amber-300">บล็อก</a></li> </ul> </nav> <article> <h3 class="text-white font-semibold">ธุรกิจ</h3> <ul class="mt-3 space-y-2 text-sm"> <li><a href="https://helmet-clean-machine.com/th/contact/" rel="nofollow" class="hover:text-amber-300">ขอคำนำเสนอ</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/th/">OUYUAN สมาคมเทคโนโลยีไอนเทลิจันท์</a>. สิทธิ์ทั้งหมดถูกสงวนไว้</p> <div class="flex items-center gap-4 text-slate-400"> <a href="https://helmet-clean-machine.com/th/privacy-policy/" rel="nofollow" class="hover:text-amber-300 transition-colors">นโยบายความเป็นส่วนตัว</a> <span class="text-slate-700">|</span> <a href="https://helmet-clean-machine.com/th/terms-of-service/" rel="nofollow" class="hover:text-amber-300 transition-colors">ข้อกำหนดการใช้งาน</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">พูดคุยกับเราบน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/th/static/default/js/jquery-2.2.4.min.js"></script> <script src="https://helmet-clean-machine.com/th/static/default/js/swiper/swiper.min.js"></script> <script src="https://helmet-clean-machine.com/th/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%2Fabout&nonce="+Date.now(); document.body.appendChild(al); })(); </script> </body></html>