1<!doctype html> 2<html lang="zh-CN"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Product - Arcrobo</title> 7 <link rel="shortcut icon" href="./images/favicon.jpg" type="image/x-icon" /> 8 <!-- Tailwind CSS --> 9 <!--
9<script src="https://cdn.tailwindcss.com"></script>
9 --> 10
10<script src="./js/3.4.17.js"></script>
10 11 <!-- Font Awesome --> 12 <!-- <link 13 rel="stylesheet" 14 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" 15 /> --> 16 <link rel="stylesheet" href="./css/all.min.css" /> 17 <!-- Three.js --> 18 <!--
18<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
18 --> 19
19<script src="./js/three.min.js"></script>
19 20 <!-- GSAP å¨ç»åº --> 21 <!--
21<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
21 --> 22
22<script src="./js/gsap.min.js"></script>
22 23 <!--
23<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
23 --> 24
24<script src="./js/ScrollTrigger.min.js"></script>
24 25
25<script src="./js/fetchAPI.js"></script>
25 26 <link rel="stylesheet" href="./css/index.css" /> 27 28
28<script> 29 tailwind.config = { 30 theme: { 31 extend: { 32 colors: { 33 primary: { 34 50: "#e6f1ff", 35 100: "#cce3ff", 36 200: "#99c7ff", 37 300: "#66abff", 38 400: "#338fff", 39 500: "#0073ff", 40 600: "#005ccc", 41 700: "#004599", 42 800: "#002e66", 43 900: "#001733", 44 }, 45 secondary: { 46 50: "#f3e6ff", 47 100: "#e7ccff", 48 200: "#cf99ff", 49 300: "#b766ff", 50 400: "#9f33ff", 51 500: "#8700ff", 52 600: "#6e00cc", 53 700: "#560099", 54 800: "#3d0066", 55 900: "#1f0033", 56 }, 57 }, 58 fontFamily: { 59 sans: ["Inter", "sans-serif"], 60 }, 61 }, 62 }, 63 }; 64 </script>
64 65 66 <style> 67 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"); 68 69 /* å ¥åºå¨ç»åå§ç¶æ */ 70 .animate-in { 71 opacity: 0; 72 transform: translateY(50px); 73 } 74 75 .animate-in-left { 76 opacity: 0; 77 transform: translateX(-50px); 78 } 79 80 .animate-in-right { 81 opacity: 0; 82 transform: translateX(50px); 83 } 84 85 .animate-in-scale { 86 opacity: 0; 87 transform: scale(0.8); 88 } 89 90 .animate-in-fade { 91 opacity: 0; 92 } 93 94 html { 95 scroll-behavior: smooth; 96 } 97 98 body { 99 font-family: "Inter", sans-serif; 100 overflow-x: hidden; 101 } 102 103 #canvas-container { 104 position: fixed; 105 top: 0; 106 left: 0; 107 width: 100%; 108 height: 100%; 109 z-index: -1; 110 } 111 112 .gradient-text { 113 background: linear-gradient(90deg, #0073ff, #8700ff); 114 -webkit-background-clip: text; 115 background-clip: text; 116 color: transparent; 117 } 118 119 .card { 120 background: rgba(13, 17, 23, 0.7); 121 backdrop-filter: blur(10px); 122 border: 1px solid rgba(255, 255, 255, 0.1); 123 transition: all 0.3s ease; 124 } 125 126 .card:hover { 127 transform: translateY(-5px); 128 box-shadow: 0 10px 20px rgba(0, 115, 255, 0.2); 129 border: 1px solid rgba(0, 115, 255, 0.3); 130 } 131 132 .btn-primary { 133 background: linear-gradient(90deg, #0073ff, #8700ff); 134 transition: all 0.3s ease; 135 position: relative; 136 overflow: hidden; 137 } 138 139 .btn-primary:hover { 140 transform: translateY(-2px); 141 box-shadow: 0 5px 15px rgba(0, 115, 255, 0.4); 142 } 143 144 .btn-primary::after { 145 content: ""; 146 position: absolute; 147 top: 50%; 148 left: 50%; 149 width: 0; 150 height: 0; 151 background: rgba(255, 255, 255, 0.2); 152 border-radius: 50%; 153 transform: translate(-50%, -50%); 154 transition: 155 width 0.6s, 156 height 0.6s; 157 } 158 159 .btn-primary:hover::after { 160 width: 300px; 161 height: 300px; 162 } 163 164 .nav-link { 165 position: relative; 166 transition: all 0.3s ease; 167 } 168 169 .nav-link::after { 170 content: ""; 171 position: absolute; 172 bottom: -5px; 173 left: 0; 174 width: 0; 175 height: 2px; 176 background: linear-gradient(90deg, #0073ff, #8700ff); 177 transition: width 0.3s ease; 178 } 179 180 .nav-link-active::after { 181 width: 100%; 182 } 183 184 .nav-link:hover::after { 185 width: 100%; 186 } 187 188 .animate-float { 189 animation: float 6s ease-in-out infinite; 190 } 191 192 @keyframes float { 193 0% { 194 transform: translateY(0px); 195 } 196 197 50% { 198 transform: translateY(-20px); 199 } 200 201 100% { 202 transform: translateY(0px); 203 } 204 } 205 206 .glow { 207 box-shadow: 0 0 15px rgba(0, 115, 255, 0.5); 208 } 209 210 .tech-pattern { 211 background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230073ff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); 212 } 213 214 /* ååºå¼è°æ´ */ 215 @media (max-width: 768px) { 216 .hero-content { 217 padding-top: 6rem; 218 padding-bottom: 3rem; 219 } 220 221 .hero-title { 222 font-size: 2.5rem; 223 } 224 } 225 226 /* å è½½å¨ç» */ 227 .loader { 228 position: fixed; 229 top: 0; 230 left: 0; 231 width: 100%; 232 height: 100%; 233 background: #0d1117; 234 display: flex; 235 justify-content: center; 236 align-items: center; 237 z-index: 9999; 238 transition: 239 opacity 0.5s ease, 240 visibility 0.5s ease; 241 } 242 243 .loader.hidden { 244 opacity: 0; 245 visibility: hidden; 246 } 247 248 .loader-circle { 249 width: 50px; 250 height: 50px; 251 border: 3px solid rgba(0, 115, 255, 0.3); 252 border-top: 3px solid #0073ff; 253 border-radius: 50%; 254 animation: spin 1s linear infinite; 255 } 256 257 @keyframes spin { 258 0% { 259 transform: rotate(0deg); 260 } 261 262 100% { 263 transform: rotate(360deg); 264 } 265 } 266 267 /* 产åå¡çæ ·å¼ */ 268 .product-card { 269 transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 270 } 271 272 .product-card:hover { 273 transform: translateY(-10px); 274 box-shadow: 0 20px 30px rgba(0, 115, 255, 0.2); 275 } 276 277 .product-card:hover .product-image { 278 transform: scale(1.05); 279 } 280 281 .product-image { 282 transition: transform 0.5s ease; 283 } 284 285 .product-feature-icon { 286 transition: all 0.3s ease; 287 } 288 289 .product-card:hover .product-feature-icon { 290 transform: scale(1.2); 291 color: #0073ff; 292 } 293 294 /* 3D产åå±ç¤º */ 295 .product-3d-container { 296 height: 400px; 297 position: relative; 298 overflow: hidden; 299 border-radius: 1rem; 300 } 301 302 /* 产åè§æ ¼è¡¨æ ¼ */ 303 .specs-table { 304 width: 100%; 305 border-collapse: separate; 306 border-spacing: 0; 307 } 308 309 .specs-table th { 310 background-color: rgba(0, 115, 255, 0.1); 311 text-align: left; 312 padding: 12px 16px; 313 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 314 } 315 316 .specs-table td { 317 padding: 12px 16px; 318 border-bottom: 1px solid rgba(255, 255, 255, 0.05); 319 } 320 321 .specs-table tr:hover td { 322 background-color: rgba(0, 115, 255, 0.05); 323 } 324 325 /* 产åéé¡¹å¡ */ 326 .tab-button { 327 position: relative; 328 transition: all 0.3s ease; 329 } 330 331 .tab-button::after { 332 content: ""; 333 position: absolute; 334 bottom: -2px; 335 left: 0; 336 width: 0; 337 height: 2px; 338 background: linear-gradient(90deg, #0073ff, #8700ff); 339 transition: width 0.3s ease; 340 } 341 342 .tab-button.active::after { 343 width: 100%; 344 } 345 346 .tab-button:hover::after { 347 width: 100%; 348 } 349 350 .tab-content { 351 display: none; 352 } 353 354 .tab-content.active { 355 display: block; 356 animation: fadeIn 0.5s ease; 357 } 358 359 @keyframes fadeIn { 360 from { 361 opacity: 0; 362 transform: translateY(20px); 363 } 364 to { 365 opacity: 1;
366 transform: translateY(0); 367 } 368 } 369 370 /* 产å对æ¯è¡¨æ ¼ */ 371 .comparison-table { 372 width: 100%; 373 border-collapse: separate; 374 border-spacing: 0; 375 } 376 377 .comparison-table th { 378 background-color: rgba(0, 115, 255, 0.1); 379 text-align: center; 380 padding: 12px 16px; 381 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 382 } 383 384 .comparison-table td { 385 text-align: center; 386 padding: 12px 16px; 387 border-bottom: 1px solid rgba(255, 255, 255, 0.05); 388 } 389 390 .comparison-table tr:hover td { 391 background-color: rgba(0, 115, 255, 0.05); 392 } 393 394 .comparison-table .feature-row { 395 background-color: rgba(13, 17, 23, 0.5); 396 } 397 398 /* åºç¨åºæ¯å¡ç */ 399 .scenario-card { 400 transition: all 0.3s ease; 401 overflow: hidden; 402 } 403 404 .scenario-card:hover { 405 transform: translateY(-5px); 406 } 407 408 .scenario-card:hover .scenario-overlay { 409 opacity: 1; 410 } 411 412 .scenario-overlay { 413 position: absolute; 414 top: 0; 415 left: 0; 416 width: 100%; 417 height: 100%; 418 background: linear-gradient( 419 to top, 420 rgba(0, 115, 255, 0.9), 421 rgba(0, 115, 255, 0.3) 422 ); 423 opacity: 0; 424 transition: opacity 0.3s ease; 425 display: flex; 426 flex-direction: column; 427 justify-content: flex-end; 428 } 429 </style> 430 </head> 431 432 <body class="bg-gray-900 text-white"> 433 <!-- å è½½å¨ç» --> 434 <div class="loader"> 435 <div class="loader-circle"></div> 436 </div> 437 438 <!-- 3Dèæ¯å®¹å¨ --> 439 <div id="canvas-container"></div> 440 441 <!-- å¯¼èªæ --> 442 <nav 443 class="fixed top-0 left-0 w-full z-50 bg-opacity-80 bg-gray-900 backdrop-blur-md border-b border-gray-800" 444 > 445 <div class="container mx-auto px-4 py-3"> 446 <div class="flex justify-between items-center"> 447 <!-- Logo --> 448 <div class="flex items-center"> 449 <img 450 src="./images/logo.png" 451 alt="Arcrobo Logo" 452 class="h-10 w-auto" 453 /> 454 <!-- <span class="ml-3 text-xl font-bold gradient-text">Arcrobo</span> --> 455 </div> 456 457 <!-- æ¡é¢å¯¼èªé¾æ¥ --> 458 <div class="hidden md:flex space-x-8"> 459 <a 460 href="./index.html" 461 class="nav-link text-gray-300 hover:text-white" 462 >Why Arcrobo</a 463 > 464 <!-- <a 465 href="./companyHistory.html" 466 class="nav-link text-gray-300 hover:text-white" 467 >å ¬å¸åå²</a 468 > --> 469 <a 470 href="./product.html" 471 class="nav-link nav-link-active text-gray-300 hover:text-white" 472 >Product</a 473 > 474 <a 475 href="/ourPartners.html" 476 class="nav-link text-gray-300 hover:text-white" 477 >Our Partners</a 478 > 479 <a 480 href="./contact.html" 481 class="nav-link text-gray-300 hover:text-white" 482 >Contact</a 483 > 484 </div> 485 486 <!-- ç§»å¨ç«¯èåæé® --> 487 <div class="md:hidden"> 488 <button 489 id="menu-toggle" 490 class="text-gray-300 hover:text-white focus:outline-none" 491 > 492 <i class="fas fa-bars text-xl"></i> 493 </button> 494 </div> 495 </div> 496 497 <!-- ç§»å¨ç«¯å¯¼èªèå --> 498 <div 499 id="mobile-menu" 500 class="md:hidden overflow-hidden transition-all duration-300 ease-in-out transform opacity-0 h-0 mt-4 pb-0" 501 > 502 <div class="py-2 space-y-2"> 503 <a 504 href="./index.html" 505 class="block py-2 text-gray-300 hover:text-white transform transition-transform duration-300 hover:translate-x-2" 506 >Why Arcrobo</a 507 > 508 <!-- <a 509 href="./companyHistory.html"
510 class="block py-2 text-gray-300 hover:text-white transform transition-transform duration-300 hover:translate-x-2" 511 >å ¬å¸åå²</a 512 > --> 513 <a 514 href="./product.html" 515 class="block py-2 text-gray-300 hover:text-white transform transition-transform duration-300 hover:translate-x-2" 516 >Product</a 517 > 518 <a 519 href="./ourPartners.html" 520 class="block py-2 text-gray-300 hover:text-white transform transition-transform duration-300 hover:translate-x-2" 521 >Our Partners</a 522 > 523 <a 524 href="./contact.html" 525 class="block py-2 text-gray-300 hover:text-white transform transition-transform duration-300 hover:translate-x-2" 526 >Contact</a 527 > 528 </div> 529 </div> 530 </div> 531 </nav> 532 533 <!-- 页颿 é¢åºå --> 534 <section class="pt-32 pb-16 tech-pattern"> 535 <div class="container mx-auto px-4"> 536 <div class="text-center"> 537 <h1 538 class="text-4xl md:text-6xl font-bold mb-6 animate-in-fade" 539 data-delay="0.2" 540 > 541 Product <span class="gradient-text">Center</span> 542 </h1> 543 <p 544 class="text-xl text-gray-300 max-w-3xl mx-auto animate-in-fade" 545 data-delay="0.4" 546 > 547 <!-- æ¢ç´¢Arcroboææ°çè¯çææ¯åè§£å³æ¹æ¡ï¼ä¸ºæ¨çä¸å¡æä¾å¼ºå¤§ç计ç®è½åååæ°å¨å --> 548 Explore Arcrobo's latest technologies and solutions, delivering 549 robust computing power and innovative momentum for your business. 550 </p> 551 </div> 552 </div> 553 </section> 554 555 <!-- 产ååç±»éé¡¹å¡ --> 556 <section class="py-12 bg-gray-900"> 557 <div class="container mx-auto px-4"> 558 <!-- åç±»æé®å®¹å¨ï¼æ¸ 空åºå®æé®ï¼ç空ç¨äºJS渲æï¼ --> 559 <div 560 id="categoryTabContainer" 561 class="flex flex-wrap justify-center mb-12 animate-in-fade" 562 data-delay="0.2" 563 > 564 <!-- 卿åç±»æé®å°å¨è¿éæå ¥ --> 565 </div> 566 567 <!-- ç»ä¸äº§åå 容容å¨ï¼å é¤åæå¤ä¸ªtab-contentï¼ç¨ä¸ä¸ªå®¹å¨å¨ææ¸²æå¯¹åºå类产åï¼ -->
568 <div id="productContentContainer" class="tab-content active"> 569 <!-- å¨æäº§åå表å°å¨è¿éæå ¥ï¼å è½½ä¸/æ æ°æ®/产åå¡çï¼ --> 570 </div> 571 </div> 572 </section> 573 574 <!-- ææäº§åå±ç¤º --> 575 <section id="starProduct" class="py-16"> 576 <div class="container mx-auto px-4"> 577 <div class="text-center mb-12 animate-in-fade" data-delay="0.2"> 578 <h2 class="text-3xl md:text-4xl font-bold mb-4"> 579 star <span class="gradient-text">product</span> 580 </h2> 581 <p 582 class="text-xl text-gray-300 max-w-3xl mx-auto" 583 id="starProductDesc" 584 > 585 Our flagship high-performance computing product provides exceptional 586 computing power for your business 587 </p> 588 </div> 589 590 <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> 591 <!-- 产åå¾ç容å¨ï¼ä¿ç容å¨ï¼å¾çåç»å¨ææå ¥ï¼ --> 592 <div 593 class="product-3d-container card animate-in-left" 594 data-delay="0.4" 595 id="productImageContainer" 596 > 597 <!-- 卿æå ¥äº§åå¾ç --> 598 </div> 599 600 <!-- 产åä¿¡æ¯å®¹å¨ï¼ä¿ç容å¨ï¼å 容åç»å¨ææå ¥ï¼ --> 601 <div 602 class="animate-in-right" 603 data-delay="0.6" 604 id="productInfoContainer" 605 > 606 <!-- 卿æå ¥äº§åä¿¡æ¯ --> 607 </div> 608 </div> 609 </div> 610 </section> 611 612 <!-- äº§åææ¯è§æ ¼ --> 613 <!-- <section class="py-16 bg-gray-900"> 614 <div class="container mx-auto px-4"> 615 <div class="text-center mb-12 animate-in-fade" data-delay="0.2"> 616 <h2 class="text-3xl md:text-4xl font-bold mb-4"> 617 Technology <span class="gradient-text">Specifications</span> 618 </h2> 619 <p class="text-xl text-gray-300 max-w-3xl mx-auto"> 620 Learn more about the technical parameters and performance indicators 621 of Arcrobo products. 622 </p> 623 </div> 624 625 <div 626 class="card rounded-xl overflow-hidden animate-in-fade" 627 data-delay="0.4" 628 > 629 <div class="overflow-x-auto"> 630 <table class="specs-table"> 631 <thead> 632 <tr> 633 <th> 634 Specification 635 </th> 636 <th>Arcrobo X1</th> 637 <th>Arcrobo X2</th> 638 <th>Drone Pro</th> 639 <th>RobotCore X</th> 640 </tr> 641 </thead> 642 <tbody> 643 <tr> 644 <td class="font-medium"> 645 Manufacturing Process 646 </td> 647 <td>7nm</td> 648 <td>5nm</td> 649 <td>10nm</td> 650 <td>8nm</td> 651 </tr> 652 <tr> 653 <td class="font-medium"> 654 Core Count 655 </td> 656 <td> 657 8 Cores 658 </td> 659 <td> 660 16 Cores 661 </td> 662 <td> 663 6 Cores 664 </td> 665 <td> 666 12 Cores 667 </td> 668 </tr> 669 <tr> 670 <td class="font-medium"> 671 Clock Speed 672 </td> 673 <td>3.8GHz</td> 674 <td>4.2GHz</td> 675 <td>2.8GHz</td> 676 <td>3.2GHz</td> 677 </tr> 678 <tr> 679 <td class="font-medium"> 680 Cache 681 </td> 682 <td>16MB L3</td> 683 <td>32MB L3</td> 684 <td>8MB L3</td> 685 <td>24MB L3</td> 686 </tr> 687 <tr> 688 <td class="font-medium"> 689 Memory Support 690 </td> 691 <td>DDR4-3600</td> 692 <td>DDR5-5600</td> 693 <td>LPDDR4X-4266</td> 694 <td>DDR5-4800</td> 695 </tr> 696 <tr> 697 <td class="font-medium"> 698 Memory Bandwidth 699 </td> 700 <td>57.6GB/s</td> 701 <td>89.6GB/s</td> 702 <td>34.1GB/s</td> 703 <td>76.8GB/s</td> 704 </tr> 705 <tr> 706 <td class="font-medium"> 707 AI Acceleration 708 </td> 709 <td> 710 Supported 711 </td> 712 <td> 713 Dedicated NPU 714 </td> 715 <td> 716 Dedicated Vision Processing Unit (VPU) 717 </td> 718 <td> 719 Multimodal AI Engine 720 </td> 721 </tr> 722 <tr> 723 <td class="font-medium"> 724 Power Consumption 725 </td> 726 <td>65W</td> 727 <td>105W</td> 728 <td>15W</td> 729 <td>35W</td> 730 </tr> 731 <tr> 732 <td class="font-medium"> 733 Interface 734 </td> 735 <td>PCIe 4.0</td> 736 <td>
736PCIe 5.0</td> 737 <td> 738 Custom Interface 739 </td> 740 <td>PCIe 4.0 + Custom Interface</td> 741 </tr> 742 <tr> 743 <td class="font-medium"> 744 Application Scenarios 745 </td> 746 <td> 747 High-Performance Computing 748 </td> 749 <td> 750 AI Training/Inference 751 </td> 752 <td> 753 Unmanned Aerial Vehicle (UAV) 754 </td> 755 <td> 756 Intelligent Robot 757 </td> 758 </tr> 759 </tbody> 760 </table> 761 </div> 762 </div> 763 764 <div class="text-center mt-8 animate-in-fade" data-delay="0.6"> 765 <a href="./contact.html"> 766 <button 767 class="btn-primary px-8 py-4 rounded-lg text-white font-medium text-lg" 768 > 769 <i class="fas fa-exchange-alt mr-2"></i> 770 Contact Us 771 </button> 772 </a> 773 </div> 774 </div> 775 </section> --> 776 777 <!-- åºç¨åºæ¯ --> 778 <section class="py-16 bg-gray-800"> 779 <div class="container mx-auto px-4"> 780 <div class="text-center mb-12 animate-in-fade" data-delay="0.2"> 781 <h2 class="text-3xl md:text-4xl font-bold mb-4"> 782 <!-- åºç¨ åºæ¯ --> 783 Application <span class="gradient-text">Scenarios</span> 784 </h2> 785 <p class="text-xl text-gray-300 max-w-3xl mx-auto"> 786 <!-- Arcroboè¯ç广æ³åºç¨äºå¤ä¸ªé¢åï¼ä¸ºåç§åºæ¯æä¾å¼ºå¤§çè®¡ç®æ¯æ --> 787 Arcrobo's product are widely used in multiple fields, providing powerful 788 computing support for various scenarios. 789 </p> 790 </div> 791 792 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 793 <!-- åºæ¯1 --> 794 <div 795 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 796 data-delay="0.4" 797 > 798 <img 799 src="./images/product/p1.png" 800 alt="æ°æ®ä¸å¿" 801 class="w-full h-full object-cover" 802 /> 803 <div class="scenario-overlay p-6"> 804 <h3 class="text-2xl font-bold mb-2"> 805 <!-- æ°æ®ä¸å¿ --> 806 Data Center 807 </h3> 808 <p class="text-white"> 809 <!-- ä¸ºå¤§åæ°æ®ä¸å¿æä¾é«æ§è½ãé«å¯é æ§ç计ç®è§£å³æ¹æ¡ï¼æ¯æäºè®¡ç®ãå¤§æ°æ®åæçåºç¨ --> 810 Provides high-performance, high-reliability computing solutions 811 for large-scale data centers, supporting applications such as 812 cloud computing and big data analysis. 813 </p> 814 </div> 815 </div> 816 817 <!-- åºæ¯2 --> 818 <div 819 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 820 data-delay="0.6" 821 > 822 <img 823 src="./images/product/p2.png" 824 alt="æ 人æº" 825 class="w-full h-full object-cover" 826 /> 827 <div class="scenario-overlay p-6"> 828 <h3 class="text-2xl font-bold mb-2"> 829 <!-- æ äººæº --> 830 Unmanned Aerial Vehicle (UAV) 831 </h3> 832 <p class="text-white"> 833 <!-- 为工ä¸çº§åæ¶è´¹çº§æ äººæºæä¾è½»é级ã髿§è½çè¯çè§£å³æ¹æ¡ï¼æ¯æèªä¸»é£è¡åæºè½é¿é --> 834 Provides lightweight, high-performance solutions for 835 industrial and consumer UAVs, supporting autonomous flight and 836 intelligent obstacle avoidance. 837 </p> 838 </div> 839 </div> 840 841 <!-- åºæ¯3 --> 842 <div 843 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 844 data-delay="0.8" 845 > 846 <img 847 src="./images/product/p3.png"
848 alt="æºè½æºå¨äºº" 849 class="w-full h-full object-cover" 850 /> 851 <div class="scenario-overlay p-6"> 852 <h3 class="text-2xl font-bold mb-2"> 853 <!-- æºè½æºå¨äºº --> 854 Intelligent Robot 855 </h3> 856 <p class="text-white"> 857 <!-- 为æå¡æºå¨äººã工䏿ºå¨äººæä¾å¼ºå¤§çæ§å¶è¯çï¼æ¯æå¤ä¼ æå¨èåå宿¶å³ç --> 858 Provides powerful control solutions for service robots and 859 industrial robots, supporting multi-sensor fusion and real-time 860 decision-making. 861 </p> 862 </div> 863 </div> 864 865 <!-- åºæ¯4 --> 866 <div 867 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 868 data-delay="1.0" 869 > 870 <img 871 src="./images/product/p4.png" 872 alt="人工æºè½" 873 class="w-full h-full object-cover" 874 /> 875 <div class="scenario-overlay p-6"> 876 <h3 class="text-2xl font-bold mb-2"> 877 <!-- 人工æºè½ --> 878 Artificial Intelligence (AI) 879 </h3> 880 <p class="text-white"> 881 <!-- 为AIè®ç»åæ¨çæä¾é«æ§è½è®¡ç®æ¯æï¼å éæ·±åº¦å¦ä¹ 模åçè®ç»åé¨ç½² --> 882 Provides high-performance computing support for AI training and 883 inference, accelerating the training and deployment of deep 884 learning models. 885 </p> 886 </div> 887 </div> 888 889 <!-- åºæ¯5 --> 890 <div 891 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 892 data-delay="1.2" 893 > 894 <img 895 src="./images/product/p5.png" 896 alt="èªå¨é©¾é©¶" 897 class="w-full h-full object-cover" 898 /> 899 <div class="scenario-overlay p-6"> 900 <h3 class="text-2xl font-bold mb-2"> 901 <!-- èªå¨é©¾é©¶ --> 902 Autonomous Driving 903 </h3> 904 <p class="text-white"> 905 <!-- 为èªå¨é©¾é©¶æ±½è½¦æä¾é«æ§è½ç计ç®å¹³å°ï¼æ¯æå®æ¶å¾åå¤çåå³çç®æ³ --> 906 Provides a high-performance computing platform for autonomous 907 vehicles, supporting real-time image processing and 908 decision-making algorithms. 909 </p> 910 </div> 911 </div> 912 913 <!-- åºæ¯6 --> 914 <div 915 class="scenario-card relative rounded-xl overflow-hidden h-80 animate-in-scale" 916 data-delay="1.4" 917 > 918 <img 919 src="./images/product/p6.png" 920 alt="è¾¹ç¼è®¡ç®" 921 class="w-full h-full object-cover" 922 /> 923 <div class="scenario-overlay p-6"> 924 <h3 class="text-2xl font-bold mb-2"> 925 <!-- è¾¹ç¼è®¡ç® --> 926 Edge Computing 927 </h3> 928 <p class="text-white"> 929 <!-- 为边ç¼è®¡ç®è®¾å¤æä¾ä½åèã髿§è½ç计ç®è§£å³æ¹æ¡ï¼å®ç°æ°æ®çæ¬å°å¤çååæ --> 930 Provides low-power, high-performance computing solutions for 931 edge computing devices, enabling local processing and analysis 932 of data. 933 </p> 934 </div> 935 </div> 936 </div> 937 </div> 938 </section> 939 940 <!-- 客æ·è¯ä»· --> 941 <section class="py-16 bg-gray-900"> 942 <div class="container mx-auto px-4"> 943 <div class="text-center mb-12 animate-in-fade" data-delay="0.2"> 944 <h2 class="text-3xl md:text-4xl font-bold mb-4"> 945 <!-- å®¢æ· è¯ä»· --> 946 Customer <span class="gradient-text">Reviews</span> 947 </h2> 948 <p class="text-xl text-gray-300 max-w-3xl mx-auto"> 949 <!-- å¬å¬æä»¬ç客æ·å¦ä½è¯ä»·Arcroboç产ååæå¡ --> 950 Hear what our customers have to say about Arcrobo's products and 951 services. 952 </p> 953 </div> 954 955 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 956 <!-- è¯ä»·1 --> 957 <div class="card p-6 rounded-xl animate-in-scale" data-delay="0.4"> 958 <div class="flex items-center mb-4"> 959 <div class="text-yellow-400 flex"> 960 <i class="fas fa-star"></i> 961 <i class="fas fa-star"></i> 962 <i class="fas fa-star"></i> 963 <i class="fas fa-star"></i> 964 <i class="fas fa-star"></i> 965 </div>
966 <span class="ml-2 text-gray-400">5.0</span> 967 </div> 968 <p class="text-gray-300 mb-6"> 969 "Arcrobo X2 has brought significant performance improvements 970 to our data center while reducing energy consumption. The 971 processing speed of AI training tasks is 3 times faster than 972 before, which has greatly accelerated our R&D process." 973 </p> 974 <div class="flex items-center"> 975 <div 976 class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mr-4" 977 > 978 <span class="text-xl font-bold text-primary-400">Z</span> 979 </div> 980 <div> 981 <h4 class="font-semibold"> 982 <!-- å¼ æ»ç --> 983 Director Zhang 984 </h4> 985 <p class="text-gray-400 text-sm"> 986 <!-- æç¥åäºèç½å ¬å¸ - ææ¯æ»ç --> 987 A Well-Known Internet Company - Technical Director 988 </p> 989 </div> 990 </div> 991 </div> 992 993 <!-- è¯ä»·2 --> 994 <div class="card p-6 rounded-xl animate-in-scale" data-delay="0.6"> 995 <div class="flex items-center mb-4"> 996 <div class="text-yellow-400 flex"> 997 <i class="fas fa-star"></i> 998 <i class="fas fa-star"></i> 999 <i class="fas fa-star"></i> 1000 <i class="fas fa-star"></i> 1001 <i class="fas fa-star"></i> 1002 </div> 1003 <span class="ml-2 text-gray-400">5.0</span> 1004 </div> 1005 <p class="text-gray-300 mb-6"> 1006 "Drone Pro provides powerful computing capability and 1007 stability for our industrial UAVs. The autonomous flight and 1008 intelligent obstacle avoidance functions perform excellently, 1009 greatly improving the competitiveness of our products." 1010 </p> 1011 <div class="flex items-center"> 1012 <div 1013 class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mr-4" 1014 > 1015 <span class="text-xl font-bold text-primary-400">L</span> 1016 </div> 1017 <div> 1018 <h4 class="font-semibold"> 1019 <!-- æç»ç --> 1020 Manager Li 1021 </h4> 1022 <p class="text-gray-400 text-sm"> 1023 <!-- ææ äººæºå¶é å - 产åç»ç --> 1024 A UAV Manufacturer - Product Manager 1025 </p> 1026 </div> 1027 </div> 1028 </div> 1029 1030 <!-- è¯ä»·3 --> 1031 <div class="card p-6 rounded-xl animate-in-scale" data-delay="0.8"> 1032 <div class="flex items-center mb-4"> 1033 <div class="text-yellow-400 flex"> 1034 <i class="fas fa-star"></i> 1035 <i class="fas fa-star"></i> 1036 <i class="fas fa-star"></i> 1037 <i class="fas fa-star"></i> 1038 <i class="fas fa-star-half-alt"></i> 1039 </div> 1040 <span class="ml-2 text-gray-400">4.5</span> 1041 </div> 1042 <p class="text-gray-300 mb-6"> 1043 "RobotCore X provides excellent real-time control capability 1044 and multi-sensor fusion support for our service robots. The 1045 response speed and accuracy of customer service robots have been 1046 significantly improved." 1047 </p> 1048 <div class="flex items-center"> 1049 <div 1050 class="w-12 h-12 rounded-full bg-gray-700 flex items-center justify-center mr-4" 1051 > 1052 <span class="text-xl font-bold text-primary-400">W</span> 1053 </div> 1054 <div> 1055 <h4 class="font-semibold"> 1056 <!-- çå·¥ç¨å¸ --> 1057 Engineer Wang 1058 </h4> 1059 <p class="text-gray-400 text-sm"> 1060 <!-- ææºå¨äººå ¬å¸ - ç åå·¥ç¨å¸ --> 1061 A Robot Company - R&D Engineer 1062 </p> 1063 </div> 1064 </div> 1065 </div> 1066 </div> 1067 </div> 1068 </section> 1069 1070 <!-- 页è --> 1071 <footer class="bg-gray-900 border-t border-gray-800 py-12"> 1072 <div class="container mx-auto px-4"> 1073 <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> 1074 <!-- Logoåç®ä» --> 1075 <div class="md:col-span-1"> 1076 <div class="flex items-center mb-4"> 1077 <img 1078 src="./images/logo.png" 1079 alt="Arcrobo Logo" 1080 class="h-4 w-auto" 1081 />
1082 <span class="ml-2 text-lg font-bold gradient-text">Arcrobo</span> 1083 </div> 1084 <p class="text-gray-400 mb-4"> 1085 Leading Technologyï¼creating the Future 1086 </p> 1087 <div class="flex space-x-4"> 1088 1089 </div> 1090 </div> 1091 1092 <!-- å¿«é龿¥ --> 1093 <div> 1094 <h4 class="text-lg font-semibold mb-4 text-white">Quick Link</h4> 1095 <ul class="space-y-2"> 1096 <li> 1097 <a 1098 href="./index.html" 1099 class="text-gray-400 hover:text-primary-500" 1100 >Homepage</a 1101 > 1102 </li> 1103 <li> 1104 <a 1105 href="./product.html" 1106 class="text-gray-400 hover:text-primary-500" 1107 >Product</a 1108 > 1109 </li> 1110 <li> 1111 <a 1112 href="./ourPartners.html" 1113 class="text-gray-400 hover:text-primary-500" 1114 >About us</a 1115 > 1116 </li> 1117 <li> 1118 <a 1119 href="./contact.html" 1120 class="text-gray-400 hover:text-primary-500" 1121 >Contact us</a 1122 > 1123 </li> 1124 </ul> 1125 </div> 1126 1127 <!-- 产å --> 1128 <div> 1129 <h4 class="text-lg font-semibold mb-4 text-white">Product</h4> 1130 <ul class="space-y-2"> 1131 <li> 1132 <a href="#" class="text-gray-400 hover:text-primary-500" 1133 >High-Performance Product</a 1134 > 1135 </li> 1136 <li> 1137 <a href="#" class="text-gray-400 hover:text-primary-500" 1138 >Drone Solutions</a 1139 > 1140 </li> 1141 <li> 1142 <a href="#" class="text-gray-400 hover:text-primary-500" 1143 >Smart Robot Product</a 1144 > 1145 </li> 1146 <li> 1147 <a href="#" class="text-gray-400 hover:text-primary-500" 1148 >Customized Service</a 1149 > 1150 </li> 1151 </ul> 1152 </div> 1153 1154 <!-- 订é --> 1155 <div> 1156 <h4 class="text-lg font-semibold mb-4 text-white"> 1157 Subscribe to us 1158 </h4> 1159 <p class="text-gray-400 mb-4"> 1160 Subscribe to our newsletter to get the latest product and 1161 technology news 1162 </p> 1163 <form id="footerForm" class="flex"> 1164 <input 1165 style="width: 100%" 1166 type="email" 1167 id="footerEmail" 1168 required 1169 placeholder="Your Email" 1170 class="flex-1 px-4 py-2 bg-gray-800 border border-gray-700 rounded-l-lg focus:outline-none focus:ring-2 focus:ring-primary-500 text-white" 1171 /> 1172 <button type="submit" class="btn-primary px-4 py-2 rounded-r-lg"> 1173 <i class="fas fa-arrow-right"></i> 1174 </button> 1175 </form> 1176 </div> 1177 </div> 1178 1179 <div class="border-t border-gray-800 mt-12 pt-8 text-center"> 1180 <p class="text-gray-400">© 2026 Arcrobo.All rights reserved.</p> 1181 </div> 1182 </div> 1183 </footer> 1184
1184<script src="./js/footer.js"></script>
1184 1185
1185<script src="./js/product.js"></script>
1185 1186 </body> 1187</html> 1188"
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.