Hugging Face's logo

Spaces:
BuGoNee
/
hewan-v2
Running

App Files Community
BuGoNee commited on
Commit
030b94e
·
verified ·
1 Parent(s): 28a580b

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1231 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Hewan V2
3
- emoji: 🐠
4
- colorFrom: indigo
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: hewan-v2
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1231 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>核玩科技 - AI毛绒玩具革新者</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
12
+
13
+ :root {
14
+ --primary: #FF7EB9;
15
+ --secondary: #7AFCF6;
16
+ --accent: #FF9E7D;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Noto Sans SC', sans-serif;
21
+ background-color: #fef6fb;
22
+ overflow-x: hidden;
23
+ }
24
+
25
+ .brand-font {
26
+ font-family: 'Ma Shan Zheng', cursive;
27
+ }
28
+
29
+ .hero-gradient {
30
+ background: linear-gradient(135deg, #fce4ec 0%, #e3f2fd 100%);
31
+ }
32
+
33
+ .tech-pattern {
34
+ background-image: radial-gradient(circle at 10% 20%, rgba(122, 252, 246, 0.1) 0%, transparent 20%);
35
+ }
36
+
37
+ .toy-card:hover {
38
+ transform: translateY(-10px);
39
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
40
+ }
41
+
42
+ .toy-card {
43
+ transition: all 0.3s ease;
44
+ }
45
+
46
+ .glow-effect {
47
+ box-shadow: 0 0 15px rgba(122, 252, 246, 0.5);
48
+ }
49
+
50
+ .particles-js-canvas-el {
51
+ position: absolute;
52
+ top: 0;
53
+ left: 0;
54
+ width: 100%;
55
+ height: 100%;
56
+ pointer-events: none;
57
+ }
58
+
59
+ .speech-bubble {
60
+ position: relative;
61
+ background: #fff;
62
+ border-radius: 1rem;
63
+ padding: 1rem;
64
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
65
+ }
66
+
67
+ .speech-bubble:after {
68
+ content: '';
69
+ position: absolute;
70
+ bottom: -10px;
71
+ left: 20px;
72
+ border-width: 10px 10px 0;
73
+ border-style: solid;
74
+ border-color: #fff transparent;
75
+ }
76
+
77
+ .animate-float {
78
+ animation: float 3s ease-in-out infinite;
79
+ }
80
+
81
+ @keyframes float {
82
+ 0% { transform: translateY(0px); }
83
+ 50% { transform: translateY(-15px); }
84
+ 100% { transform: translateY(0px); }
85
+ }
86
+
87
+ .animate-pulse-slow {
88
+ animation: pulse 4s ease-in-out infinite;
89
+ }
90
+
91
+ @keyframes pulse {
92
+ 0% { opacity: 0.8; }
93
+ 50% { opacity: 1; }
94
+ 100% { opacity: 0.8; }
95
+ }
96
+
97
+ .interactive-toy:hover {
98
+ cursor: pointer;
99
+ animation: shake 0.5s ease-in-out;
100
+ }
101
+
102
+ @keyframes shake {
103
+ 0%, 100% { transform: rotate(0deg); }
104
+ 25% { transform: rotate(5deg); }
105
+ 75% { transform: rotate(-5deg); }
106
+ }
107
+ </style>
108
+ </head>
109
+ <body class="text-gray-800">
110
+ <!-- Particle Background -->
111
+ <div id="particles-js" class="fixed top-0 left-0 w-full h-full z-0"></div>
112
+
113
+ <!-- Navigation -->
114
+ <nav class="relative z-50 bg-white bg-opacity-90 backdrop-filter backdrop-blur-lg shadow-sm">
115
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
116
+ <div class="flex justify-between h-20 items-center">
117
+ <div class="flex items-center">
118
+ <div class="flex-shrink-0 flex items-center">
119
+ <i class="fas fa-robot text-3xl text-pink-500 mr-2"></i>
120
+ <span class="brand-font text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-pink-500 to-blue-500">核玩科技</span>
121
+ </div>
122
+ </div>
123
+ <div class="hidden md:block">
124
+ <div class="ml-10 flex items-baseline space-x-8">
125
+ <a href="#home" class="text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">首页</a>
126
+ <a href="#products" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">产品中��</a>
127
+ <a href="#technology" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">技术优势</a>
128
+ <a href="#cases" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">应用场景</a>
129
+ <a href="#partners" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">合作伙伴</a>
130
+ <a href="#contact" class="text-gray-700 hover:text-pink-600 px-3 py-2 rounded-md text-sm font-medium hover:bg-pink-50">联系我们</a>
131
+ </div>
132
+ </div>
133
+ <div class="flex items-center">
134
+ <a href="#try" class="ml-4 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
135
+ 免费体验
136
+ </a>
137
+ <button class="md:hidden ml-4 inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-pink-600 hover:bg-pink-50 focus:outline-none">
138
+ <i class="fas fa-bars"></i>
139
+ </button>
140
+ </div>
141
+ </div>
142
+ </div>
143
+ </nav>
144
+
145
+ <!-- Hero Section -->
146
+ <section id="home" class="relative hero-gradient pt-24 pb-16 md:pt-32 md:pb-24 overflow-hidden">
147
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
148
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
149
+ <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
150
+ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
151
+ <span class="block">让陪伴更智能</span>
152
+ <span class="block text-transparent bg-clip-text bg-gradient-to-r from-pink-500 to-blue-500">让童年更温暖</span>
153
+ </h1>
154
+ <p class="mt-3 text-base text-gray-600 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
155
+ 核玩科技 - AI毛绒玩具的革新者，结合DeepSeek大模型与自研AI算法，打造个性化互动体验
156
+ </p>
157
+ <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
158
+ <p class="text-base font-medium text-gray-900">全球AI玩具市场规模预计2033年达600亿美元</p>
159
+ <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
160
+ <div class="rounded-md shadow">
161
+ <a href="#products" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 md:py-4 md:text-lg md:px-10">
162
+ 探索产品
163
+ </a>
164
+ </div>
165
+ <div class="mt-3 sm:mt-0 sm:ml-3">
166
+ <a href="#try" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-pink-700 bg-pink-100 hover:bg-pink-200 md:py-4 md:text-lg md:px-10">
167
+ 免费体验
168
+ </a>
169
+ </div>
170
+ </div>
171
+ </div>
172
+ </div>
173
+ <div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
174
+ <div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
175
+ <div class="relative w-full h-0 pb-[56.25%] overflow-hidden rounded-lg">
176
+ <div class="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-pink-100 to-blue-100">
177
+ <div class="relative w-64 h-64">
178
+ <img src="https://img.icons8.com/plasticine/200/000000/plush.png" class="absolute top-0 left-0 w-full h-full object-contain animate-float" alt="AI Plush Toy">
179
+ <div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 speech-bubble text-sm w-40">
180
+ 你好！我是AI小助手~
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </div>
188
+ </div>
189
+ <div class="absolute bottom-0 left-0 w-full overflow-hidden transform rotate-180">
190
+ <svg class="relative block w-full h-20" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
191
+ <path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" class="fill-current text-white"></path>
192
+ </svg>
193
+ </div>
194
+ </section>
195
+
196
+ <!-- Company Intro -->
197
+ <section class="py-16 bg-white">
198
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
199
+ <div class="lg:text-center">
200
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">关于我们</h2>
201
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
202
+ 上海核玩信息科技有限责任公司
203
+ </p>
204
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
205
+ 我们致力于将前沿AI技术与传统毛绒玩具结合，创造新一代智能陪伴产品
206
+ </p>
207
+ </div>
208
+
209
+ <div class="mt-10">
210
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
211
+ <div class="relative">
212
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-pink-500 text-white">
213
+ <i class="fas fa-brain text-xl"></i>
214
+ </div>
215
+ <div class="ml-16">
216
+ <h3 class="text-lg leading-6 font-medium text-gray-900">AI核心技术</h3>
217
+ <p class="mt-2 text-base text-gray-600">
218
+ 基于DeepSeek大模型与自研AI算法，我们的玩具具备自然语言处理、情感识别和长期记忆能力，能够与儿童进行深度互动。
219
+ </p>
220
+ </div>
221
+ </div>
222
+
223
+ <div class="relative">
224
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white">
225
+ <i class="fas fa-child text-xl"></i>
226
+ </div>
227
+ <div class="ml-16">
228
+ <h3 class="text-lg leading-6 font-medium text-gray-900">儿童成长陪伴</h3>
229
+ <p class="mt-2 text-base text-gray-600">
230
+ 我们的产品不仅提供娱乐，还能帮助儿童语言发展、创造力培养和情感表达，成为孩子成长路上的智能伙伴。
231
+ </p>
232
+ </div>
233
+ </div>
234
+
235
+ <div class="relative">
236
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-purple-500 text-white">
237
+ <i class="fas fa-shield-alt text-xl"></i>
238
+ </div>
239
+ <div class="ml-16">
240
+ <h3 class="text-lg leading-6 font-medium text-gray-900">安全与隐私</h3>
241
+ <p class="mt-2 text-base text-gray-600">
242
+ 所有产品均符合国际儿童安全标准，并通过严格的数据加密和隐私保护措施，确保儿童使用安全。
243
+ </p>
244
+ </div>
245
+ </div>
246
+
247
+ <div class="relative">
248
+ <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white">
249
+ <i class="fas fa-puzzle-piece text-xl"></i>
250
+ </div>
251
+ <div class="ml-16">
252
+ <h3 class="text-lg leading-6 font-medium text-gray-900">个性化定制</h3>
253
+ <p class="mt-2 text-base text-gray-600">
254
+ 通过我们的AI设计工具，您可以定制专属的毛绒玩具外观、语音和角色设定，创造独一无二的陪伴体验。
255
+ </p>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ </section>
262
+
263
+ <!-- Product Showcase -->
264
+ <section id="products" class="py-16 tech-pattern">
265
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
266
+ <div class="lg:text-center">
267
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">产品中心</h2>
268
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
269
+ 我们的AI毛绒玩具系列
270
+ </p>
271
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
272
+ 每一款产品都融合了前沿技术与温暖设计
273
+ </p>
274
+ </div>
275
+
276
+ <div class="mt-12 grid gap-8 md:grid-cols-3">
277
+ <!-- Product 1 -->
278
+ <div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300">
279
+ <div class="relative h-48 bg-gradient-to-br from-pink-100 to-blue-100 flex items-center justify-center">
280
+ <img src="https://img.icons8.com/color/96/000000/teddy-bear.png" class="w-32 h-32 interactive-toy" alt="智能互动熊" onclick="playSound('hello')">
281
+ <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-pink-500 to-blue-500"></div>
282
+ </div>
283
+ <div class="p-6">
284
+ <div class="uppercase tracking-wide text-sm text-pink-600 font-semibold">智能互动系列</div>
285
+ <h3 class="mt-1 text-lg font-medium text-gray-900">AI智能熊</h3>
286
+ <p class="mt-2 text-gray-600">
287
+ 支持语音对话、情绪感知的AI毛绒玩具，能够理解儿童情感并做出适当回应。
288
+ </p>
289
+ <div class="mt-4">
290
+ <span class="text-pink-600 font-semibold">¥399起</span>
291
+ <span class="text-sm text-gray-500 ml-2">(含1年AI服务)</span>
292
+ </div>
293
+ <div class="mt-4">
294
+ <button class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center">
295
+ 了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i>
296
+ </button>
297
+ </div>
298
+ </div>
299
+ </div>
300
+
301
+ <!-- Product 2 -->
302
+ <div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300">
303
+ <div class="relative h-48 bg-gradient-to-br from-blue-100 to-purple-100 flex items-center justify-center">
304
+ <img src="https://img.icons8.com/color/96/000000/owl.png" class="w-32 h-32 interactive-toy" alt="教育陪伴猫头鹰" onclick="playSound('story')">
305
+ <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-blue-500 to-purple-500"></div>
306
+ </div>
307
+ <div class="p-6">
308
+ <div class="uppercase tracking-wide text-sm text-blue-600 font-semibold">教育陪伴系列</div>
309
+ <h3 class="mt-1 text-lg font-medium text-gray-900">学习猫头鹰</h3>
310
+ <p class="mt-2 text-gray-600">
311
+ 结合大模型能力的教育玩具，提供语言学习、故事生成和知识问答功能。
312
+ </p>
313
+ <div class="mt-4">
314
+ <span class="text-blue-600 font-semibold">¥499起</span>
315
+ <span class="text-sm text-gray-500 ml-2">(含2年教育内容)</span>
316
+ </div>
317
+ <div class="mt-4">
318
+ <button class="text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center">
319
+ 了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i>
320
+ </button>
321
+ </div>
322
+ </div>
323
+ </div>
324
+
325
+ <!-- Product 3 -->
326
+ <div class="toy-card bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition-all duration-300">
327
+ <div class="relative h-48 bg-gradient-to-br from-purple-100 to-pink-100 flex items-center justify-center">
328
+ <img src="https://img.icons8.com/color/96/000000/dragon.png" class="w-32 h-32 interactive-toy" alt="定制恐龙" onclick="playSound('custom')">
329
+ <div class="absolute bottom-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-500 to-pink-500"></div>
330
+ </div>
331
+ <div class="p-6">
332
+ <div class="uppercase tracking-wide text-sm text-purple-600 font-semibold">个性化定制系列</div>
333
+ <h3 class="mt-1 text-lg font-medium text-gray-900">定制小恐龙</h3>
334
+ <p class="mt-2 text-gray-600">
335
+ 通过AI工具生成专属设计，可定制外观、语音和角色设定，打造独一无二的玩具。
336
+ </p>
337
+ <div class="mt-4">
338
+ <span class="text-purple-600 font-semibold">¥599起</span>
339
+ <span class="text-sm text-gray-500 ml-2">(含终身定制服务)</span>
340
+ </div>
341
+ <div class="mt-4">
342
+ <button class="text-sm font-medium text-purple-600 hover:text-purple-800 flex items-center">
343
+ 了解更多 <i class="fas fa-chevron-right ml-1 text-xs"></i>
344
+ </button>
345
+ </div>
346
+ </div>
347
+ </div>
348
+ </div>
349
+
350
+ <div class="mt-12 text-center">
351
+ <a href="#products" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600">
352
+ 查看全部产品
353
+ <i class="fas fa-chevron-right ml-2"></i>
354
+ </a>
355
+ </div>
356
+ </div>
357
+ </section>
358
+
359
+ <!-- Technology Highlights -->
360
+ <section id="technology" class="py-16 bg-white">
361
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
362
+ <div class="lg:text-center">
363
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">技术优势</h2>
364
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
365
+ 领先的AI玩具技术
366
+ </p>
367
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
368
+ 我们整合多项前沿技术，为毛绒玩具注入智能灵魂
369
+ </p>
370
+ </div>
371
+
372
+ <div class="mt-12">
373
+ <div class="bg-gray-50 rounded-2xl p-8 md:p-12 shadow-inner">
374
+ <div class="grid md:grid-cols-2 gap-8">
375
+ <div>
376
+ <div class="flex items-start">
377
+ <div class="flex-shrink-0 bg-pink-500 rounded-md p-2">
378
+ <i class="fas fa-comments text-white text-xl"></i>
379
+ </div>
380
+ <div class="ml-4">
381
+ <h3 class="text-lg leading-6 font-medium text-gray-900">深度语音交互</h3>
382
+ <p class="mt-2 text-base text-gray-600">
383
+ 基于自然语言处理(NLP)技术，支持多语言对话与情感识别，能够理解儿童不完整的表达并做出恰当回应。
384
+ </p>
385
+ </div>
386
+ </div>
387
+ <div class="mt-8 flex items-start">
388
+ <div class="flex-shrink-0 bg-blue-500 rounded-md p-2">
389
+ <i class="fas fa-memory text-white text-xl"></i>
390
+ </div>
391
+ <div class="ml-4">
392
+ <h3 class="text-lg leading-6 font-medium text-gray-900">长期记忆功能</h3>
393
+ <p class="mt-2 text-base text-gray-600">
394
+ 玩具能记录用户偏好和互动历史，生成个性化内容，随着时间推移"了解"小主人的性格和喜好。
395
+ </p>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ <div>
400
+ <div class="flex items-start">
401
+ <div class="flex-shrink-0 bg-purple-500 rounded-md p-2">
402
+ <i class="fas fa-user-shield text-white text-xl"></i>
403
+ </div>
404
+ <div class="ml-4">
405
+ <h3 class="text-lg leading-6 font-medium text-gray-900">安全与隐私保护</h3>
406
+ <p class="mt-2 text-base text-gray-600">
407
+ 符合儿童产品安全标准，采用端到端加密通信，所有数据存储均符合GDPR等国际隐私法规。
408
+ </p>
409
+ </div>
410
+ </div>
411
+ <div class="mt-8 flex items-start">
412
+ <div class="flex-shrink-0 bg-green-500 rounded-md p-2">
413
+ <i class="fas fa-paint-brush text-white text-xl"></i>
414
+ </div>
415
+ <div class="ml-4">
416
+ <h3 class="text-lg leading-6 font-medium text-gray-900">AI设计生成</h3>
417
+ <p class="mt-2 text-base text-gray-600">
418
+ 通过简单AI工具，用户可上传草图或描述生成毛绒玩具设计图，支持外观、材质和功能的全面定制。
419
+ </p>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </div>
424
+ </div>
425
+ </div>
426
+
427
+ <div class="mt-12 grid md:grid-cols-3 gap-8">
428
+ <div class="bg-white p-6 rounded-xl shadow-md">
429
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-pink-100 text-pink-600">
430
+ <i class="fas fa-microchip text-xl"></i>
431
+ </div>
432
+ <h3 class="mt-4 text-lg font-medium text-gray-900">硬件配置</h3>
433
+ <p class="mt-2 text-base text-gray-600">
434
+ 采用低功耗AI芯片，续航长达72小时，支持Wi-Fi/蓝牙双模连接，内置高品质扬声器和麦克风阵列。
435
+ </p>
436
+ </div>
437
+ <div class="bg-white p-6 rounded-xl shadow-md">
438
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600">
439
+ <i class="fas fa-cloud text-xl"></i>
440
+ </div>
441
+ <h3 class="mt-4 text-lg font-medium text-gray-900">云端服务</h3>
442
+ <p class="mt-2 text-base text-gray-600">
443
+ 基于DeepSeek大模型的云端AI服务，持续更新对话内容和教育素材，支持家长远程管理玩具功能。
444
+ </p>
445
+ </div>
446
+ <div class="bg-white p-6 rounded-xl shadow-md">
447
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-purple-100 text-purple-600">
448
+ <i class="fas fa-mobile-alt text-xl"></i>
449
+ </div>
450
+ <h3 class="mt-4 text-lg font-medium text-gray-900">家长控制</h3>
451
+ <p class="mt-2 text-base text-gray-600">
452
+ 配套手机APP可设置使用时间、内容过滤和成长报告查看，让家长放心孩子使用。
453
+ </p>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ </section>
458
+
459
+ <!-- Use Cases -->
460
+ <section id="cases" class="py-16 tech-pattern">
461
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
462
+ <div class="lg:text-center">
463
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">应用场景</h2>
464
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
465
+ 让AI玩具融入生活每个场景
466
+ </p>
467
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
468
+ 我们的产品已在多个领域创造价值
469
+ </p>
470
+ </div>
471
+
472
+ <div class="mt-12">
473
+ <div class="grid lg:grid-cols-3 gap-8">
474
+ <!-- Case 1 -->
475
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
476
+ <div class="h-48 bg-gradient-to-r from-pink-100 to-purple-100 flex items-center justify-center">
477
+ <img src="https://img.icons8.com/color/96/000000/children.png" class="w-24 h-24" alt="儿童成长">
478
+ </div>
479
+ <div class="p-6">
480
+ <h3 class="text-lg font-medium text-gray-900">儿童成长陪伴</h3>
481
+ <p class="mt-2 text-gray-600">
482
+ "自从有了AI小熊，孩子的语言表达能力明显提升，现在每天睡前都要和它分享一天的故事。"
483
+ <span class="block mt-2 text-sm text-gray-500">— 上海李女士，5岁孩子家长</span>
484
+ </p>
485
+ <div class="mt-4 flex items-center">
486
+ <div class="flex-shrink-0">
487
+ <div class="h-10 w-10 rounded-full bg-pink-100 flex items-center justify-center">
488
+ <i class="fas fa-star text-pink-500"></i>
489
+ </div>
490
+ </div>
491
+ <div class="ml-3">
492
+ <p class="text-sm font-medium text-gray-900">用户评价</p>
493
+ <div class="flex items-center">
494
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
495
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
496
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
497
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
498
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
499
+ <span class="ml-1 text-xs text-gray-500">5.0</span>
500
+ </div>
501
+ </div>
502
+ </div>
503
+ </div>
504
+ </div>
505
+
506
+ <!-- Case 2 -->
507
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
508
+ <div class="h-48 bg-gradient-to-r from-blue-100 to-green-100 flex items-center justify-center">
509
+ <img src="https://img.icons8.com/color/96/000000/family.png" class="w-24 h-24" alt="家庭陪伴">
510
+ </div>
511
+ <div class="p-6">
512
+ <h3 class="text-lg font-medium text-gray-900">家庭临时陪伴</h3>
513
+ <p class="mt-2 text-gray-600">
514
+ "工作忙的时候，AI猫头鹰会给孩子讲故事、解答问题，还能提醒他按时吃饭，真是我的好帮手。"
515
+ <span class="block mt-2 text-sm text-gray-500">— 北京张先生，忙碌的职场父母</span>
516
+ </p>
517
+ <div class="mt-4 flex items-center">
518
+ <div class="flex-shrink-0">
519
+ <div class="h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center">
520
+ <i class="fas fa-thumbs-up text-blue-500"></i>
521
+ </div>
522
+ </div>
523
+ <div class="ml-3">
524
+ <p class="text-sm font-medium text-gray-900">用户评价</p>
525
+ <div class="flex items-center">
526
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
527
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
528
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
529
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
530
+ <i class="fas fa-star text-yellow-400 text-xs"></i>
531
+ <span class="ml-1 text-xs text-gray-500">4.9</span>
532
+ </div>
533
+ </div>
534
+ </div>
535
+ </div>
536
+ </div>
537
+
538
+ <!-- Case 3 -->
539
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
540
+ <div class="h-48 bg-gradient-to-r from-yellow-100 to-orange-100 flex items-center justify-center">
541
+ <img src="https://img.icons8.com/color/96/000000/partnership-handshake.png" class="w-24 h-24" alt="IP合作">
542
+ </div>
543
+ <div class="p-6">
544
+ <h3 class="text-lg font-medium text-gray-900">IP联名合作</h3>
545
+ <p class="mt-2 text-gray-600">
546
+ "与迪士尼合作的AI米老鼠玩偶上市首月销量突破50万只，成为最受欢迎的智能玩具之一。"
547
+ <span class="block mt-2 text-sm text-gray-500">— 迪士尼中国区产品经理</span>
548
+ </p>
549
+ <div class="mt-4">
550
+ <div class="flex items-center">
551
+ <div class="flex-shrink-0">
552
+ <div class="h-10 w-10 rounded-full bg-yellow-100 flex items-center justify-center">
553
+ <i class="fas fa-chart-line text-yellow-500"></i>
554
+ </div>
555
+ </div>
556
+ <div class="ml-3">
557
+ <p class="text-sm font-medium text-gray-900">销售数据</p>
558
+ <p class="text-sm text-gray-500">首月销量: 500,000+</p>
559
+ </div>
560
+ </div>
561
+ </div>
562
+ </div>
563
+ </div>
564
+ </div>
565
+ </div>
566
+
567
+ <div class="mt-12 bg-white rounded-xl shadow-md overflow-hidden">
568
+ <div class="md:flex">
569
+ <div class="md:flex-shrink-0 md:w-1/3 bg-gradient-to-b from-pink-100 to-blue-100 flex items-center justify-center p-8">
570
+ <img src="https://img.icons8.com/color/144/000000/statistics.png" class="w-32 h-32" alt="市场数据">
571
+ </div>
572
+ <div class="p-8 md:w-2/3">
573
+ <div class="uppercase tracking-wide text-sm text-pink-600 font-semibold">市场表现</div>
574
+ <h3 class="mt-2 text-xl font-semibold text-gray-900">东莞企业AI毛绒玩具预订量达200万只</h3>
575
+ <p class="mt-3 text-gray-600">
576
+ 根据最新市场数据，我们的AI毛绒玩具系列在预售阶段就获得热烈反响，小红书平台相关笔记达46万篇，成为年轻父母讨论的热门话题。
577
+ </p>
578
+ <div class="mt-6 grid grid-cols-2 gap-4">
579
+ <div>
580
+ <p class="text-3xl font-bold text-pink-600">200万+</p>
581
+ <p class="text-sm text-gray-500">预订量</p>
582
+ </div>
583
+ <div>
584
+ <p class="text-3xl font-bold text-blue-600">46万+</p>
585
+ <p class="text-sm text-gray-500">小红书笔记</p>
586
+ </div>
587
+ <div>
588
+ <p class="text-3xl font-bold text-purple-600">9.2%</p>
589
+ <p class="text-sm text-gray-500">AI玩具市场年增长率</p>
590
+ </div>
591
+ <div>
592
+ <p class="text-3xl font-bold text-green-600">95%</p>
593
+ <p class="text-sm text-gray-500">用户满意度</p>
594
+ </div>
595
+ </div>
596
+ </div>
597
+ </div>
598
+ </div>
599
+ </div>
600
+ </section>
601
+
602
+ <!-- Partners -->
603
+ <section id="partners" class="py-16 bg-white">
604
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
605
+ <div class="lg:text-center">
606
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">合作伙伴</h2>
607
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
608
+ 与技术领导者共同创新
609
+ </p>
610
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
611
+ 我们与行业顶尖企业合作，确保产品技术领先
612
+ </p>
613
+ </div>
614
+
615
+ <div class="mt-12">
616
+ <div class="grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-5">
617
+ <div class="col-span-1 flex justify-center items-center">
618
+ <img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/deepseek.png" alt="DeepSeek">
619
+ </div>
620
+ <div class="col-span-1 flex justify-center items-center">
621
+ <img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/disney.png" alt="Disney">
622
+ </div>
623
+ <div class="col-span-1 flex justify-center items-center">
624
+ <img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/sohu.png" alt="Sohu">
625
+ </div>
626
+ <div class="col-span-1 flex justify-center items-center">
627
+ <img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/hasbro.png" alt="Hasbro">
628
+ </div>
629
+ <div class="col-span-1 flex justify-center items-center">
630
+ <img class="h-12 grayscale hover:grayscale-0 transition-all duration-300" src="https://img.icons8.com/color/144/000000/tencent.png" alt="Tencent">
631
+ </div>
632
+ </div>
633
+ </div>
634
+
635
+ <div class="mt-12">
636
+ <div class="bg-gray-50 rounded-2xl p-8 md:p-12 shadow-inner">
637
+ <div class="md:flex md:items-center md:justify-between">
638
+ <div class="md:w-1/2">
639
+ <h3 class="text-2xl font-bold text-gray-900">供应链优势</h3>
640
+ <p class="mt-4 text-gray-600">
641
+ 依托广东汕头、东莞等地的智能玩具制造资源，我们建立了高效稳定的供应链体系，确保产品质量与交付时效。
642
+ </p>
643
+ <div class="mt-6">
644
+ <div class="flex items-center">
645
+ <div class="flex-shrink-0 bg-green-500 rounded-md p-2">
646
+ <i class="fas fa-check text-white"></i>
647
+ </div>
648
+ <div class="ml-3">
649
+ <p class="text-sm font-medium text-gray-900">ISO 9001认证工厂</p>
650
+ </div>
651
+ </div>
652
+ <div class="mt-3 flex items-center">
653
+ <div class="flex-shrink-0 bg-green-500 rounded-md p-2">
654
+ <i class="fas fa-check text-white"></i>
655
+ </div>
656
+ <div class="ml-3">
657
+ <p class="text-sm font-medium text-gray-900">月产能100万+</p>
658
+ </div>
659
+ </div>
660
+ <div class="mt-3 flex items-center">
661
+ <div class="flex-shrink-0 bg-green-500 rounded-md p-2">
662
+ <i class="fas fa-check text-white"></i>
663
+ </div>
664
+ <div class="ml-3">
665
+ <p class="text-sm font-medium text-gray-900">48小时快速打样</p>
666
+ </div>
667
+ </div>
668
+ </div>
669
+ </div>
670
+ <div class="mt-8 md:mt-0 md:w-1/2 md:pl-8">
671
+ <h3 class="text-2xl font-bold text-gray-900">开发者支持</h3>
672
+ <p class="mt-4 text-gray-600">
673
+ 我们开放部分API接口，提供完善的开发文档和技术支持，欢迎开发者加入我们的生态共建。
674
+ </p>
675
+ <div class="mt-6">
676
+ <a href="#" class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
677
+ <i class="fas fa-book mr-2"></i> 开发文档
678
+ </a>
679
+ <a href="#" class="ml-3 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
680
+ <i class="fas fa-code-branch mr-2"></i> API申请
681
+ </a>
682
+ </div>
683
+ </div>
684
+ </div>
685
+ </div>
686
+ </div>
687
+ </div>
688
+ </section>
689
+
690
+ <!-- Try Now -->
691
+ <section id="try" class="py-16 bg-gradient-to-r from-pink-500 to-blue-500">
692
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
693
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
694
+ <div>
695
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
696
+ 立即体验AI毛绒玩具的魅力
697
+ </h2>
698
+ <p class="mt-3 max-w-3xl text-lg text-pink-100">
699
+ 现在注册即可获得免费设计工具体验版，限量版玩具试用申请同步开放中。
700
+ </p>
701
+ <div class="mt-8 sm:flex">
702
+ <div class="rounded-md shadow">
703
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-pink-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10">
704
+ 免费设计工具
705
+ </a>
706
+ </div>
707
+ <div class="mt-3 sm:mt-0 sm:ml-3">
708
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-pink-600 bg-opacity-60 hover:bg-opacity-70 md:py-4 md:text-lg md:px-10">
709
+ 申请玩具试用
710
+ </a>
711
+ </div>
712
+ </div>
713
+ </div>
714
+ <div class="mt-12 lg:mt-0 relative">
715
+ <div class="relative mx-auto w-full rounded-lg shadow-2xl overflow-hidden">
716
+ <div class="relative w-full h-0 pb-[56.25%] bg-white overflow-hidden">
717
+ <div class="absolute inset-0 flex items-center justify-center p-6">
718
+ <div class="text-center">
719
+ <i class="fas fa-robot text-6xl text-pink-500 mb-4"></i>
720
+ <h3 class="text-xl font-medium text-gray-900">AI玩具设计工具</h3>
721
+ <p class="mt-2 text-gray-600">
722
+ 上传图片或描述，AI将为您生成专属毛绒玩具设计图
723
+ </p>
724
+ <div class="mt-6">
725
+ <div class="relative">
726
+ <input type="text" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="例如：蓝色的小恐龙，有粉色的斑点...">
727
+ </div>
728
+ <button type="submit" class="mt-4 w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-pink-600 hover:bg-pink-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
729
+ 生成设计
730
+ </button>
731
+ </div>
732
+ </div>
733
+ </div>
734
+ </div>
735
+ </div>
736
+ </div>
737
+ </div>
738
+ </div>
739
+ </section>
740
+
741
+ <!-- Community -->
742
+ <section class="py-16 bg-white">
743
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
744
+ <div class="lg:text-center">
745
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">创意工坊</h2>
746
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
747
+ 加入我们的用户社区
748
+ </p>
749
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
750
+ 分享您的DIY设计、互动故事，与全球用户交流创意
751
+ </p>
752
+ </div>
753
+
754
+ <div class="mt-12 grid md:grid-cols-3 gap-8">
755
+ <div class="bg-gray-50 rounded-xl p-6 shadow-sm">
756
+ <div class="flex items-center">
757
+ <div class="flex-shrink-0 bg-pink-100 rounded-md p-3">
758
+ <i class="fas fa-palette text-pink-600 text-xl"></i>
759
+ </div>
760
+ <div class="ml-4">
761
+ <h3 class="text-lg font-medium text-gray-900">设计分享</h3>
762
+ <p class="mt-1 text-sm text-gray-600">
763
+ 超过10,000个用户原创设计
764
+ </p>
765
+ </div>
766
+ </div>
767
+ <div class="mt-6">
768
+ <div class="grid grid-cols-3 gap-2">
769
+ <div class="h-20 bg-pink-100 rounded-md flex items-center justify-center">
770
+ <i class="fas fa-dragon text-pink-500 text-xl"></i>
771
+ </div>
772
+ <div class="h-20 bg-blue-100 rounded-md flex items-center justify-center">
773
+ <i class="fas fa-unicorn text-blue-500 text-xl"></i>
774
+ </div>
775
+ <div class="h-20 bg-purple-100 rounded-md flex items-center justify-center">
776
+ <i class="fas fa-cat text-purple-500 text-xl"></i>
777
+ </div>
778
+ </div>
779
+ </div>
780
+ <div class="mt-6">
781
+ <a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center">
782
+ 浏览全部设计 <i class="fas fa-chevron-right ml-1 text-xs"></i>
783
+ </a>
784
+ </div>
785
+ </div>
786
+
787
+ <div class="bg-gray-50 rounded-xl p-6 shadow-sm">
788
+ <div class="flex items-center">
789
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-3">
790
+ <i class="fas fa-book-open text-blue-600 text-xl"></i>
791
+ </div>
792
+ <div class="ml-4">
793
+ <h3 class="text-lg font-medium text-gray-900">故事创作</h3>
794
+ <p class="mt-1 text-sm text-gray-600">
795
+ 用户生成的互动故事库
796
+ </p>
797
+ </div>
798
+ </div>
799
+ <div class="mt-6 space-y-3">
800
+ <div class="flex items-start">
801
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-purple-100 flex items-center justify-center">
802
+ <i class="fas fa-user-astronaut text-purple-500"></i>
803
+ </div>
804
+ <div class="ml-3">
805
+ <p class="text-sm font-medium text-gray-900">太空冒险记</p>
806
+ <p class="text-xs text-gray-500">点赞: 1,234</p>
807
+ </div>
808
+ </div>
809
+ <div class="flex items-start">
810
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-green-100 flex items-center justify-center">
811
+ <i class="fas fa-dragon text-green-500"></i>
812
+ </div>
813
+ <div class="ml-3">
814
+ <p class="text-sm font-medium text-gray-900">小龙的魔法学校</p>
815
+ <p class="text-xs text-gray-500">点赞: 987</p>
816
+ </div>
817
+ </div>
818
+ <div class="flex items-start">
819
+ <div class="flex-shrink-0 h-10 w-10 rounded-full bg-yellow-100 flex items-center justify-center">
820
+ <i class="fas fa-robot text-yellow-500"></i>
821
+ </div>
822
+ <div class="ml-3">
823
+ <p class="text-sm font-medium text-gray-900">机器人朋友</p>
824
+ <p class="text-xs text-gray-500">点赞: 2,456</p>
825
+ </div>
826
+ </div>
827
+ </div>
828
+ <div class="mt-6">
829
+ <a href="#" class="text-sm font-medium text-blue-600 hover:text-blue-800 flex items-center">
830
+ 阅读更多故事 <i class="fas fa-chevron-right ml-1 text-xs"></i>
831
+ </a>
832
+ </div>
833
+ </div>
834
+
835
+ <div class="bg-gray-50 rounded-xl p-6 shadow-sm">
836
+ <div class="flex items-center">
837
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-3">
838
+ <i class="fas fa-trophy text-purple-600 text-xl"></i>
839
+ </div>
840
+ <div class="ml-4">
841
+ <h3 class="text-lg font-medium text-gray-900">设计大赛</h3>
842
+ <p class="mt-1 text-sm text-gray-600">
843
+ 参与比赛，赢取量产机会
844
+ </p>
845
+ </div>
846
+ </div>
847
+ <div class="mt-6">
848
+ <div class="bg-white rounded-lg p-4 shadow-xs">
849
+ <div class="flex items-center">
850
+ <div class="flex-shrink-0 h-12 w-12 rounded-full bg-pink-100 flex items-center justify-center">
851
+ <i class="fas fa-star text-pink-500"></i>
852
+ </div>
853
+ <div class="ml-4">
854
+ <h4 class="text-sm font-medium text-gray-900">2023秋季设计大赛</h4>
855
+ <p class="text-xs text-gray-500">截止日期: 2023/11/30</p>
856
+ </div>
857
+ </div>
858
+ <p class="mt-3 text-sm text-gray-600">
859
+ 主题"奇幻森林"，优胜作品将获得量产销售机会，并享有销售分成。
860
+ </p>
861
+ <div class="mt-4">
862
+ <div class="flex justify-between text-xs text-gray-500">
863
+ <span>已提交: 1,234件</span>
864
+ <span>剩余: 15天</span>
865
+ </div>
866
+ <div class="mt-1 w-full bg-gray-200 rounded-full h-2">
867
+ <div class="bg-pink-500 h-2 rounded-full" style="width: 45%"></div>
868
+ </div>
869
+ </div>
870
+ </div>
871
+ </div>
872
+ <div class="mt-6">
873
+ <a href="#" class="text-sm font-medium text-purple-600 hover:text-purple-800 flex items-center">
874
+ 立即参赛 <i class="fas fa-chevron-right ml-1 text-xs"></i>
875
+ </a>
876
+ </div>
877
+ </div>
878
+ </div>
879
+ </div>
880
+ </section>
881
+
882
+ <!-- News & Trust -->
883
+ <section class="py-16 bg-gray-50">
884
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
885
+ <div class="lg:text-center">
886
+ <h2 class="text-base text-pink-600 font-semibold tracking-wide uppercase">新闻与信任</h2>
887
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
888
+ 媒体报道与行业认证
889
+ </p>
890
+ </div>
891
+
892
+ <div class="mt-12">
893
+ <div class="grid md:grid-cols-2 gap-8">
894
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
895
+ <div class="p-6">
896
+ <div class="flex items-center">
897
+ <div class="flex-shrink-0">
898
+ <img class="h-10 w-10" src="https://img.icons8.com/color/48/000000/tencent-news.png" alt="Tencent News">
899
+ </div>
900
+ <div class="ml-4">
901
+ <h3 class="text-lg font-medium text-gray-900">腾讯新闻</h3>
902
+ <p class="text-sm text-gray-500">2023年9月15日</p>
903
+ </div>
904
+ </div>
905
+ <div class="mt-4">
906
+ <p class="text-gray-600">
907
+ "核玩科技通过AI技术重新定义毛绒玩具，其产品在情感陪伴和教育功能方面表现出色，成为智能玩具市场的新锐力量。"
908
+ </p>
909
+ </div>
910
+ <div class="mt-6">
911
+ <a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center">
912
+ 阅读全文 <i class="fas fa-chevron-right ml-1 text-xs"></i>
913
+ </a>
914
+ </div>
915
+ </div>
916
+ </div>
917
+
918
+ <div class="bg-white rounded-xl shadow-md overflow-hidden">
919
+ <div class="p-6">
920
+ <div class="flex items-center">
921
+ <div class="flex-shrink-0">
922
+ <img class="h-10 w-10" src="https://img.icons8.com/color/48/000000/bbc.png" alt="BBC">
923
+ </div>
924
+ <div class="ml-4">
925
+ <h3 class="text-lg font-medium text-gray-900">BBC科技频道</h3>
926
+ <p class="text-sm text-gray-500">2023年8月22日</p>
927
+ </div>
928
+ </div>
929
+ <div class="mt-4">
930
+ <p class="text-gray-600">
931
+ "中国初创企业核玩科技将AI与毛绒玩具结合，创造出能够理解儿童情感并做出回应的智能玩具，预示着玩具行业的未来方向。"
932
+ </p>
933
+ </div>
934
+ <div class="mt-6">
935
+ <a href="#" class="text-sm font-medium text-pink-600 hover:text-pink-800 flex items-center">
936
+ 阅读全文 <i class="fas fa-chevron-right ml-1 text-xs"></i>
937
+ </a>
938
+ </div>
939
+ </div>
940
+ </div>
941
+ </div>
942
+ </div>
943
+
944
+ <div class="mt-12 bg-white rounded-xl shadow-md overflow-hidden">
945
+ <div class="p-8">
946
+ <h3 class="text-lg font-medium text-gray-900">安全认证</h3>
947
+ <p class="mt-2 text-gray-600">
948
+ 我们的产品通过多项国际安全认证，确保儿童使用无忧。
949
+ </p>
950
+ <div class="mt-6 grid grid-cols-2 gap-4 md:grid-cols-4">
951
+ <div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
952
+ <img src="https://img.icons8.com/color/48/000000/ce-mark.png" class="h-12 w-12" alt="CE认证">
953
+ <span class="mt-2 text-sm font-medium text-gray-900">CE认证</span>
954
+ </div>
955
+ <div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
956
+ <img src="https://img.icons8.com/color/48/000000/fcc.png" class="h-12 w-12" alt="FCC认证">
957
+ <span class="mt-2 text-sm font-medium text-gray-900">FCC认证</span>
958
+ </div>
959
+ <div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
960
+ <img src="https://img.icons8.com/color/48/000000/iso-9001.png" class="h-12 w-12" alt="ISO 9001">
961
+ <span class="mt-2 text-sm font-medium text-gray-900">ISO 9001</span>
962
+ </div>
963
+ <div class="flex flex-col items-center p-4 border border-gray-200 rounded-lg">
964
+ <img src="https://img.icons8.com/color/48/000000/gdpr.png" class="h-12 w-12" alt="GDPR合规">
965
+ <span class="mt-2 text-sm font-medium text-gray-900">GDPR合规</span>
966
+ </div>
967
+ </div>
968
+ </div>
969
+ </div>
970
+ </div>
971
+ </section>
972
+
973
+ <!-- Contact -->
974
+ <section id="contact" class="py-16 bg-white">
975
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
976
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8">
977
+ <div>
978
+ <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
979
+ 联系我们
980
+ </h2>
981
+ <p class="mt-3 text-lg text-gray-600">
982
+ 无论您是想了解产品、寻求合作，还是需要技术支持，我们都随时为您服务。
983
+ </p>
984
+ <div class="mt-8">
985
+ <div class="flex">
986
+ <div class="flex-shrink-0 bg-pink-100 rounded-md p-3">
987
+ <i class="fas fa-map-marker-alt text-pink-600 text-xl"></i>
988
+ </div>
989
+ <div class="ml-4">
990
+ <h3 class="text-lg font-medium text-gray-900">公司地址</h3>
991
+ <p class="mt-1 text-base text-gray-600">
992
+ 上海市浦东新区张江高科技园区科苑路88号
993
+ </p>
994
+ </div>
995
+ </div>
996
+ <div class="mt-6 flex">
997
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-3">
998
+ <i class="fas fa-phone-alt text-blue-600 text-xl"></i>
999
+ </div>
1000
+ <div class="ml-4">
1001
+ <h3 class="text-lg font-medium text-gray-900">联系电话</h3>
1002
+ <p class="mt-1 text-base text-gray-600">
1003
+ 021-5080XXXX (工作日 9:00-18:00)
1004
+ </p>
1005
+ </div>
1006
+ </div>
1007
+ <div class="mt-6 flex">
1008
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-3">
1009
+ <i class="fas fa-envelope text-purple-600 text-xl"></i>
1010
+ </div>
1011
+ <div class="ml-4">
1012
+ <h3 class="text-lg font-medium text-gray-900">电子邮箱</h3>
1013
+ <p class="mt-1 text-base text-gray-600">
1014
+ [email protected]
1015
+ </p>
1016
+ </div>
1017
+ </div>
1018
+ </div>
1019
+ <div class="mt-8">
1020
+ <h3 class="text-lg font-medium text-gray-900">关注我们</h3>
1021
+ <div class="mt-4 flex space-x-4">
1022
+ <a href="#" class="text-gray-600 hover:text-pink-600">
1023
+ <i class="fab fa-weixin text-2xl"></i>
1024
+ </a>
1025
+ <a href="#" class="text-gray-600 hover:text-red-600">
1026
+ <i class="fab fa-douyin text-2xl"></i>
1027
+ </a>
1028
+ <a href="#" class="text-gray-600 hover:text-pink-500">
1029
+ <i class="fab fa-xiaohongshu text-2xl"></i>
1030
+ </a>
1031
+ <a href="#" class="text-gray-600 hover:text-blue-500">
1032
+ <i class="fab fa-weibo text-2xl"></i>
1033
+ </a>
1034
+ </div>
1035
+ </div>
1036
+ </div>
1037
+ <div class="mt-12 lg:mt-0">
1038
+ <div class="bg-white shadow-xl rounded-lg p-6">
1039
+ <h3 class="text-lg font-medium text-gray-900">发送消息</h3>
1040
+ <form class="mt-6 space-y-6">
1041
+ <div>
1042
+ <label for="name" class="block text-sm font-medium text-gray-700">姓名</label>
1043
+ <div class="mt-1">
1044
+ <input type="text" name="name" id="name" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的姓名">
1045
+ </div>
1046
+ </div>
1047
+ <div>
1048
+ <label for="email" class="block text-sm font-medium text-gray-700">邮箱</label>
1049
+ <div class="mt-1">
1050
+ <input type="email" name="email" id="email" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的邮箱地址">
1051
+ </div>
1052
+ </div>
1053
+ <div>
1054
+ <label for="subject" class="block text-sm font-medium text-gray-700">主题</label>
1055
+ <div class="mt-1">
1056
+ <select id="subject" name="subject" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3">
1057
+ <option>产品咨询</option>
1058
+ <option>商务合作</option>
1059
+ <option>技术支持</option>
1060
+ <option>其他</option>
1061
+ </select>
1062
+ </div>
1063
+ </div>
1064
+ <div>
1065
+ <label for="message" class="block text-sm font-medium text-gray-700">消息内容</label>
1066
+ <div class="mt-1">
1067
+ <textarea id="message" name="message" rows="4" class="block w-full rounded-md border-gray-300 shadow-sm focus:border-pink-500 focus:ring-pink-500 p-3" placeholder="您的消息..."></textarea>
1068
+ </div>
1069
+ </div>
1070
+ <div>
1071
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gradient-to-r from-pink-500 to-blue-500 hover:from-pink-600 hover:to-blue-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-pink-500">
1072
+ 发送消息
1073
+ </button>
1074
+ </div>
1075
+ </form>
1076
+ </div>
1077
+ </div>
1078
+ </div>
1079
+ </div>
1080
+ </section>
1081
+
1082
+ <!-- B2B Section -->
1083
+ <section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600">
1084
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1085
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
1086
+ <div>
1087
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
1088
+ B端合作方案
1089
+ </h2>
1090
+ <p class="mt-3 max-w-3xl text-lg text-blue-100">
1091
+ 我们为企业和机构客户提供OEM/ODM服务，支持IP联名与批量定制。
1092
+ </p>
1093
+ <div class="mt-8">
1094
+ <div class="flex items-center">
1095
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2">
1096
+ <i class="fas fa-check text-white text-sm"></i>
1097
+ </div>
1098
+ <div class="ml-3 text-base text-blue-50">
1099
+ 支持最小起订量500件
1100
+ </div>
1101
+ </div>
1102
+ <div class="mt-3 flex items-center">
1103
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2">
1104
+ <i class="fas fa-check text-white text-sm"></i>
1105
+ </div>
1106
+ <div class="ml-3 text-base text-blue-50">
1107
+ 提供IP授权与联名合作
1108
+ </div>
1109
+ </div>
1110
+ <div class="mt-3 flex items-center">
1111
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-full p-2">
1112
+ <i class="fas fa-check text-white text-sm"></i>
1113
+ </div>
1114
+ <div class="ml-3 text-base text-blue-50">
1115
+ 支持功能与外观深度定制
1116
+ </div>
1117
+ </div>
1118
+ </div>
1119
+ <div class="mt-8">
1120
+ <a href="#" class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-blue-700 bg-white hover:bg-gray-50">
1121
+ 了解B端方案详情
1122
+ <i class="fas fa-chevron-right ml-2"></i>
1123
+ </a>
1124
+ </div>
1125
+ </div>
1126
+ <div class="mt-12 lg:mt-0">
1127
+ <div class="bg-white bg-opacity-10 rounded-xl p-8 backdrop-filter backdrop-blur-lg">
1128
+ <h3 class="text-xl font-medium text-white">企业客户专享服务</h3>
1129
+ <div class="mt-6 grid gap-6 md:grid-cols-2">
1130
+ <div class="flex items-start">
1131
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2">
1132
+ <i class="fas fa-gem text-white text-lg"></i>
1133
+ </div>
1134
+ <div class="ml-3">
1135
+ <h4 class="text-sm font-medium text-white">专属客户经理</h4>
1136
+ <p class="mt-1 text-xs text-blue-100">
1137
+ 一对一服务，全程跟进项目
1138
+ </p>
1139
+ </div>
1140
+ </div>
1141
+ <div class="flex items-start">
1142
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2">
1143
+ <i class="fas fa-truck text-white text-lg"></i>
1144
+ </div>
1145
+ <div class="ml-3">
1146
+ <h4 class="text-sm font-medium text-white">优先物流通道</h4>
1147
+ <p class="mt-1 text-xs text-blue-100">
1148
+ 确保准时交付，支持全球发货
1149
+ </p>
1150
+ </div>
1151
+ </div>
1152
+ <div class="flex items-start">
1153
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2">
1154
+ <i class="fas fa-lock text-white text-lg"></i>
1155
+ </div>
1156
+ <div class="ml-3">
1157
+ <h4 class="text-sm font-medium text-white">数据安全保障</h4>
1158
+ <p class="mt-1 text-xs text-blue-100">
1159
+ 企业级数据加密与隐私保护
1160
+ </p>
1161
+ </div>
1162
+ </div>
1163
+ <div class="flex items-start">
1164
+ <div class="flex-shrink-0 bg-white bg-opacity-20 rounded-md p-2">
1165
+ <i class="fas fa-chart-line text-white text-lg"></i>
1166
+ </div>
1167
+ <div class="ml-3">
1168
+ <h4 class="text-sm font-medium text-white">销售数据分析</h4>
1169
+ <p class="mt-1 text-xs text-blue-100">
1170
+ 提供销售预测与市场洞察
1171
+ </p>
1172
+ </div>
1173
+ </div>
1174
+ </div>
1175
+ </div>
1176
+ </div>
1177
+ </div>
1178
+ </div>
1179
+ </section>
1180
+
1181
+ <!-- Footer -->
1182
+ <footer class="bg-gray-900 pt-16 pb-12">
1183
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
1184
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
1185
+ <div class="col-span-2">
1186
+ <div class="flex items-center">
1187
+ <i class="fas fa-robot text-3xl text-pink-500 mr-2"></i>
1188
+ <span class="brand-font text-2xl font-bold text-white">核玩科技</span>
1189
+ </div>
1190
+ <p class="mt-4 text-sm text-gray-400">
1191
+ 上海核玩信息科技有限责任公司致力于将前沿AI技术与传统毛绒玩具结合，创造新一代智能陪伴产品。
1192
+ </p>
1193
+ <div class="mt-6 flex space-x-6">
1194
+ <a href="#" class="text-gray-400 hover:text-pink-500">
1195
+ <i class="fab fa-weixin text-xl"></i>
1196
+ </a>
1197
+ <a href="#" class="text-gray-400 hover:text-red-500">
1198
+ <i class="fab fa-douyin text-xl"></i>
1199
+ </a>
1200
+ <a href="#" class="text-gray-400 hover:text-pink-400">
1201
+ <i class="fab fa-xiaohongshu text-xl"></i>
1202
+ </a>
1203
+ <a href="#" class="text-gray-400 hover:text-blue-400">
1204
+ <i class="fab fa-weibo text-xl"></i>
1205
+ </a>
1206
+ </div>
1207
+ </div>
1208
+ <div>
1209
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">产品</h3>
1210
+ <div class="mt-4 space-y-4">
1211
+ <a href="#" class="text-base text-gray-300 hover:text-white block">智能互动系列</a>
1212
+ <a href="#" class="text-base text-gray-300 hover:text-white block">教育陪伴系列</a>
1213
+ <a href="#" class="text-base text-gray-300 hover:text-white block">个性化定制</a>
1214
+ <a href="#" class="text-base text-gray-300 hover:text-white block">全部产品</a>
1215
+ </div>
1216
+ </div>
1217
+ <div>
1218
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">支持</h3>
1219
+ <div class="mt-4 space-y-4">
1220
+ <a href="#" class="text-base text-gray-300 hover:text-white block">帮助中心</a>
1221
+ <a href="#" class="text-base text-gray-300 hover:text-white block">安全与隐私</a>
1222
+ <a href="#" class="text-base text-gray-300 hover:text-white block">家长指南</a>
1223
+ <a href="#" class="text-base text-gray-300 hover:text-white block">联系我们</a>
1224
+ </div>
1225
+ </div>
1226
+ <div>
1227
+ <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">公司</h3>
1228
+ <div class="mt-4 space-y-4">
1229
+ <a href="#" class="text-base text-gray-300 hover:text-white block">关于我们</a>
1230
+
1231
+ </html>