hayatiali commited on
Commit
1614ebe
·
verified ·
1 Parent(s): 6c34c91

servislerin sunumlkarı daha detaylı anlatabilir

Browse files
Files changed (1) hide show
  1. index.html +115 -46
index.html CHANGED
@@ -167,95 +167,164 @@
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 text-white">AI-Powered Speech Solutions</h2>
175
  <p class="text-xl text-slate-300 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-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
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 text-white">Advanced LLM</h3>
187
  <p class="text-slate-300 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 text-slate-300">
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 text-slate-300">
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 text-slate-300">
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-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
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 text-white">Speech-to-Text</h3>
212
  <p class="text-slate-300 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 text-slate-300">
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 text-slate-300">
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 text-slate-300">
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-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
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-white">Text-to-Speech</h3>
237
  <p class="text-slate-300 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 text-slate-300">
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 text-slate-300">
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 text-slate-300">
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
- <!-- Technology Section -->
259
  <section id="technology" class="py-20 tech-grid">
260
  <div class="container mx-auto px-6">
261
  <div class="flex flex-col lg:flex-row items-center justify-between">
 
167
  </div>
168
  </div>
169
  </section>
170
+ <!-- Services 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 text-white">Size Özel AI Çözümleri</h2>
175
  <p class="text-xl text-slate-300 max-w-2xl mx-auto">
176
+ İşinize özel geliştirilen, dil ve lehçe anlayışına sahip akıllı konuşma teknolojileri
177
  </p>
178
  </div>
179
 
180
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
181
+ <!-- Service 1 -->
182
+ <div class="bg-slate-800/80 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border hover:scale-105">
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 text-white">Akıllı Dil Modeli</h3>
187
  <p class="text-slate-300 mb-6">
188
+ İşinize özel eğitilmiş, bağlamsal anlayışa sahip dil modelleri. Yerel lehçeleri ve sektörel terminolojiyi anlayarak doğal konuşma akışı sağlar.
189
  </p>
190
+ <ul class="space-y-3">
191
+ <li class="flex items-start text-slate-300">
192
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
193
+ <span><strong>Çok Dilli Destek:</strong> 120+ dil ve yerel lehçelerde doğal anlayış</span>
194
+ </li>
195
+ <li class="flex items-start text-slate-300">
196
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
197
+ <span><strong>Duygusal Zeka:</strong> Ton ve niyet analizi ile insan benzeri etkileşim</span>
198
  </li>
199
+ <li class="flex items-start text-slate-300">
200
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
201
+ <span><strong>Bağlam Hafızası:</strong> Uzun konuşmalarda bile bağlamı koruyan akıllı hafıza</span>
202
  </li>
203
+ <li class="flex items-start text-slate-300">
204
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
205
+ <span><strong>Özelleştirilebilir:</strong> Sektörünüze özel kelime dağarcığı ve kurallarla eğitim</span>
206
  </li>
207
  </ul>
208
  </div>
209
 
210
+ <!-- Service 2 -->
211
+ <div class="bg-slate-800/80 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border hover:scale-105">
212
  <div class="w-16 h-16 bg-gradient-to-r from-secondary to-primary rounded-xl flex items-center justify-center mb-6">
213
  <i data-feather="mic" class="text-white w-8 h-8"></i>
214
  </div>
215
+ <h3 class="text-2xl font-bold mb-4 text-white">Konuşmayı Metne Çevirme</h3>
216
  <p class="text-slate-300 mb-6">
217
+ Gürültülü ortamlarda bile %99.7 doğruluk oranıyla gerçek zamanlı konuşma tanıma. Birden fazla konuşmacıyı ayırt edebilme özelliği.
218
  </p>
219
+ <ul class="space-y-3">
220
+ <li class="flex items-start text-slate-300">
221
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
222
+ <span><strong>Gerçek Zamanlı İşleme:</strong> 50ms'den düşük gecikme ile anlık dönüşüm</span>
223
+ </li>
224
+ <li class="flex items-start text-slate-300">
225
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
226
+ <span><strong>Konuşmacı Ayırt Etme:</strong> Toplantı ve görüşmelerde her konuşmacıyı ayrı tanıma</span>
227
  </li>
228
+ <li class="flex items-start text-slate-300">
229
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
230
+ <span><strong>Gürültü Filtreleme:</strong> Arka plan gürültüsünü otomatik filtreleme teknolojisi</span>
231
  </li>
232
+ <li class="flex items-start text-slate-300">
233
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
234
+ <span><strong>Yerel Lehçe Desteği:</strong> Türkiye'nin tüm bölgelerine özel lehçe ve aksan tanıma</span>
235
  </li>
236
  </ul>
237
  </div>
238
 
239
+ <!-- Service 3 -->
240
+ <div class="bg-slate-800/80 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border hover:scale-105">
241
  <div class="w-16 h-16 bg-gradient-to-r from-accent to-secondary rounded-xl flex items-center justify-center mb-6">
242
  <i data-feather="volume-2" class="text-white w-8 h-8"></i>
243
  </div>
244
+ <h3 class="text-2xl font-bold mb-4 text-white">Metinden Konuşmaya</h3>
245
  <p class="text-slate-300 mb-6">
246
+ İnsan sesine en yakın doğallıkta sentezlenmiş konuşma. Duygu tonlaması ve kişiye özel ses klonlama özellikleri.
247
  </p>
248
+ <ul class="space-y-3">
249
+ <li class="flex items-start text-slate-300">
250
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
251
+ <span><strong>Duygusal Tonlama:</strong> Mutluluk, üzüntü, heyecan gibi duyguları yansıtabilme</span>
252
+ </li>
253
+ <li class="flex items-start text-slate-300">
254
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
255
+ <span><strong>Ses Klonlama:</strong> 5 dakikalık ses kaydından kişiye özel ses oluşturma</span>
256
+ </li>
257
+ <li class="flex items-start text-slate-300">
258
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
259
+ <span><strong>Çok Dilli Destek:</strong> 50+ dil ve 200'den fazla aksan seçeneği</span>
260
+ </li>
261
+ <li class="flex items-start text-slate-300">
262
+ <i data-feather="check" class="text-secondary mr-2 w-5 h-5 mt-0.5 flex-shrink-0"></i>
263
+ <span><strong>Doğal Konuşma Akışı:</strong> Duraklamalar, vurgular ve doğal nefes alışları</span>
264
+ </li>
265
+ </ul>
266
+ </div>
267
+ </div>
268
+
269
+ <!-- Additional Services Row -->
270
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-12">
271
+ <!-- Custom Integration -->
272
+ <div class="bg-gradient-to-br from-primary/20 to-accent/20 backdrop-blur-lg rounded-2xl p-8 shadow-xl neon-border">
273
+ <div class="flex items-center mb-6">
274
+ <div class="w-12 h-12 bg-white/10 rounded-xl flex items-center justify-center mr-4">
275
+ <i data-feather="settings" class="text-primary w-6 h-6"></i>
276
+ </div>
277
+ <h3 class="text-2xl font-bold text-white">Özel Entegrasyon</h3>
278
+ </div>
279
+ <p class="text-slate-300 mb-4">
280
+ Mevcut sistemlerinizle sorunsuz entegrasyon. CRM, ERP, çağrı merkezi yazılımları ve daha fazlası için özel çözümler.
281
+ </p>
282
+ <ul class="space-y-2 text-slate-300">
283
+ <li class="flex items-center">
284
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
285
+ <span>API ve SDK desteği</span>
286
+ </li>
287
+ <li class="flex items-center">
288
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
289
+ <span>Özel eğitim ve danışmanlık</span>
290
+ </li>
291
+ <li class="flex items-center">
292
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
293
+ <span>7/24 teknik destek</span>
294
+ </li>
295
+ </ul>
296
+ </div>
297
+
298
+ <!-- Industry Specific -->
299
+ <div class="bg-gradient-to-br from-secondary/20 to-primary/20 backdrop-blur-lg rounded-2xl p-8 shadow-xl neon-border">
300
+ <div class="flex items-center mb-6">
301
+ <div class="w-12 h-12 bg-white/10 rounded-xl flex items-center justify-center mr-4">
302
+ <i data-feather="briefcase" class="text-secondary w-6 h-6"></i>
303
+ </div>
304
+ <h3 class="text-2xl font-bold text-white">Sektörel Çözümler</h3>
305
+ </div>
306
+ <p class="text-slate-300 mb-4">
307
+ Sağlık, finans, perakende, eğitim ve daha birçok sektöre özel dil modelleri ve konuşma çözümleri.
308
+ </p>
309
+ <ul class="space-y-2 text-slate-300">
310
+ <li class="flex items-center">
311
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
312
+ <span>Sektöre özel kelime dağarcığı</span>
313
  </li>
314
+ <li class="flex items-center">
315
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
316
+ <span>Uyumluluk ve güvenlik standartları</span>
317
  </li>
318
+ <li class="flex items-center">
319
+ <i data-feather="check-circle" class="text-secondary mr-2 w-4 h-4"></i>
320
+ <span>Özel eğitim veri setleri</span>
321
  </li>
322
  </ul>
323
  </div>
324
  </div>
325
  </div>
326
  </section>
327
+ <!-- Technology Section -->
328
  <section id="technology" class="py-20 tech-grid">
329
  <div class="container mx-auto px-6">
330
  <div class="flex flex-col lg:flex-row items-center justify-between">