Mouse And KeyBoard Solution

No products found

No products in this category yet.

<section class="relative w-full min-h-[500px] flex items-center justify-center overflow-hidden bg-gray-900">  <div class="absolute inset-0 z-0"> <img src="https://md.ic-online.com/page/wyatt/nearlinkmouserkeybroad/__11.jpg.mst.webp" alt="NEARLINK Solution Background" class="w-full h-full object-cover opacity-90" /> <div class="absolute inset-0 bg-gradient-to-r from-gray-900/80 via-gray-900/40 to-transparent"></div> </div>  <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24 w-full"> <div class="max-w-2xl"> <div class="inline-block px-4 py-1 mb-4 border border-emerald-400 rounded-full bg-emerald-900/30 backdrop-blur-sm"> <span class="text-emerald-400 text-sm font-semibold tracking-wider uppercase">Wireless Technology</span> </div> <h1 class="text-5xl md:text-6xl lg:text-7xl font-bold text-white mb-6 leading-tight tracking-tight"> NEARLINK<br/> <span class="text-emerald-400">SOLUTION</span> </h1> <p class="text-xl md:text-2xl text-gray-300 mb-8 font-light"> Next-generation short-range wireless connection technology for mouse and keyboard </p> <div class="flex flex-wrap gap-4"> <button class="px-8 py-4 bg-emerald-500 hover:bg-emerald-600 text-white font-bold rounded-lg transition-all transform hover:scale-105 shadow-lg shadow-emerald-500/30"> Explore Solutions </button> <button class="px-8 py-4 bg-white/10 hover:bg-white/20 backdrop-blur-md text-white font-semibold rounded-lg border border-white/30 transition-all"> View Technical Specs </button> </div>  <div class="mt-12 grid grid-cols-3 gap-6 border-t border-white/20 pt-8"> <div class="text-center md:text-left"> <div class="text-3xl font-bold text-emerald-400"><20μs</div> <div class="text-sm text-gray-400 mt-1">Transmission Delay</div> </div> <div class="text-center md:text-left"> <div class="text-3xl font-bold text-emerald-400">900Mbps</div> <div class="text-sm text-gray-400 mt-1">Data Rate</div> </div> <div class="text-center md:text-left"> <div class="text-3xl font-bold text-emerald-400">100m</div> <div class="text-sm text-gray-400 mt-1">Coverage</div> </div> </div> </div> </div>  <div class="absolute bottom-0 left-0 right-0 h-24 bg-gradient-to-t from-gray-50 to-transparent z-10"></div> </section>  <section class="w-full bg-white py-12 px-4 sm:px-6 lg:px-8 overflow-x-auto"> <div class="max-w-7xl mx-auto"> <h2 class="text-3xl font-bold text-center text-gray-900 mb-8">The customers we can serve and the NEARLINK solutions we can provide</h2> <div class="min-w-[1024px] border-2 border-emerald-600 rounded-lg overflow-hidden shadow-lg"> <table class="w-full text-sm border-collapse"> <thead> <tr class="bg-emerald-600 text-white"> <th class="p-4 text-left font-bold text-base border-r border-emerald-500 w-1/6">TARGET CUSTOMERS</th> <th class="p-4 text-left font-bold text-base border-r border-emerald-500 w-1/3">SOLUTION FEATURES</th> <th class="p-4 text-center font-bold text-base bg-emerald-500" colspan="5">SOLUTION PROGRESS</th> </tr> <tr class="bg-emerald-500 text-white text-xs uppercase tracking-wider"> <th class="border-r border-emerald-400"></th> <th class="border-r border-emerald-400"></th> <th class="p-3 border-r border-emerald-400 font-semibold">NearLink<br>Chip Solution</th> <th class="p-3 border-r border-emerald-400 font-semibold">Mouse</th> <th class="p-3 border-r border-emerald-400 font-semibold">Mechanical<br>Keyboard</th> <th class="p-3 border-r border-emerald-400 font-semibold">Magnetic<br>Switch Keyboard</th> <th class="p-3 font-semibold">Leather<br>Keyboard</th> </tr> </thead> <tbody class="divide-y divide-emerald-200"> <tr class="hover:bg-gray-50 transition-colors"> <td class="p-4 font-bold text-emerald-800 border-r border-emerald-200 bg-emerald-50 text-base">INTERNET CAFE</td> <td class="p-4 text-gray-700 border-r border-emerald-200 leading-relaxed"> <div class="mb-2 text-xs text-gray-500">The usage environment is complex and there are many special scenario requirements</div> <ol class="list-decimal list-inside space-y-1 text-sm"> <li>Improve anti-interference ability.</li> <li>Multiple code matching methods can be mixed.</li> <li>Charging base.</li> <li>Display screen.</li> <li>Can be connected to the Internet cafe IOT system.</li> </ol> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="font-bold text-gray-900">BS20</div> <div class="text-xs text-red-600 font-semibold mt-1">(Wired 1K, NearLink 1K)</div> <div class="mt-2 text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-gray-500 font-bold">NA</div> </td> <td class="p-4 text-center align-middle"> <div class="text-xs font-bold text-red-600 bg-red-50 inline-block px-2 py-1 rounded">EVALUABLE</div> </td> </tr> <tr class="hover:bg-gray-50 transition-colors"> <td class="p-4 font-bold text-emerald-800 border-r border-emerald-200 bg-emerald-50 text-base">CUSTOMIZED STUDIO</td> <td class="p-4 text-gray-700 border-r border-emerald-200 leading-relaxed"> <div class="mb-2 text-xs text-gray-500">Small quantities and multiple batches, flexible delivery</div> <ol class="list-decimal list-inside space-y-1 text-sm"> <li>Support personalized customization and development.</li> <li>Support PCBA delivery.</li> </ol> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="font-bold text-gray-900">BS21E</div> <div class="text-xs text-red-600 font-semibold mt-1">(Wired 4K, NearLink 2K)</div> <div class="mt-2 text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 text-center align-middle"> <div class="text-xs font-bold text-red-600 bg-red-50 inline-block px-2 py-1 rounded">EVALUABLE</div> </td> </tr> <tr class="hover:bg-gray-50 transition-colors"> <td class="p-4 font-bold text-emerald-800 border-r border-emerald-200 bg-emerald-50 text-base">BRAND CUSTOMERS</td> <td class="p-4 text-gray-700 border-r border-emerald-200 leading-relaxed"> <div class="mb-2 text-xs text-gray-500">Large scale, high quality and cost requirements</div> <ol class="list-decimal list-inside space-y-1 text-sm"> <li>Key selling points have competitive advantages.</li> <li>Stable quality and large-scale delivery capabilities.</li> <li>Competitive costs.</li> <li>NearLink and HarmonyOS ecological solution capabilities.</li> </ol> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="font-bold text-gray-900">BS2/BS22</div> <div class="text-xs text-red-600 font-semibold mt-1">(Wired 8K, NearLink 4K)</div> <div class="mt-2 text-xs font-bold text-emerald-700 bg-emerald-100 inline-block px-2 py-1 rounded">MASS PRODUCTION POSSIBLE</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-gray-500 font-bold">NA</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 text-center align-middle"> <div class="text-xs font-bold text-red-600 bg-red-50 inline-block px-2 py-1 rounded">EVALUABLE</div> </td> </tr> <tr class="hover:bg-gray-50 transition-colors"> <td class="p-4 font-bold text-emerald-800 border-r border-emerald-200 bg-emerald-50 text-base">OVERSEAS E-COMMERCE</td> <td class="p-4 text-gray-700 border-r border-emerald-200 leading-relaxed"> <div class="mb-2 text-xs text-gray-500">2.4G can replace other chip platforms (such as: Nordic)</div> <ol class="list-decimal list-inside space-y-1 text-sm"> <li>2.4G core indicators can compete with other chip solutions.</li> <li>The overall cost of the car is competitive.</li> </ol> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="font-bold text-gray-900">BS26</div> <div class="text-xs text-red-600 font-semibold mt-1">(Wired 8K, NearLink 8K)</div> <div class="mt-2 text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-gray-500 font-bold">NA</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 border-r border-emerald-200 text-center align-middle"> <div class="text-xs font-bold text-orange-600 bg-orange-50 inline-block px-2 py-1 rounded">PROJECT CAN BE ESTABLISHED</div> </td> <td class="p-4 text-center align-middle"> <div class="text-xs font-bold text-red-600 bg-red-50 inline-block px-2 py-1 rounded">EVALUABLE</div> </td> </tr> </tbody> </table> </div> </div> </section>  <section class="w-full bg-white py-16 px-4 sm:px-6 lg:px-8"> <div class="max-w-6xl mx-auto"> <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">What is NEARLINK?</h2> <p class="text-center text-gray-600 mb-12 max-w-2xl mx-auto">How powerful is nearlink from the two dimensions of "theoretical indicators" and "measured data"</p> <h3 class="text-xl font-bold text-center text-emerald-700 mb-8">Theoretical indicators</h3> <p class="text-center text-sm text-gray-500 mb-12">As a new generation of short-range wireless connection technology, what are the technical advantages of NEARLINK?</p>  <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> <div class="bg-emerald-500 text-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-lg mb-2">Transmission delay < 20 microseconds</h4> <p class="text-emerald-100 text-sm">Ultra-low latency, immersive enjoyment</p> </div> <div class="bg-emerald-500 text-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-lg mb-2">Anti-interference -5dB</h4> <p class="text-emerald-100 text-sm">High-definition lossless stable output</p> </div> <div class="bg-emerald-500 text-white p-6 rounded-lg shadow-md hover:shadow- lg transition-shadow text-center"> <h4 class="font-bold text-lg mb-2">Transmission rate: 900Mbps</h4> <p class="text-emerald-100 text-sm">High-speed transmission, smooth and unimpeded</p> </div> </div>  <div class="relative py-12 flex justify-center items-center">  <div class="absolute top-0 left-1/4 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="absolute top-0 left-1/2 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="absolute top-0 right-1/4 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="text-center">  <div class="w-32 h-32 mx-auto mb-4 relative"> <svg viewBox="0 0 100 100" class="w-full h-full text-emerald-500" fill="currentColor"> <path d="M50 10 L90 30 L90 70 L50 90 L10 70 L10 30 Z" fill="none" stroke="currentColor" stroke-width="4"/> <path d="M50 25 L75 37.5 L75 62.5 L50 75 L25 62.5 L25 37.5 Z" fill="none" stroke="currentColor" stroke-width="3"/> <circle cx="50" cy="50" r="8" fill="currentColor"/> <path d="M50 10 L50 25 M90 30 L75 37.5 M90 70 L75 62.5 M50 90 L50 75 M10 70 L25 62.5 M10 30 L25 37.5" stroke="currentColor" stroke-width="2"/> </svg> </div> <h3 class="text-2xl font-bold text-emerald-600 tracking-wider">NearLink</h3> </div>  <div class="absolute bottom-0 left-1/5 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="absolute bottom-0 left-2/5 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="absolute bottom-0 left-3/5 w-px h-12 bg-gray-300 hidden md:block"></div> <div class="absolute bottom-0 left-4/5 w-px h-12 bg-gray-300 hidden md:block"></div> </div>  <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-8"> <div class="bg-emerald-500 text-white p-5 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-base mb-1">Coverage distance 100 meters</h4> <p class="text-emerald-100 text-xs">Ultra-wide coverage, wireless future</p> </div> <div class="bg-emerald-500 text-white p-5 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-base mb-1">Connections: 4096</h4> <p class="text-emerald-100 text-xs">Multi-terminal connection, internet of Everything</p> </div> <div class="bg-emerald-500 text-white p-5 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-base mb-1">Reliability >99.999%</h4> <p class="text-emerald-100 text-xs">Accurate and powerful, high-precision application</p> </div> <div class="bg-emerald-500 text-white p-5 rounded-lg shadow-md hover:shadow-lg transition-shadow text-center"> <h4 class="font-bold text-base mb-1">Two-way authentication, algorithm coordination guarantee</h4> <p class="text-emerald-100 text-xs">Stronger performance, safer and more reliable</p> </div> </div> </div> </section>  <section class="w-full bg-gray-100 py-12 px-4 sm:px-6 lg:px-8 overflow-x-auto"> <div class="max-w-7xl mx-auto"> <h3 class="text-xl font-bold text-center text-emerald-700 mb-4">Test data</h3> <p class="text-center text-sm text-gray-600 mb-8">What are the application advantages of nearlink in the field of keyboard and mouse compared with traditional 2.4G/Bluetooth solutions?</p> <div class="min-w-[900px] bg-white rounded-lg shadow-lg overflow-hidden border-2 border-emerald-200"> <table class="w-full text-sm"> <thead> <tr class="bg-emerald-100"> <th class="p-4 text-center font-bold text-emerald-800 border-b-2 border-emerald-300 w-1/4">BRAND ADVANTAGES</th> <th class="p-4 text-center font-bold text-emerald-800 border-b-2 border-emerald-300 border-l-2 border-emerald-300 w-1/3">NEARLINK SOLUTION</th> <th class="p-4 text-center font-bold text-emerald-800 border-b-2 border-emerald-300 border-l-2 border-emerald-300 w-1/3">TRADITIONAL 2.4G SOLUTION</th> </tr> </thead> <tbody class="divide-y divide-emerald-200"> <tr> <td class="p-4 align-middle bg-emerald-50 border-r-2 border-emerald-200" rowspan="3"> <div class="font-bold text-emerald-900 text-center uppercase tracking-wide text-sm mb-2">TECHNICAL ADVANTAGES</div> </td> <td class="p-4 border-r-2 border-emerald-200"> <div class="font-bold text-gray-900 mb-1">LOW LATENCY/<br>HIGH RETURN RATE</div> </td> <td class="p-4 border-r-2 border-emerald-200"> <span class="text-red-600 font-semibold">"NearLink"</span> <span class="text-gray-700">represents "technological independence" and "new technology"</span> </td> <td class="p-4 text-center text-gray-400 text-2xl">/</td> </tr> <tr> <td class="p-4 border-r-2 border-emerald-200 align-middle"> <div class="font-bold text-gray-900 mb-2">LOW POWER CONSUMPTION</div> </td> <td class="p-4 border-r-2 border-emerald-200 align-middle"> <ul class="list-disc list-inside space-y-1 text-gray-700 text-xs"> <li>Wired mode: <span class="text-red-600 font-semibold">0.86ms</span></li> <li>NearLink mode (extreme speed): <span class="text-red-600 font-semibold">2.5ms</span></li> <li>Built-in high-speed USB, true 8K/4K reporting rate</li> </ul> </td> <td class="p-4 align-middle"> <ul class="list-disc list-inside space-y-1 text-gray-700 text-xs"> <li>Wired mode: <span class="text-red-600 font-semibold">2~3ms</span></li> <li>2.4G mode: <span class="text-red-600 font-semibold">~10ms</span></li> <li>An external high-speed USB chip is required to obtain a return rate of 8K/4K</li> </ul> </td> </tr> <tr> <td class="p-4 border-r-2 border-emerald-200 bg-emerald-50"> <div class="font-bold text-emerald-900">ANTI-INTERFERENCE</div> </td> <td class="p-4 border-r-2 border-emerald-200"> <ul class="list-disc list-inside space-y-1 text-gray-700 text-xs"> <li>Sleep power consumption: <span class="text-red-600 font-semibold">9uA</span></li> </ul> </td> <td class="p-4"> <ul class="list-disc list-inside space-y-1 text-gray-700 text-xs"> <li>Sleep power consumption: <span class="text-red-600 font-semibold">~270uA</span></li> </ul> </td> </tr> <tr class="bg-gray-50"> <td class="p-4 border-r-2 border-emerald-200 bg-emerald-50 align-middle" rowspan="4"> <div class="font-bold text-emerald-900 text-center uppercase tracking-wide text-sm">ECOLOGICAL ADVANTAGES</div> </td> <td class="p-4 border-r-2 border-emerald-200"> <div class="font-bold text-gray-900 text-xs">DONGLE-FREE<br>DIRECT CONNECTION</div> </td> <td class="p-4 border-r-2 border-emerald-200 text-xs text-gray-700"> • 5dB better than traditional solutions </td> <td class="p-4 text-center text-gray-400 text-2xl">/</td> </tr> <tr class="bg-gray-50"> <td class="p-4 border-r-2 border-emerald-200"> <div class="font-bold text-gray-900 text-xs">1 TO 2</div> </td> <td class="p-4 border-r-2 border-emerald-200 text-xs text-gray-700"> • Connect to Huawei Nearlink mobile phone, tablet or Starlight computer directly through Starlight </td> <td class="p-4 text-xs text-gray-700"> • Need to plug in 2.4G receiver Dongle </td> </tr> <tr> <td class="p-4 border-r-2 border-emerald-200"> <div class="font-bold text-gray-900 text-xs">HarmonyOS<br>INTELLIGENT CONNECTION</div> </td> <td class="p-4 border-r-2 border-emerald-200 text-xs text-gray-700"> • 1 receiver Dongle can connect 1 keyboard + 1 mouse </td> <td class="p-4 text-xs text-gray-700"> • Need to plug in 2.4G receiver Dongle </td> </tr> <tr class="bg-gray-50"> <td class="p-4 border-r-2 border-emerald-200"> <div class="font-bold text-gray-900 text-xs">GOVERNMENT<br>NEARLINK SUBSIDY</div> </td> <td class="p-4 border-r-2 border-emerald-200 text-xs text-gray-700"> • Nearlink self-discovers and connects, Huawei's full-scenario ecological experience </td> <td class="p-4 text-xs text-gray-700"> • Only via Bluetooth </td> </tr> </tbody> </table> </div> </div> </section>  <section class="w-full bg-white py-16 px-4 sm:px-6 lg:px-8"> <div class="max-w-5xl mx-auto"> <h3 class="text-2xl font-bold text-center text-gray-900 mb-12">Experience drives technology, technology determines experience</h3> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-start">  <div class="flex flex-col items-center"> <div class="bg-white border-2 border-emerald-500 text-emerald-700 px-6 py-3 rounded-t-lg font-bold text-center w-full shadow-sm"> LOW LATENCY AND<br>HIGH RETURN RATE </div> <div class="flex justify-center -mt-1 mb-2"> <svg class="w-6 h-12 text-emerald-500" fill="currentColor" viewBox="0 0 20 40"> <path d="M10 0 L10 40 M5 35 L10 40 L15 35" stroke="currentColor" stroke-width="2" fill="none"/> </svg> </div> <div class="bg-emerald-500 text-white p-6 rounded-b-lg w-full text-center shadow-md"> <h4 class="font-bold text-lg mb-1">GAME SCENE</h4> <p class="text-emerald-100 text-sm">High performance requirements</p> </div> </div>  <div class="flex flex-col items-center md:mt-8"> <div class="bg-gray-800 text-white px-6 py-3 rounded-t-lg font-bold text-center w-full shadow-sm z-10"> ANTI-INTERFERENCE </div> <div class="flex justify-center -mt-1 mb-2"> <svg class="w-6 h-16 text-emerald-500" fill="currentColor" viewBox="0 0 20 60"> <path d="M10 0 L15 20 L10 40" stroke="currentColor" stroke-width="3" fill="none"/> <path d="M10 0 L10 60 M5 55 L10 60 L15 55" stroke="currentColor" stroke-width="2" fill="none"/> </svg> </div> <div class="bg-emerald-500 text-white p-6 rounded-b-lg w-full text-center shadow-md"> <h4 class="font-bold text-lg mb-1">INTERNET CAFE ENVIRONMENT</h4> <p class="text-emerald-100 text-sm">Connection stability requirements</p> </div> </div>  <div class="flex flex-col items-center"> <div class="bg-white border-2 border-emerald-500 text-emerald-700 px-6 py-3 rounded-t-lg font-bold text-center w-full shadow-sm"> LOW POWER<br>CONSUMPTION </div> <div class="flex justify-center -mt-1 mb-2"> <svg class="w-6 h-12 text-emerald-500" fill="currentColor" viewBox="0 0 20 40"> <path d="M10 0 L10 40 M5 35 L10 40 L15 35" stroke="currentColor" stroke-width="2" fill="none"/> </svg> </div> <div class="bg-emerald-500 text-white p-6 rounded-b-lg w-full text-center shadow-md"> <h4 class="font-bold text-lg mb-1">WIRELESS MODE</h4> <p class="text-emerald-100 text-sm">Long battery life requirements</p> </div> </div> </div> </div> </section>