Hugging Face's logo

Spaces:
durukan
/
deepsite-project
Running

App Files Community
durukan commited on
Commit
8635ae3
·
verified ·
1 Parent(s): d4818f8

completely clone https://instemai.com/

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +337 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Deepsite Project
3
- emoji: 🏢
4
  colorFrom: blue
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: DeepSite Project
 
3
  colorFrom: blue
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,338 @@
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>InstemAI - AI-Powered Stem Cell Research</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/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
13
+ <script>
14
+ tailwind.config = {
15
+ theme: {
16
+ extend: {
17
+ colors: {
18
+ primary: '#6366f1',
19
+ secondary: '#8b5cf6',
20
+ dark: '#0f172a',
21
+ light: '#f8fafc'
22
+ }
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <style>
28
+ body {
29
+ font-family: 'Inter', sans-serif;
30
+ background-color: #0f172a;
31
+ color: #f8fafc;
32
+ }
33
+ .gradient-text {
34
+ background: linear-gradient(90deg, #6366f1, #8b5cf6);
35
+ -webkit-background-clip: text;
36
+ -webkit-text-fill-color: transparent;
37
+ background-clip: text;
38
+ }
39
+ .card-hover {
40
+ transition: all 0.3s ease;
41
+ }
42
+ .card-hover:hover {
43
+ transform: translateY(-5px);
44
+ box-shadow: 0 20px 25px -5px rgba(99, 102, 241, 0.2), 0 10px 10px -5px rgba(99, 102, 241, 0.1);
45
+ }
46
+ .feature-icon {
47
+ width: 60px;
48
+ height: 60px;
49
+ display: flex;
50
+ align-items: center;
51
+ justify-content: center;
52
+ border-radius: 12px;
53
+ background: linear-gradient(135deg, #6366f1, #8b5cf6);
54
+ }
55
+ </style>
56
+ </head>
57
+ <body class="bg-dark text-light">
58
+ <!-- Hero Section with Vanta.js Background -->
59
+ <div id="vanta-bg" class="relative h-screen w-full">
60
+ <!-- Navigation -->
61
+ <nav class="absolute top-0 w-full z-10 py-6 px-4 sm:px-8">
62
+ <div class="max-w-7xl mx-auto flex justify-between items-center">
63
+ <div class="flex items-center space-x-2">
64
+ <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center">
65
+ <i data-feather="brain" class="text-white"></i>
66
+ </div>
67
+ <span class="text-xl font-bold">InstemAI</span>
68
+ </div>
69
+ <div class="hidden md:flex space-x-8">
70
+ <a href="#" class="hover:text-primary transition-colors">Home</a>
71
+ <a href="#" class="hover:text-primary transition-colors">Solutions</a>
72
+ <a href="#" class="hover:text-primary transition-colors">Research</a>
73
+ <a href="#" class="hover:text-primary transition-colors">About</a>
74
+ <a href="#" class="hover:text-primary transition-colors">Contact</a>
75
+ </div>
76
+ <div class="flex items-center space-x-4">
77
+ <button class="hidden md:block px-4 py-2 rounded-lg bg-primary hover:bg-secondary transition-colors">
78
+ Sign In
79
+ </button>
80
+ <button class="px-4 py-2 rounded-lg bg-gradient-to-r from-primary to-secondary hover:from-secondary hover:to-primary transition-all">
81
+ Get Started
82
+ </button>
83
+ </div>
84
+ </div>
85
+ </nav>
86
+
87
+ <!-- Hero Content -->
88
+ <div class="absolute inset-0 flex flex-col items-center justify-center text-center px-4 z-10">
89
+ <h1 class="text-4xl sm:text-5xl md:text-6xl font-extrabold max-w-3xl leading-tight">
90
+ AI-Powered <span class="gradient-text">Stem Cell Research</span> Platform
91
+ </h1>
92
+ <p class="mt-6 text-lg sm:text-xl text-gray-300 max-w-2xl">
93
+ Accelerate your stem cell discoveries with our cutting-edge artificial intelligence platform designed for researchers and innovators.
94
+ </p>
95
+ <div class="mt-10 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-6">
96
+ <button class="px-8 py-4 rounded-xl bg-gradient-to-r from-primary to-secondary text-lg font-semibold hover:from-secondary hover:to-primary transition-all">
97
+ Start Research Journey
98
+ </button>
99
+ <button class="px-8 py-4 rounded-xl bg-dark bg-opacity-50 border border-gray-700 text-lg font-semibold hover:bg-opacity-70 transition-all">
100
+ View Demo
101
+ </button>
102
+ </div>
103
+ </div>
104
+ </div>
105
+
106
+ <!-- Features Section -->
107
+ <section class="py-20 px-4 sm:px-8">
108
+ <div class="max-w-7xl mx-auto">
109
+ <div class="text-center mb-16">
110
+ <h2 class="text-3xl sm:text-4xl font-bold">Revolutionary Research <span class="gradient-text">Capabilities</span></h2>
111
+ <p class="mt-4 text-gray-400 max-w-2xl mx-auto">
112
+ Our platform combines advanced AI algorithms with comprehensive stem cell databases to empower your research.
113
+ </p>
114
+ </div>
115
+
116
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
117
+ <!-- Feature 1 -->
118
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
119
+ <div class="feature-icon">
120
+ <i data-feather="cpu" class="text-white w-8 h-8"></i>
121
+ </div>
122
+ <h3 class="text-xl font-bold mt-6">AI Analysis Engine</h3>
123
+ <p class="mt-4 text-gray-400">
124
+ Powerful machine learning algorithms analyze stem cell behavior patterns and predict outcomes with 95% accuracy.
125
+ </p>
126
+ </div>
127
+
128
+ <!-- Feature 2 -->
129
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
130
+ <div class="feature-icon">
131
+ <i data-feather="database" class="text-white w-8 h-8"></i>
132
+ </div>
133
+ <h3 class="text-xl font-bold mt-6">Comprehensive Database</h3>
134
+ <p class="mt-4 text-gray-400">
135
+ Access to over 50,000 stem cell research papers, clinical trials, and experimental data sets.
136
+ </p>
137
+ </div>
138
+
139
+ <!-- Feature 3 -->
140
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
141
+ <div class="feature-icon">
142
+ <i data-feather="zap" class="text-white w-8 h-8"></i>
143
+ </div>
144
+ <h3 class="text-xl font-bold mt-6">Real-time Collaboration</h3>
145
+ <p class="mt-4 text-gray-400">
146
+ Work with research teams globally in real-time with our integrated collaboration tools.
147
+ </p>
148
+ </div>
149
+
150
+ <!-- Feature 4 -->
151
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
152
+ <div class="feature-icon">
153
+ <i data-feather="pie-chart" class="text-white w-8 h-8"></i>
154
+ </div>
155
+ <h3 class="text-xl font-bold mt-6">Data Visualization</h3>
156
+ <p class="mt-4 text-gray-400">
157
+ Transform complex research data into intuitive visual representations for better understanding.
158
+ </p>
159
+ </div>
160
+
161
+ <!-- Feature 5 -->
162
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
163
+ <div class="feature-icon">
164
+ <i data-feather="shield" class="text-white w-8 h-8"></i>
165
+ </div>
166
+ <h3 class="text-xl font-bold mt-6">Secure Research Environment</h3>
167
+ <p class="mt-4 text-gray-400">
168
+ Military-grade encryption and compliance with research data protection standards.
169
+ </p>
170
+ </div>
171
+
172
+ <!-- Feature 6 -->
173
+ <div class="bg-gray-900 bg-opacity-50 p-8 rounded-2xl card-hover">
174
+ <div class="feature-icon">
175
+ <i data-feather="trending-up" class="text-white w-8 h-8"></i>
176
+ </div>
177
+ <h3 class="text-xl font-bold mt-6">Predictive Modeling</h3>
178
+ <p class="mt-4 text-gray-400">
179
+ Forecast stem cell differentiation pathways and optimize experimental protocols.
180
+ </p>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </section>
185
+
186
+ <!-- Research Solutions Section -->
187
+ <section class="py-20 px-4 sm:px-8 bg-gray-900 bg-opacity-30">
188
+ <div class="max-w-7xl mx-auto">
189
+ <div class="text-center mb-16">
190
+ <h2 class="text-3xl sm:text-4xl font-bold">Research <span class="gradient-text">Solutions</span></h2>
191
+ <p class="mt-4 text-gray-400 max-w-2xl mx-auto">
192
+ Tailored AI tools for different areas of stem cell research and development.
193
+ </p>
194
+ </div>
195
+
196
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
197
+ <div>
198
+ <img src="http://static.photos/science/1200x630/5" alt="Stem Cell Research" class="rounded-2xl">
199
+ </div>
200
+ <div class="space-y-8">
201
+ <div>
202
+ <h3 class="text-2xl font-bold">Therapeutic Development</h3>
203
+ <p class="mt-4 text-gray-400">
204
+ Accelerate the development of stem cell-based therapies with AI-driven drug discovery tools.
205
+ </p>
206
+ </div>
207
+ <div>
208
+ <h3 class="text-2xl font-bold">Regenerative Medicine</h3>
209
+ <p class="mt-4 text-gray-400">
210
+ Optimize tissue engineering protocols and predict regeneration outcomes with precision.
211
+ </p>
212
+ </div>
213
+ <div>
214
+ <h3 class="text-2xl font-bold">Clinical Trials</h3>
215
+ <p class="mt-4 text-gray-400">
216
+ Design more effective clinical trials using predictive analytics and patient data modeling.
217
+ </p>
218
+ </div>
219
+ <div>
220
+ <h3 class="text-2xl font-bold">Genetic Research</h3>
221
+ <p class="mt-4 text-gray-400">
222
+ Explore genetic markers and mutations in stem cells with advanced bioinformatics tools.
223
+ </p>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </section>
229
+
230
+ <!-- Stats Section -->
231
+ <section class="py-20 px-4 sm:px-8">
232
+ <div class="max-w-7xl mx-auto">
233
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
234
+ <div>
235
+ <div class="text-4xl sm:text-5xl font-bold gradient-text">150+</div>
236
+ <div class="mt-2 text-gray-400">Research Institutions</div>
237
+ </div>
238
+ <div>
239
+ <div class="text-4xl sm:text-5xl font-bold gradient-text">50K+</div>
240
+ <div class="mt-2 text-gray-400">Research Papers</div>
241
+ </div>
242
+ <div>
243
+ <div class="text-4xl sm:text-5xl font-bold gradient-text">95%</div>
244
+ <div class="mt-2 text-gray-400">Accuracy Rate</div>
245
+ </div>
246
+ <div>
247
+ <div class="text-4xl sm:text-5xl font-bold gradient-text">24/7</div>
248
+ <div class="mt-2 text-gray-400">AI Support</div>
249
+ </div>
250
+ </div>
251
+ </div>
252
+ </section>
253
+
254
+ <!-- CTA Section -->
255
+ <section class="py-20 px-4 sm:px-8">
256
+ <div class="max-w-4xl mx-auto text-center bg-gradient-to-r from-primary to-secondary rounded-3xl p-12">
257
+ <h2 class="text-3xl sm:text-4xl font-bold text-white">Ready to Transform Your Research?</h2>
258
+ <p class="mt-4 text-lg text-indigo-100 max-w-2xl mx-auto">
259
+ Join thousands of researchers accelerating discoveries with our AI platform.
260
+ </p>
261
+ <div class="mt-8">
262
+ <button class="px-8 py-4 rounded-xl bg-white text-dark text-lg font-semibold hover:bg-gray-100 transition-all">
263
+ Start Free Trial
264
+ </button>
265
+ </div>
266
+ </div>
267
+ </section>
268
+
269
+ <!-- Footer -->
270
+ <footer class="py-12 px-4 sm:px-8 border-t border-gray-800">
271
+ <div class="max-w-7xl mx-auto">
272
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
273
+ <div>
274
+ <div class="flex items-center space-x-2 mb-4">
275
+ <div class="w-8 h-8 rounded-full bg-primary flex items-center justify-center">
276
+ <i data-feather="brain" class="text-white"></i>
277
+ </div>
278
+ <span class="text-xl font-bold">InstemAI</span>
279
+ </div>
280
+ <p class="text-gray-400">
281
+ Empowering stem cell research with artificial intelligence for a better tomorrow.
282
+ </p>
283
+ </div>
284
+ <div>
285
+ <h4 class="text-lg font-semibold mb-4">Solutions</h4>
286
+ <ul class="space-y-2 text-gray-400">
287
+ <li><a href="#" class="hover:text-primary transition-colors">Therapeutic Development</a></li>
288
+ <li><a href="#" class="hover:text-primary transition-colors">Regenerative Medicine</a></li>
289
+ <li><a href="#" class="hover:text-primary transition-colors">Clinical Trials</a></li>
290
+ <li><a href="#" class="hover:text-primary transition-colors">Genetic Research</a></li>
291
+ </ul>
292
+ </div>
293
+ <div>
294
+ <h4 class="text-lg font-semibold mb-4">Resources</h4>
295
+ <ul class="space-y-2 text-gray-400">
296
+ <li><a href="#" class="hover:text-primary transition-colors">Documentation</a></li>
297
+ <li><a href="#" class="hover:text-primary transition-colors">API Reference</a></li>
298
+ <li><a href="#" class="hover:text-primary transition-colors">Research Papers</a></li>
299
+ <li><a href="#" class="hover:text-primary transition-colors">Tutorials</a></li>
300
+ </ul>
301
+ </div>
302
+ <div>
303
+ <h4 class="text-lg font-semibold mb-4">Company</h4>
304
+ <ul class="space-y-2 text-gray-400">
305
+ <li><a href="#" class="hover:text-primary transition-colors">About Us</a></li>
306
+ <li><a href="#" class="hover:text-primary transition-colors">Careers</a></li>
307
+ <li><a href="#" class="hover:text-primary transition-colors">Contact</a></li>
308
+ <li><a href="#" class="hover:text-primary transition-colors">Privacy Policy</a></li>
309
+ </ul>
310
+ </div>
311
+ </div>
312
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500">
313
+ <p>© 2023 InstemAI. All rights reserved.</p>
314
+ </div>
315
+ </div>
316
+ </footer>
317
+
318
+ <script>
319
+ // Initialize Vanta.js background
320
+ VANTA.GLOBE({
321
+ el: "#vanta-bg",
322
+ mouseControls: true,
323
+ touchControls: true,
324
+ gyroControls: false,
325
+ minHeight: 200.00,
326
+ minWidth: 200.00,
327
+ scale: 1.00,
328
+ scaleMobile: 1.00,
329
+ color: 0x6366f1,
330
+ color2: 0x8b5cf6,
331
+ backgroundColor: 0x0f172a
332
+ });
333
+
334
+ // Initialize Feather Icons
335
+ feather.replace();
336
+ </script>
337
+ </body>
338
  </html>