Hugging Face's logo

Spaces:
carolnc
/
deepshape-ai
Running

App Files Community
carolnc commited on
Commit
08645d0
·
verified ·
1 Parent(s): 0c95e75

仿照https://huggingface.co/spaces/enzostvs/deepsite 网站的样式，给DeepShape（深形智能）公司的产品做一个landingpage，产品有两个，分别是AI口腔修复体设计以及AI修复体设计分析工具。网站主体文字为中文，样式参考deep si te

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +244 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Deepshape Ai
3
- emoji: 🚀
4
- colorFrom: gray
5
- colorTo: blue
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: DeepShape AI 口腔智能设计专家 🦷
3
+ colorFrom: green
4
+ colorTo: red
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,244 @@
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>DeepShape - AI 口腔修复体设计专家</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ 'primary': '#2563eb', // 科技蓝
17
+ 'secondary': '#10b981' // 活力绿
18
+ }
19
+ }
20
+ }
21
+ }
22
+ </script>
23
+ <style>
24
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
25
+ body { font-family: 'Inter', sans-serif; }
26
+ .gradient-bg { background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); }
27
+ .product-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
28
+ .product-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
29
+ .feature-icon { width: 64px; height: 64px; background: linear-gradient(135deg, #3b82f6, #60a5fa); }
30
+ .vanta-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
31
+ </style>
32
+ </head>
33
+ <body class="bg-white text-gray-800">
34
+ <!-- 导航栏 -->
35
+ <nav class="fixed w-full bg-white/90 backdrop-blur-md z-50 shadow-sm">
36
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
37
+ <div class="flex justify-between items-center h-16">
38
+ <div class="flex items-center">
39
+ <span class="text-2xl font-bold text-primary">DeepShape</span>
40
+ </div>
41
+ <div class="hidden md:flex items-center space-x-8">
42
+ <a href="#products" class="text-gray-600 hover:text-primary transition">产品</a>
43
+ <a href="#technology" class="text-gray-600 hover:text-primary transition">技术优势</a>
44
+ <a href="#cases" class="text-gray-600 hover:text-primary transition">应用场景</a>
45
+ <a href="#partners" class="text-gray-600 hover:text-primary transition">合作</a>
46
+ <a href="#contact" class="bg-primary text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition">联系我们</a>
47
+ </div>
48
+ <div class="md:hidden">
49
+ <button id="menu-btn" class="text-gray-600">
50
+ <i data-feather="menu"></i>
51
+ </button>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ <!-- 移动端菜单 -->
56
+ <div id="mobile-menu" class="hidden md:hidden bg-white border-t">
57
+ <div class="px-2 pt-2 pb-3 space-y-1">
58
+ <a href="#products" class="block px-3 py-2 text-gray-600 hover:text-primary">产品</a>
59
+ <a href="#technology" class="block px-3 py-2 text-gray-600 hover:text-primary">技术优势</a>
60
+ <a href="#cases" class="block px-3 py-2 text-gray-600 hover:text-primary">应用场景</a>
61
+ <a href="#partners" class="block px-3 py-2 text-gray-600 hover:text-primary">合作</a>
62
+ <a href="#contact" class="block px-3 py-2 bg-primary text-white rounded mx-3 text-center">联系我们</a>
63
+ </div>
64
+ </div>
65
+ </nav>
66
+
67
+ <!-- 头部横幅 -->
68
+ <header class="relative gradient-bg pt-24 pb-20 overflow-hidden">
69
+ <div id="vanta-bg" class="vanta-bg"></div>
70
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
71
+ <div class="text-center">
72
+ <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">AI 驱动口腔修复设计新纪元</h1>
73
+ <p class="text-xl md:text-2xl text-gray-600 mb-8 max-w-3xl mx-auto">DeepShape 深形智能，专注于人工智能技术在口腔修复体设计领域的创新应用，为牙科医生与技工所提供精准、高效、可靠的智能设计解决方案。</p>
74
+ <div class="flex flex-col sm:flex-row gap-4 justify-center">
75
+ <a href="#products" class="bg-primary text-white px-8 py-3 rounded-lg font-medium hover:bg-blue-600 transition inline-flex items-center justify-center">
76
+ 探索产品 <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
77
+ </a>
78
+ <a href="#contact" class="border border-primary text-primary px-8 py-3 rounded-lg font-medium hover:bg-blue-50 transition inline-flex items-center justify-center">
79
+ 预约演示 <i data-feather="calendar" class="ml-2 w-4 h-4"></i>
80
+ </a>
81
+ </div>
82
+ </div>
83
+ </div>
84
+ </header>
85
+
86
+ <!-- 产品功能介绍区 -->
87
+ <section id="products" class="py-20 bg-white">
88
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
89
+ <div class="text-center mb-16">
90
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">核心产品</h2>
91
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">两款强大的 AI 工具，重塑口腔修复体设计的工作流程</p>
92
+ </div>
93
+ <div class="grid md:grid-cols-2 gap-12">
94
+ <!-- 产品 1 -->
95
+ <div class="product-card bg-gradient-to-br from-blue-50 to-indigo-50 rounded-2xl p-8">
96
+ <div class="flex items-center mb-6">
97
+ <div class="feature-icon rounded-xl flex items-center justify-center mr-4">
98
+ <i data-feather="edit-3" class="text-white w-8 h-8"></i>
99
+ </div>
100
+ <h3 class="text-2xl font-bold text-gray-900">AI 口腔修复体设计工具</h3>
101
+ </div>
102
+ <p class="text-gray-600 mb-6">基于深度学习算法，自动生成高精度、个性化的口腔修复体3D模型。大幅缩短设计时间，提升设计质量与一致性。</p>
103
+ <ul class="space-y-3 mb-6">
104
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 智能识别牙体预备形态</li>
105
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 自动生成符合生物力学的最优形态</li>
106
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 支持全冠、桥体、贴面等多种修复类型</li>
107
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 与主流CAD软件无缝集成</li>
108
+ </ul>
109
+ <a href="#" class="inline-flex items-center text-primary font-medium hover:text-blue-600">
110
+ 了解更多 <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
111
+ </a>
112
+ </div>
113
+ <!-- 产品 2 -->
114
+ <div class="product-card bg-gradient-to-br from-green-50 to-emerald-50 rounded-2xl p-8">
115
+ <div class="flex items-center mb-6">
116
+ <div class="feature-icon rounded-xl flex items-center justify-center mr-4" style="background: linear-gradient(135deg, #10b981, #34d399);">
117
+ <i data-feather="bar-chart-2" class="text-white w-8 h-8"></i>
118
+ </div>
119
+ <h3 class="text-2xl font-bold text-gray-900">AI 修复体设计分析工具</h3>
120
+ </div>
121
+ <p class="text-gray-600 mb-6">对设计完成的修复体进行全方位的智能分析评估，预测其长期临床表现，为医生提供数据驱动的决策支持。</p>
122
+ <ul class="space-y-3 mb-6">
123
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 咬合接触点分析与优化建议</li>
124
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 边缘密合度自动检测与评分</li>
125
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 应力分布模拟与薄弱点预警</li>
126
+ <li class="flex items-center text-gray-700"><i data-feather="check" class="text-secondary mr-2 w-4 h-4"></i> 美学效果可视化评估</li>
127
+ </ul>
128
+ <a href="#" class="inline-flex items-center text-primary font-medium hover:text-blue-600">
129
+ 了解更多 <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i>
130
+ </a>
131
+ </div>
132
+ </div>
133
+ </div>
134
+ </section>
135
+
136
+ <!-- 技术优势展示 -->
137
+ <section id="technology" class="py-20 bg-gray-50">
138
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
139
+ <div class="text-center mb-16">
140
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">技术优势</h2>
141
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">融合前沿 AI 技术���口腔医学专业知识</p>
142
+ </div>
143
+ <div class="grid md:grid-cols-3 gap-8">
144
+ <div class="text-center p-6">
145
+ <div class="bg-primary/10 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
146
+ <i data-feather="cpu" class="text-primary w-10 h-10"></i>
147
+ </div>
148
+ <h3 class="text-xl font-semibold mb-2">强大算法引擎</h3>
149
+ <p class="text-gray-600">基于数百万临床数据训练的深度学习模型，确保设计的精准性与可靠性。</p>
150
+ </div>
151
+ <div class="text-center p-6">
152
+ <div class="bg-primary/10 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
153
+ <i data-feather="zap" class="text-primary w-10 h-10"></i>
154
+ </div>
155
+ <h3 class="text-xl font-semibold mb-2">极速处理</h3>
156
+ <p class="text-gray-600">复杂修复体设计任务从数小时缩短至分钟级，显著提升工作效率。</p>
157
+ </div>
158
+ <div class="text-center p-6">
159
+ <div class="bg-primary/10 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
160
+ <i data-feather="shield" class="text-primary w-10 h-10"></i>
161
+ </div>
162
+ <h3 class="text-xl font-semibold mb-2">安全合规</h3>
163
+ <p class="text-gray-600">严格遵循医疗数据安全规范，通过多项国际标准认证。</p>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </section>
168
+
169
+ <!-- 用户案例或应用场景 -->
170
+ <section id="cases" class="py-20 bg-white">
171
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
172
+ <div class="text-center mb-16">
173
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">应用场景</h2>
174
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">助力各类口腔医疗机构提升诊疗水平与运营效率</p>
175
+ </div>
176
+ <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
177
+ <div class="bg-gray-50 rounded-xl p-6">
178
+ <img src="http://static.photos/medical/320x240/1" alt="大型口腔医院" class="rounded-lg mb-4 w-full h-40 object-cover">
179
+ <h3 class="text-lg font-semibold mb-2">大型口腔医院</h3>
180
+ <p class="text-gray-600 text-sm">处理高病例量，标准化设计流程，保证不同医生间设计质量的一致性。</p>
181
+ </div>
182
+ <div class="bg-gray-50 rounded-xl p-6">
183
+ <img src="http://static.photos/workspace/320x240/2" alt="私立诊所" class="rounded-lg mb-4 w-full h-40 object-cover">
184
+ <h3 class="text-lg font-semibold mb-2">私立诊所</h3>
185
+ <p class="text-gray-600 text-sm">无需雇佣专职技工，降低运营成本，为患者提供高品质的修复体。</p>
186
+ </div>
187
+ <div class="bg-gray-50 rounded-xl p-6">
188
+ <img src="http://static.photos/industry/320x240/3" alt="义齿加工所" class="rounded-lg mb-4 w-full h-40 object-cover">
189
+ <h3 class="text-lg font-semibold mb-2">义齿加工所</h3>
190
+ <p class="text-gray-600 text-sm">应对技工人才短缺，提升产能与设计精度，承接更多复杂订单。</p>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </section>
195
+
196
+ <!-- 技术支持与合作信息 -->
197
+ <section id="partners" class="py-20 bg-gray-50">
198
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
199
+ <div class="text-center mb-16">
200
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">技术合作</h2>
201
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">与行业领导者共同推动口腔数字化发展</p>
202
+ </div>
203
+ <div class="flex flex-wrap justify-center items-center gap-12 mb-12 opacity-60">
204
+ <!-- 合作伙伴Logo占位 -->
205
+ <div class="bg-white p-4 rounded-lg shadow-sm">合作伙伴A</div>
206
+ <div class="bg-white p-4 rounded-lg shadow-sm">合作伙伴B</div>
207
+ <div class="bg-white p-4 rounded-lg shadow-sm">合作伙伴C</div>
208
+ <div class="bg-white p-4 rounded-lg shadow-sm">合作伙伴D</div>
209
+ </div>
210
+ <div class="text-center">
211
+ <p class="text-gray-600 mb-6">我们提供全面的技术支持，包括 API 接口、定制化开发与专业技术培训。</p>
212
+ <a href="#contact" class="bg-primary text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-600 transition inline-flex items-center">
213
+ 成为合作伙伴 <i data-feather="users" class="ml-2 w-4 h-4"></i>
214
+ </a>
215
+ </div>
216
+ </div>
217
+ </section>
218
+
219
+ <!-- 联系与咨询入�� -->
220
+ <section id="contact" class="py-20 bg-white">
221
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
222
+ <div class="grid md:grid-cols-2 gap-12 items-center">
223
+ <div>
224
+ <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">开启智能口腔设计之旅</h2>
225
+ <p class="text-xl text-gray-600 mb-8">我们的专家团队随时准备为您提供产品演示、技术咨询与定制化解决方案。</p>
226
+ <div class="space-y-4">
227
+ <div class="flex items-center">
228
+ <i data-feather="mail" class="text-primary mr-3"></i>
229
+ <span>contact@deepshape.ai</span>
230
+ </div>
231
+ <div class="flex items-center">
232
+ <i data-feather="phone" class="text-primary mr-3"></i>
233
+ <span>400-888-XXXX</span>
234
+ </div>
235
+ <div class="flex items-center">
236
+ <i data-feather="map-pin" class="text-primary mr-3"></i>
237
+ <span>上海市浦东新区张江科学城</span>
238
+ </div>
239
+ </div>
240
+ </div>
241
+ <div class="bg-gray-50 rounded-xl p-8">
242
+ <h3
243
+ </body>
244
+ </html>