Hugging Face's logo

Spaces:
HeavensHackDev
/
deepseek-ai-explorer-pro
Running

App Files Community
HeavensHackDev commited on
Commit
39dd560
·
verified ·
1 Parent(s): 911458e

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +333 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Deepseek Ai Explorer Pro
3
- emoji: 📉
4
- colorFrom: green
5
  colorTo: green
 
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: DeepSeek AI Explorer Pro
3
+ colorFrom: gray
 
4
  colorTo: green
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,334 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>DeepSeek | 深度求索</title>
7
+ <link rel="icon" type="image/x-icon" href="https://cdn.deepseek.com/logo.png?x-image-process=image%2Fresize%2Cw_1920">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <style>
13
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
14
+
15
+ body {
16
+ font-family: 'Inter', sans-serif;
17
+ }
18
+
19
+ .gradient-bg {
20
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
21
+ }
22
+
23
+ .glass-effect {
24
+ background: rgba(255, 255, 255, 0.1);
25
+ backdrop-filter: blur(10px);
26
+ border: 1px solid rgba(255, 255, 255, 0.2);
27
+ }
28
+
29
+ .text-gradient {
30
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
31
+ -webkit-background-clip: text;
32
+ -webkit-text-fill-color: transparent;
33
+ background-clip: text;
34
+ }
35
+
36
+ .hover-lift {
37
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
38
+ }
39
+
40
+ .hover-lift:hover {
41
+ transform: translateY(-5px);
42
+ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
43
+ }
44
+
45
+ .section-divider {
46
+ height: 1px;
47
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
48
+ }
49
+ </style>
50
+ </head>
51
+ <body class="bg-gray-50">
52
+ <!-- Navigation -->
53
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
54
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
55
+ <div class="flex justify-between items-center h-16">
56
+ <div class="flex items-center space-x-2">
57
+ <img src="https://cdn.deepseek.com/logo.png?x-image-process=image%2Fresize%2Cw_1920" alt="DeepSeek Logo" class="h-8 w-8">
58
+ <span class="text-xl font-bold text-gray-900">DeepSeek</span>
59
+ <span class="text-gray-600">深度求索</span>
60
+ </div>
61
+ <div class="hidden md:flex items-center space-x-8">
62
+ <a href="#research" class="text-gray-700 hover:text-purple-600 transition-colors">Research</a>
63
+ <a href="#products" class="text-gray-700 hover:text-purple-600 transition-colors">Products</a>
64
+ <a href="#about" class="text-gray-700 hover:text-purple-600 transition-colors">About</a>
65
+ </div>
66
+ <div class="flex items-center space-x-4">
67
+ <a href="https://www.deepseek.com/en" class="text-gray-700 hover:text-purple-600 transition-colors">English</a>
68
+ <a href="https://chat.deepseek.com/" class="bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition-colors">Start Chat</a>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </nav>
73
+
74
+ <!-- Hero Section -->
75
+ <div id="vanta-bg" class="gradient-bg text-white py-20">
76
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
77
+ <div class="text-center">
78
+ <!-- Announcement Banner -->
79
+ <div class="inline-flex items-center bg-white/20 backdrop-blur-sm rounded-full px-6 py-3 mb-8 hover-lift">
80
+ <span class="text-lg mr-2">🎉</span>
81
+ <a href="https://mp.weixin.qq.com/s/6hKi5F_S2zQ4g6SyF0UNow" class="text-white hover:text-purple-200 transition-colors">
82
+ DeepSeek-V3.2-Exp Model Released - Training & Inference Optimized, API Price Reduced
83
+ </a>
84
+ </div>
85
+
86
+ <h1 class="text-5xl md:text-7xl font-bold mb-6">
87
+ Explore the <span class="text-yellow-300">Unknown</span>
88
+ </h1>
89
+ <p class="text-xl md:text-2xl text-gray-200 mb-8 max-w-3xl mx-auto">
90
+ DeepSeek's official free AI assistant for search, writing, reading, problem-solving, and translation
91
+ </p>
92
+
93
+ <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
94
+ <a href="https://chat.deepseek.com/" class="bg-white text-purple-600 px-8 py-4 rounded-xl font-semibold text-lg hover:bg-gray-100 transition-colors hover-lift">
95
+ Start Conversation with DeepSeek-V3.2
96
+ </a>
97
+ <a href="https://download.deepseek.com/app/" class="border-2 border-white text-white px-8 py-4 rounded-xl font-semibold text-lg hover:bg-white hover:text-purple-600 transition-colors hover-lift">
98
+ Get Mobile App
99
+ </a>
100
+ </div>
101
+
102
+ <div class="mt-12">
103
+ <a href="https://platform.deepseek.com/" class="inline-flex items-center text-white hover:text-yellow-300 transition-colors">
104
+ <span>API Platform</span>
105
+ <i data-feather="arrow-up-right" class="ml-2 w-5 h-5"></i>
106
+ </a>
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+
112
+ <!-- Research Section -->
113
+ <section id="research" class="py-20 bg-white">
114
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
115
+ <div class="text-center mb-16">
116
+ <h2 class="text-4xl font-bold text-gray-900 mb-4">Research Models</h2>
117
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
118
+ Cutting-edge AI research pushing the boundaries of artificial intelligence
119
+ </p>
120
+ </div>
121
+
122
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
123
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
124
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek R1</h3>
125
+ <p class="text-gray-600 mb-4">Advanced reasoning model for complex problem solving</p>
126
+ <a href="https://github.com/deepseek-ai/DeepSeek-R1" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
127
+ </div>
128
+
129
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
130
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek V3</h3>
131
+ <p class="text-gray-600 mb-4">Latest flagship model with enhanced capabilities</p>
132
+ <a href="https://github.com/deepseek-ai/DeepSeek-V3" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
133
+ </div>
134
+
135
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
136
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek Coder V2</h3>
137
+ <p class="text-gray-600 mb-4">Specialized model for programming and code generation</p>
138
+ <a href="https://github.com/deepseek-ai/DeepSeek-Coder-V2" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
139
+ </div>
140
+
141
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
142
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek VL</h3>
143
+ <p class="text-gray-600 mb-4">Vision-language model for multimodal understanding</p>
144
+ <a href="https://github.com/deepseek-ai/DeepSeek-VL" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
145
+ </div>
146
+ </div>
147
+
148
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-6">
149
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
150
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek V2</h3>
151
+ <p class="text-gray-600 mb-4">Previous generation model with proven performance</p>
152
+ <a href="https://github.com/deepseek-ai/DeepSeek-V2" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
153
+ </div>
154
+
155
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
156
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek Coder</h3>
157
+ <p class="text-gray-600 mb-4">Original code generation model</p>
158
+ <a href="https://github.com/deepseek-ai/DeepSeek-Coder" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
159
+ </div>
160
+
161
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
162
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek Math</h3>
163
+ <p class="text-gray-600 mb-4">Specialized for mathematical reasoning</p>
164
+ <a href="https://github.com/deepseek-ai/DeepSeek-Math" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
165
+ </div>
166
+
167
+ <div class="bg-gray-50 rounded-2xl p-6 hover-lift border border-gray-200">
168
+ <h3 class="text-xl font-semibold text-gray-900 mb-3">DeepSeek LLM</h3>
169
+ <p class="text-gray-600 mb-4">Foundation language model</p>
170
+ <a href="https://github.com/deepseek-ai/DeepSeek-LLM" class="text-purple-600 hover:text-purple-700 font-medium">Explore →</a>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </section>
175
+
176
+ <!-- Products Section -->
177
+ <section id="products" class="py-20 bg-gray-50">
178
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
179
+ <div class="text-center mb-16">
180
+ <h2 class="text-4xl font-bold text-gray-900 mb-4">Our Products</h2>
181
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
182
+ Access AI capabilities through various platforms and interfaces
183
+ </p>
184
+ </div>
185
+
186
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
187
+ <div class="bg-white rounded-2xl p-8 hover-lift shadow-sm">
188
+ <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-6">
189
+ <i data-feather="smartphone" class="text-purple-600 w-6 h-6"></i>
190
+ </div>
191
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">DeepSeek App</h3>
192
+ <p class="text-gray-600 mb-6">Get the official mobile app for AI assistance on the go</p>
193
+ <a href="https://download.deepseek.com/app/" class="text-purple-600 hover:text-purple-700 font-medium">Download Now →</a>
194
+ </div>
195
+
196
+ <div class="bg-white rounded-2xl p-8 hover-lift shadow-sm">
197
+ <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-6">
198
+ <i data-feather="globe" class="text-blue-600 w-6 h-6"></i>
199
+ </div>
200
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Web Version</h3>
201
+ <p class="text-gray-600 mb-6">Access DeepSeek directly through your web browser</p>
202
+ <a href="https://chat.deepseek.com/" class="text-purple-600 hover:text-purple-700 font-medium">Start Chatting →</a>
203
+ </div>
204
+
205
+ <div class="bg-white rounded-2xl p-8 hover-lift shadow-sm">
206
+ <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-6">
207
+ <i data-feather="cpu" class="text-green-600 w-6 h-6"></i>
208
+ </div>
209
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Open Platform</h3>
210
+ <p class="text-gray-600 mb-6">Integrate AI capabilities into your applications</p>
211
+ <a href="https://platform.deepseek.com/" class="text-purple-600 hover:text-purple-700 font-medium">Get Started →</a>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </section>
216
+
217
+ <!-- Footer -->
218
+ <footer class="bg-gray-900 text-white py-12">
219
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
220
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
221
+ <!-- Company Info -->
222
+ <div>
223
+ <div class="flex items-center space-x-2 mb-4">
224
+ <img src="https://cdn.deepseek.com/logo.png?x-image-process=image%2Fresize%2Cw_1920" alt="DeepSeek Logo" class="h-8 w-8">
225
+ <span class="text-xl font-bold">DeepSeek</span>
226
+ </div>
227
+ <p class="text-gray-400 mb-6">
228
+ Official free AI assistant for search, writing, reading, problem-solving, and translation
229
+ </p>
230
+ <div class="flex space-x-4">
231
+ <a href="mailto:[email protected]" class="text-gray-400 hover:text-white transition-colors">
232
+ <i data-feather="mail" class="w-5 h-5"></i>
233
+ </a>
234
+ <a href="https://github.com/deepseek-ai" class="text-gray-400 hover:text-white transition-colors">
235
+ <i data-feather="github" class="w-5 h-5"></i>
236
+ </a>
237
+ <a href="https://twitter.com/deepseek_ai" class="text-gray-400 hover:text-white transition-colors">
238
+ <i data-feather="twitter" class="w-5 h-5"></i>
239
+ </a>
240
+ <a href="https://www.zhihu.com/org/deepseek-75" class="text-gray-400 hover:text-white transition-colors">
241
+ <i data-feather="help-circle" class="w-5 h-5"></i>
242
+ </a>
243
+ <a href="https://www.xiaohongshu.com/user/profile/66821202000000001b01a005" class="text-gray-400 hover:text-white transition-colors">
244
+ <i data-feather="image" class="w-5 h-5"></i>
245
+ </a>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- Research -->
250
+ <div>
251
+ <h4 class="font-semibold mb-4">Research</h4>
252
+ <ul class="space-y-2">
253
+ <li><a href="https://github.com/deepseek-ai/DeepSeek-R1" class="text-gray-400 hover:text-white transition-colors">DeepSeek R1</a></li>
254
+ <li><a href="https://github.com/deepseek-ai/DeepSeek-V3" class="text-gray-400 hover:text-white transition-colors">DeepSeek V3</a></li>
255
+ <li><a href="https://github.com/deepseek-ai/DeepSeek-Coder-V2" class="text-gray-400 hover:text-white transition-colors">DeepSeek Coder V2</a></li>
256
+ <li><a href="https://github.com/deepseek-ai/DeepSeek-VL" class="text-gray-400 hover:text-white transition-colors">DeepSeek VL</a></li>
257
+ </ul>
258
+ </div>
259
+
260
+ <!-- Products -->
261
+ <div>
262
+ <h4 class="font-semibold mb-4">Products</h4>
263
+ <ul class="space-y-2">
264
+ <li><a href="https://download.deepseek.com/app/" class="text-gray-400 hover:text-white transition-colors">DeepSeek App</a></li>
265
+ <li><a href="https://chat.deepseek.com/" class="text-gray-400 hover:text-white transition-colors">Web Version</a></li>
266
+ <li><a href="https://platform.deepseek.com/" class="text-gray-400 hover:text-white transition-colors">Open Platform</a></li>
267
+ <li><a href="https://api-docs.deepseek.com/quick_start/pricing" class="text-gray-400 hover:text-white transition-colors">API Pricing</a></li>
268
+ <li><a href="https://status.deepseek.com/" class="text-gray-400 hover:text-white transition-colors">Service Status</a></li>
269
+ </ul>
270
+ </div>
271
+
272
+ <!-- Legal & Join -->
273
+ <div>
274
+ <h4 class="font-semibold mb-4">Company</h4>
275
+ <ul class="space-y-2">
276
+ <li><a href="https://cdn.deepseek.com/policies/en-US/deepseek-privacy-policy.html" class="text-gray-400 hover:text-white transition-colors">Privacy Policy</a></li>
277
+ <li><a href="https://cdn.deepseek.com/policies/en-US/deepseek-terms-of-use.html" class="text-gray-400 hover:text-white transition-colors">User Agreement</a></li>
278
+ <li><a href="mailto:[email protected]" class="text-gray-400 hover:text-white transition-colors">Report Security Issues</a></li>
279
+ <li><a href="https://app.mokahr.com/social-recruitment/high-flyer/140576" class="text-gray-400 hover:text-white transition-colors">Join Our Team</a></li>
280
+ </ul>
281
+ </div>
282
+ </div>
283
+
284
+ <div class="section-divider my-8"></div>
285
+
286
+ <!-- Bottom Footer -->
287
+ <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
288
+ <div class="text-gray-400 text-sm">
289
+ © 2025 Hangzhou DeepSeek AI Basic Technology Research Co., Ltd. All Rights Reserved
290
+ </div>
291
+ <div class="flex flex-wrap gap-4 text-sm text-gray-400">
292
+ <a href="https://beian.miit.gov.cn/" class="hover:text-white transition-colors">浙ICP备2023025841号</a>
293
+ <a href="https://tsm.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E6%B5%99B2-20250178&type=xuke" class="hover:text-white transition-colors">浙B2-20250178</a>
294
+ <a href="https://beian.mps.gov.cn/#/query/webSearch?code=33010502011812" class="hover:text-white transition-colors">浙公网安备33010502011812号</a>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </footer>
299
+
300
+ <script>
301
+ // Initialize Vanta.js globe background
302
+ VANTA.GLOBE({
303
+ el: "#vanta-bg",
304
+ mouseControls: true,
305
+ touchControls: true,
306
+ gyroControls: false,
307
+ minHeight: 200.00,
308
+ minWidth: 200.00,
309
+ scale: 1.00,
310
+ scaleMobile: 1.00,
311
+ color: 0x764ba2,
312
+ backgroundColor: 0x667eea,
313
+ size: 1.00
314
+ });
315
+
316
+ // Initialize feather icons
317
+ feather.replace();
318
+
319
+ // Smooth scrolling for anchor links
320
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
321
+ anchor.addEventListener('click', function (e) {
322
+ e.preventDefault();
323
+ const target = document.querySelector(this.getAttribute('href'));
324
+ if (target) {
325
+ target.scrollIntoView({
326
+ behavior: 'smooth',
327
+ block: 'start'
328
+ });
329
+ }
330
+ });
331
+ });
332
+ </script>
333
+ </body>
334
  </html>