PageSourceSearch

https://arcrobo.com.sg/product.html

html arcrobo.com.sg collected 2026-10-08 00:02:20 UTC 38,660 bytes, 1,188 lines download raw bytes

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">&copy; 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.