Hugging Face's logo

Spaces:
hayatiali
/
undefined
Running

App Files Community
hayatiali commited on
Commit
138b280
·
verified ·
1 Parent(s): 6704f75

daha ilgi çekici olması gerekiyor yenilikci ve şov yapmalı doamin speisifk veri stetini yükleyerek herşeyin otomatik yönetildiği bir ai gelştirme altyapısı , dark tema tercih edebilirsin

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +412 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 📚
4
- colorFrom: indigo
5
- colorTo: gray
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: undefined
3
+ colorFrom: red
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).
14
+
index.html CHANGED
@@ -1,19 +1,413 @@
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>Neuronic Nexus - AI Speech & Language Solutions</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://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script>
12
+ tailwind.config = {
13
+ theme: {
14
+ extend: {
15
+ colors: {
16
+ primary: '#6366f1',
17
+ secondary: '#10b981',
18
+ accent: '#8b5cf6'
19
+ }
20
+ }
21
+ }
22
+ }
23
+ </script>
24
+ <style>
25
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
26
+ body {
27
+ font-family: 'Inter', sans-serif;
28
+ background-color: #0f172a;
29
+ color: #e2e8f0;
30
+ }
31
+
32
+ .gradient-bg {
33
+ background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
34
+ }
35
+
36
+ .tech-grid {
37
+ background-image:
38
+ radial-gradient(circle at 25% 25%, rgba(99, 102, 241, 0.1) 0%, transparent 55%),
39
+ radial-gradient(circle at 75% 75%, rgba(139, 92, 246, 0.1) 0%, transparent 55%);
40
+ }
41
+
42
+ .floating {
43
+ animation: float 6s ease-in-out infinite;
44
+ }
45
+
46
+ @keyframes float {
47
+ 0% { transform: translateY(0px); }
48
+ 50% { transform: translateY(-20px); }
49
+ 100% { transform: translateY(0px); }
50
+ }
51
+
52
+ .pulse-glow {
53
+ animation: pulse-glow 2s ease-in-out infinite alternate;
54
+ }
55
+
56
+ @keyframes pulse-glow {
57
+ from { box-shadow: 0 0 20px rgba(99, 102, 241, 0.3); }
58
+ to { box-shadow: 0 0 30px rgba(99, 102, 241, 0.6); }
59
+ }
60
+
61
+ .neon-border {
62
+ border: 1px solid rgba(99, 102, 241, 0.3);
63
+ box-shadow: 0 0 15px rgba(99, 102, 241, 0.2);
64
+ }
65
+
66
+ .code-block {
67
+ background: #1e293b;
68
+ border-radius: 0.5rem;
69
+ padding: 1.5rem;
70
+ font-family: monospace;
71
+ font-size: 0.9rem;
72
+ overflow-x: auto;
73
+ }
74
+
75
+ .terminal-header {
76
+ background: #1e293b;
77
+ border-radius: 0.5rem 0.5rem 0 0;
78
+ padding: 0.5rem 1rem;
79
+ display: flex;
80
+ align-items: center;
81
+ }
82
+
83
+ .terminal-dot {
84
+ width: 0.75rem;
85
+ height: 0.75rem;
86
+ border-radius: 50%;
87
+ margin-right: 0.5rem;
88
+ }
89
+
90
+ .dot-red { background: #ef4444; }
91
+ .dot-yellow { background: #eab308; }
92
+ .dot-green { background: #22c55e; }
93
+ </style>
94
+ </head>
95
+ <body class="bg-slate-900 text-slate-100">
96
+ <!-- Navigation -->
97
+ <nav class="fixed w-full bg-slate-900/90 backdrop-blur-md z-50 py-4 border-b border-slate-800">
98
+ <div class="container mx-auto px-6">
99
+ <div class="flex justify-between items-center">
100
+ <div class="flex items-center space-x-2">
101
+ <div class="w-10 h-10 bg-gradient-to-r from-primary to-accent rounded-lg flex items-center justify-center">
102
+ <i data-feather="cpu" class="text-white"></i>
103
+ </div>
104
+ <span class="text-xl font-bold">Neuronic Nexus</span>
105
+ </div>
106
+
107
+ <div class="hidden md:flex space-x-8">
108
+ <a href="#solutions" class="font-medium hover:text-primary transition-colors">Solutions</a>
109
+ <a href="#technology" class="font-medium hover:text-primary transition-colors">Technology</a>
110
+ <a href="#platform" class="font-medium hover:text-primary transition-colors">Platform</a>
111
+ <a href="#about" class="font-medium hover:text-primary transition-colors">About</a>
112
+ </div>
113
+
114
+ <div class="flex items-center space-x-4">
115
+ <a href="#" class="hidden md:inline-block px-4 py-2 text-primary font-medium hover:bg-primary/10 rounded-lg transition-colors">Sign In</a>
116
+ <a href="#" class="px-6 py-2 bg-primary text-white font-medium rounded-lg hover:bg-primary/90 transition-colors">Get Started</a>
117
+ </div>
118
+ </div>
119
+ </div>
120
+ </nav>
121
+ <!-- Hero Section -->
122
+ <section class="pt-32 pb-20 gradient-bg text-white">
123
+ <div class="container mx-auto px-6">
124
+ <div class="flex flex-col lg:flex-row items-center justify-between">
125
+ <div class="lg:w-1/2 mb-12 lg:mb-0">
126
+ <div class="inline-flex items-center px-4 py-2 bg-primary/20 rounded-full mb-6">
127
+ <span class="text-sm font-medium">AI Development Platform</span>
128
+ </div>
129
+ <h1 class="text-5xl lg:text-7xl font-bold mb-6 leading-tight">
130
+ Build AI That
131
+ <span class="text-transparent bg-clip-text bg-gradient-to-r from-secondary to-accent">Thinks</span>
132
+ </h1>
133
+ <p class="text-xl text-slate-300 mb-8 max-w-2xl">
134
+ Fully automated AI development platform. Upload your domain data, let our system handle training, deployment, and optimization. Focus on innovation, not infrastructure.
135
+ </p>
136
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
137
+ <a href="#" class="px-8 py-4 bg-primary text-white font-bold rounded-lg hover:bg-primary/90 transition-colors text-center">
138
+ Start Building
139
+ </a>
140
+ <a href="#" class="px-8 py-4 border-2 border-primary text-white font-bold rounded-lg hover:bg-primary/10 transition-colors text-center">
141
+ Watch Demo
142
+ </a>
143
+ </div>
144
+ </div>
145
+ <div class="lg:w-1/2 relative">
146
+ <div class="relative floating">
147
+ <div class="absolute -top-10 -right-10 w-72 h-72 bg-accent/20 rounded-full blur-3xl"></div>
148
+ <div class="absolute -bottom-10 -left-10 w-72 h-72 bg-primary/20 rounded-full blur-3xl"></div>
149
+ <div class="relative bg-slate-800/50 backdrop-blur-lg rounded-2xl p-8 border border-slate-700 neon-border">
150
+ <div class="terminal-header">
151
+ <div class="dot-red"></div>
152
+ <div class="dot-yellow"></div>
153
+ <div class="dot-green"></div>
154
+ <span class="text-slate-400 text-sm ml-2">AI Training Terminal</span>
155
+ </div>
156
+ <div class="code-block">
157
+ <div class="text-green-400">$ neuronic train</div>
158
+ <div class="text-slate-400">Loading dataset: medical-records.csv</div>
159
+ <div class="text-slate-400">Processing 2.4M records...</div>
160
+ <div class="text-yellow-400">Training model: 85% complete</div>
161
+ <div class="text-green-400">Deploying to production...</div>
162
+ <div class="text-white">> API endpoint: <span class="text-cyan-400">https://api.neuronic.ai/v1</span></div>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </section>
170
+ <!-- Features Section -->
171
+ <section id="solutions" class="py-20 tech-grid">
172
+ <div class="container mx-auto px-6">
173
+ <div class="text-center mb-16">
174
+ <h2 class="text-4xl lg:text-5xl font-bold mb-6">AI-Powered Speech Solutions</h2>
175
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
176
+ Cutting-edge technology that transforms how humans interact with machines
177
+ </p>
178
+ </div>
179
+
180
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
181
+ <!-- Feature 1 -->
182
+ <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
183
+ <div class="w-16 h-16 bg-gradient-to-r from-primary to-accent rounded-xl flex items-center justify-center mb-6">
184
+ <i data-feather="message-square" class="text-white w-8 h-8"></i>
185
+ </div>
186
+ <h3 class="text-2xl font-bold mb-4">Advanced LLM</h3>
187
+ <p class="text-gray-600 mb-6">
188
+ Context-aware language models that understand nuance, emotion, and complex instructions with unprecedented accuracy.
189
+ </p>
190
+ <ul class="space-y-2">
191
+ <li class="flex items-center">
192
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
193
+ <span>Multi-language support</span>
194
+ </li>
195
+ <li class="flex items-center">
196
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
197
+ <span>Emotional intelligence</span>
198
+ </li>
199
+ <li class="flex items-center">
200
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
201
+ <span>Context retention</span>
202
+ </li>
203
+ </ul>
204
+ </div>
205
+
206
+ <!-- Feature 2 -->
207
+ <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
208
+ <div class="w-16 h-16 bg-gradient-to-r from-secondary to-primary rounded-xl flex items-center justify-center mb-6">
209
+ <i data-feather="mic" class="text-white w-8 h-8"></i>
210
+ </div>
211
+ <h3 class="text-2xl font-bold mb-4">Speech-to-Text</h3>
212
+ <p class="text-gray-600 mb-6">
213
+ Real-time transcription with industry-leading accuracy, even in noisy environments and multiple speakers.
214
+ </p>
215
+ <ul class="space-y-2">
216
+ <li class="flex items-center">
217
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
218
+ <span>Real-time processing</span>
219
+ </li>
220
+ <li class="flex items-center">
221
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
222
+ <span>Speaker diarization</span>
223
+ </li>
224
+ <li class="flex items-center">
225
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
226
+ <span>Noise cancellation</span>
227
+ </li>
228
+ </ul>
229
+ </div>
230
+
231
+ <!-- Feature 3 -->
232
+ <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
233
+ <div class="w-16 h-16 bg-gradient-to-r from-accent to-secondary rounded-xl flex items-center justify-center mb-6">
234
+ <i data-feather="volume-2" class="text-white w-8 h-8"></i>
235
+ </div>
236
+ <h3 class="text-2xl font-bold mb-4">Text-to-Speech</h3>
237
+ <p class="text-gray-600 mb-6">
238
+ Natural-sounding voice synthesis with emotional expression and custom voice cloning capabilities.
239
+ </p>
240
+ <ul class="space-y-2">
241
+ <li class="flex items-center">
242
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
243
+ <span>Emotional voice modulation</span>
244
+ </li>
245
+ <li class="flex items-center">
246
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
247
+ <span>Voice cloning</span>
248
+ </li>
249
+ <li class="flex items-center">
250
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
251
+ <span>Multiple languages & accents</span>
252
+ </li>
253
+ </ul>
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </section>
258
+
259
+ <!-- Technology Section -->
260
+ <section id="technology" class="py-20 bg-gray-50">
261
+ <div class="container mx-auto px-6">
262
+ <div class="flex flex-col lg:flex-row items-center justify-between">
263
+ <div class="lg:w-1/2 mb-12 lg:mb-0">
264
+ <div class="relative">
265
+ <div class="absolute -top-10 -left-10 w-64 h-64 bg-primary/10 rounded-full blur-3xl"></div>
266
+ <div class="relative bg-white rounded-2xl p-8 shadow-xl">
267
+ <div class="grid grid-cols-2 gap-6">
268
+ <div class="text-center p-6 bg-gray-50 rounded-xl">
269
+ <div class="text-3xl font-bold text-primary mb-2">99.7%</div>
270
+ <div class="text-gray-600">Speech Accuracy</div>
271
+ </div>
272
+ <div class="text-center p-6 bg-gray-50 rounded-xl">
273
+ <div class="text-3xl font-bold text-secondary mb-2">50ms</div>
274
+ <div class="text-gray-600">Response Time</div>
275
+ </div>
276
+ <div class="text-center p-6 bg-gray-50 rounded-xl">
277
+ <div class="text-3xl font-bold text-accent mb-2">120+</div>
278
+ <div class="text-gray-600">Languages</div>
279
+ </div>
280
+ <div class="text-center p-6 bg-gray-50 rounded-xl">
281
+ <div class="text-3xl font-bold text-primary mb-2">24/7</div>
282
+ <div class="text-gray-600">Uptime</div>
283
+ </div>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ <div class="lg:w-1/2 lg:pl-12">
289
+ <h2 class="text-4xl lg:text-5xl font-bold mb-6">Built on Cutting-Edge AI</h2>
290
+ <p class="text-xl text-gray-600 mb-8">
291
+ Our proprietary neural architecture combines transformer models with novel attention mechanisms for unparalleled performance in speech and language understanding.
292
+ </p>
293
+ <div class="space-y-4">
294
+ <div class="flex items-start">
295
+ <div class="w-12 h-12 bg-primary/10 rounded-xl flex items-center justify-center mr-4">
296
+ <i data-feather="zap" class="text-primary w-6 h-6"></i>
297
+ </div>
298
+ <div>
299
+ <h3 class="text-xl font-bold mb-2">Real-time Processing</h3>
300
+ <p class="text-gray-600">Process audio and generate responses in milliseconds</p>
301
+ </div>
302
+ </div>
303
+ <div class="flex items-start">
304
+ <div class="w-12 h-12 bg-secondary/10 rounded-xl flex items-center justify-center mr-4">
305
+ <i data-feather="shield" class="text-secondary w-6 h-6"></i>
306
+ </div>
307
+ <div>
308
+ <h3 class="text-xl font-bold mb-2">Enterprise Security</h3>
309
+ <p class="text-gray-600">End-to-end encryption and compliance with data protection standards</p>
310
+ </div>
311
+ </div>
312
+ <div class="flex items-start">
313
+ <div class="w-12 h-12 bg-accent/10 rounded-xl flex items-center justify-center mr-4">
314
+ <i data-feather="layers" class="text-accent w-6 h-6"></i>
315
+ </div>
316
+ <div>
317
+ <h3 class="text-xl font-bold mb-2">Scalable Infrastructure</h3>
318
+ <p class="text-gray-600">Handle millions of requests with our distributed cloud architecture</p>
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </section>
326
+
327
+ <!-- CTA Section -->
328
+ <section class="py-20 gradient-bg text-white">
329
+ <div class="container mx-auto px-6 text-center">
330
+ <h2 class="text-4xl lg:text-6xl font-bold mb-6">Ready to Transform Your Business?</h2>
331
+ <p class="text-xl mb-8 max-w-2xl mx-auto">
332
+ Join thousands of companies already using our AI speech technology to revolutionize customer experience and operational efficiency.
333
+ </p>
334
+ <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6">
335
+ <a href="#" class="px-8 py-4 bg-white text-primary font-bold rounded-lg hover:bg-gray-100 transition-colors">
336
+ Start Free Trial
337
+ </a>
338
+ <a href="#" class="px-8 py-4 border-2 border-white text-white font-bold rounded-lg hover:bg-white/10 transition-colors">
339
+ Schedule Demo
340
+ </a>
341
+ </div>
342
+ </div>
343
+ </section>
344
+
345
+ <!-- Footer -->
346
+ <footer class="bg-gray-900 text-white py-12">
347
+ <div class="container mx-auto px-6">
348
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
349
+ <div>
350
+ <div class="flex items-center space-x-2 mb-6">
351
+ <div class="w-8 h-8 bg-gradient-to-r from-primary to-accent rounded-lg flex items-center justify-center">
352
+ <i data-feather="cpu" class="text-white"></i>
353
+ </div>
354
+ <span class="text-xl font-bold">Neuronic Nexus</span>
355
+ </div>
356
+ <p class="text-gray-400">
357
+ Advanced AI speech and language technology for the next generation of applications.
358
+ </p>
359
+ </div>
360
+ <div>
361
+ <h3 class="font-bold text-lg mb-4">Solutions</h3>
362
+ <ul class="space-y-2">
363
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">LLM API</a></li>
364
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Speech-to-Text</a></li>
365
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Text-to-Speech</a></li>
366
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Voice Cloning</a></li>
367
+ </ul>
368
+ </div>
369
+ <div>
370
+ <h3 class="font-bold text-lg mb-4">Company</h3>
371
+ <ul class="space-y-2">
372
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">About</a></li>
373
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Careers</a></li>
374
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Blog</a></li>
375
+ <li><a href="#" class="text-gray-400 hover:text-white transition-colors">Contact</a></li>
376
+ </ul>
377
+ </div>
378
+ <div>
379
+ <h3 class="font-bold text-lg mb-4">Connect</h3>
380
+ <div class="flex space-x-4">
381
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-primary transition-colors">
382
+ <i data-feather="twitter" class="w-5 h-5"></i>
383
+ </a>
384
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-primary transition-colors">
385
+ <i data-feather="linkedin" class="w-5 h-5"></i>
386
+ </a>
387
+ <a href="#" class="w-10 h-10 bg-gray-800 rounded-lg flex items-center justify-center hover:bg-primary transition-colors">
388
+ <i data-feather="github" class="w-5 h-5"></i>
389
+ </a>
390
+ </div>
391
+ </div>
392
+ </div>
393
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">
394
+ <p>&copy; 2024 Neuronic Nexus. All rights reserved.</p>
395
+ </div>
396
+ </div>
397
+ </footer>
398
+
399
+ <script>
400
+ feather.replace();
401
+
402
+ // Smooth scrolling for navigation links
403
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
404
+ anchor.addEventListener('click', function (e) {
405
+ e.preventDefault();
406
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
407
+ behavior: 'smooth'
408
+ });
409
+ });
410
+ });
411
+ </script>
412
+ </body>
413
  </html>