genel sunumda eksiklikler ve tutarsızlıklar var kartlar beyaz kalmış

index.html

@@ -171,32 +171,32 @@
     <section id="solutions" class="py-20 tech-grid">
         <div class="container mx-auto px-6">
             <div class="text-center mb-16">
-                <h2 class="text-4xl lg:text-5xl font-bold mb-6">AI-Powered Speech Solutions</h2>
-                <p class="text-xl text-gray-600 max-w-2xl mx-auto">
+                <h2 class="text-4xl lg:text-5xl font-bold mb-6 text-white">AI-Powered Speech Solutions</h2>
+                <p class="text-xl text-slate-300 max-w-2xl mx-auto">
                     Cutting-edge technology that transforms how humans interact with machines
                 </p>
             </div>
             
             <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                 <!-- Feature 1 -->
-                <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
+                <div class="bg-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
                     <div class="w-16 h-16 bg-gradient-to-r from-primary to-accent rounded-xl flex items-center justify-center mb-6">
                         <i data-feather="message-square" class="text-white w-8 h-8"></i>
                     </div>
-                    <h3 class="text-2xl font-bold mb-4">Advanced LLM</h3>
-                    <p class="text-gray-600 mb-6">
+                    <h3 class="text-2xl font-bold mb-4 text-white">Advanced LLM</h3>
+                    <p class="text-slate-300 mb-6">
                         Context-aware language models that understand nuance, emotion, and complex instructions with unprecedented accuracy.
                     </p>
                     <ul class="space-y-2">
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Multi-language support</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Emotional intelligence</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Context retention</span>
                         </li>
@@ -204,24 +204,24 @@
                 </div>
                 
                 <!-- Feature 2 -->
-                <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
+                <div class="bg-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
                     <div class="w-16 h-16 bg-gradient-to-r from-secondary to-primary rounded-xl flex items-center justify-center mb-6">
                         <i data-feather="mic" class="text-white w-8 h-8"></i>
                     </div>
-                    <h3 class="text-2xl font-bold mb-4">Speech-to-Text</h3>
-                    <p class="text-gray-600 mb-6">
+                    <h3 class="text-2xl font-bold mb-4 text-white">Speech-to-Text</h3>
+                    <p class="text-slate-300 mb-6">
                         Real-time transcription with industry-leading accuracy, even in noisy environments and multiple speakers.
                     </p>
                     <ul class="space-y-2">
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Real-time processing</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Speaker diarization</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Noise cancellation</span>
                         </li>
@@ -229,24 +229,24 @@
                 </div>
                 
                 <!-- Feature 3 -->
-                <div class="bg-white rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300">
+                <div class="bg-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl hover:shadow-2xl transition-all duration-300 neon-border">
                     <div class="w-16 h-16 bg-gradient-to-r from-accent to-secondary rounded-xl flex items-center justify-center mb-6">
                         <i data-feather="volume-2" class="text-white w-8 h-8"></i>
                     </div>
-                    <h3 class="text-2xl font-bold mb-4">Text-to-Speech</h3>
-                    <p class="text-gray-600 mb-6">
+                    <h3 class="text-2xl font-bold mb-4 text-white">Text-to-Speech</h3>
+                    <p class="text-slate-300 mb-6">
                         Natural-sounding voice synthesis with emotional expression and custom voice cloning capabilities.
                     </p>
                     <ul class="space-y-2">
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Emotional voice modulation</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Voice cloning</span>
                         </li>
-                        <li class="flex items-center">
+                        <li class="flex items-center text-slate-300">
                             <i data-feather="check" class="text-secondary mr-2 w-5 h-5"></i>
                             <span>Multiple languages & accents</span>
                         </li>
@@ -255,39 +255,38 @@
             </div>
         </div>
     </section>
-
     <!-- Technology Section -->
-    <section id="technology" class="py-20 bg-gray-50">
+    <section id="technology" class="py-20 tech-grid">
         <div class="container mx-auto px-6">
             <div class="flex flex-col lg:flex-row items-center justify-between">
                 <div class="lg:w-1/2 mb-12 lg:mb-0">
                     <div class="relative">
                         <div class="absolute -top-10 -left-10 w-64 h-64 bg-primary/10 rounded-full blur-3xl"></div>
-                        <div class="relative bg-white rounded-2xl p-8 shadow-xl">
+                        <div class="relative bg-slate-800/50 backdrop-blur-lg rounded-2xl p-8 shadow-xl neon-border">
                             <div class="grid grid-cols-2 gap-6">
-                                <div class="text-center p-6 bg-gray-50 rounded-xl">
+                                <div class="text-center p-6 bg-slate-700/50 rounded-xl">
                                     <div class="text-3xl font-bold text-primary mb-2">99.7%</div>
-                                    <div class="text-gray-600">Speech Accuracy</div>
+                                    <div class="text-slate-300">Speech Accuracy</div>
                                 </div>
-                                <div class="text-center p-6 bg-gray-50 rounded-xl">
+                                <div class="text-center p-6 bg-slate-700/50 rounded-xl">
                                     <div class="text-3xl font-bold text-secondary mb-2">50ms</div>
-                                    <div class="text-gray-600">Response Time</div>
+                                    <div class="text-slate-300">Response Time</div>
                                 </div>
-                                <div class="text-center p-6 bg-gray-50 rounded-xl">
+                                <div class="text-center p-6 bg-slate-700/50 rounded-xl">
                                     <div class="text-3xl font-bold text-accent mb-2">120+</div>
-                                    <div class="text-gray-600">Languages</div>
+                                    <div class="text-slate-300">Languages</div>
                                 </div>
-                                <div class="text-center p-6 bg-gray-50 rounded-xl">
+                                <div class="text-center p-6 bg-slate-700/50 rounded-xl">
                                     <div class="text-3xl font-bold text-primary mb-2">24/7</div>
-                                    <div class="text-gray-600">Uptime</div>
+                                    <div class="text-slate-300">Uptime</div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="lg:w-1/2 lg:pl-12">
-                    <h2 class="text-4xl lg:text-5xl font-bold mb-6">Built on Cutting-Edge AI</h2>
-                    <p class="text-xl text-gray-600 mb-8">
+                    <h2 class="text-4xl lg:text-5xl font-bold mb-6 text-white">Built on Cutting-Edge AI</h2>
+                    <p class="text-xl text-slate-300 mb-8">
                         Our proprietary neural architecture combines transformer models with novel attention mechanisms for unparalleled performance in speech and language understanding.
                     </p>
                     <div class="space-y-4">
@@ -296,8 +295,8 @@
                                 <i data-feather="zap" class="text-primary w-6 h-6"></i>
                             </div>
                             <div>
-                                <h3 class="text-xl font-bold mb-2">Real-time Processing</h3>
-                                <p class="text-gray-600">Process audio and generate responses in milliseconds</p>
+                                <h3 class="text-xl font-bold mb-2 text-white">Real-time Processing</h3>
+                                <p class="text-slate-300">Process audio and generate responses in milliseconds</p>
                             </div>
                         </div>
                         <div class="flex items-start">
@@ -305,8 +304,8 @@
                                 <i data-feather="shield" class="text-secondary w-6 h-6"></i>
                             </div>
                             <div>
-                                <h3 class="text-xl font-bold mb-2">Enterprise Security</h3>
-                                <p class="text-gray-600">End-to-end encryption and compliance with data protection standards</p>
+                                <h3 class="text-xl font-bold mb-2 text-white">Enterprise Security</h3>
+                                <p class="text-slate-300">End-to-end encryption and compliance with data protection standards</p>
                             </div>
                         </div>
                         <div class="flex items-start">
@@ -314,8 +313,8 @@
                                 <i data-feather="layers" class="text-accent w-6 h-6"></i>
                             </div>
                             <div>
-                                <h3 class="text-xl font-bold mb-2">Scalable Infrastructure</h3>
-                                <p class="text-gray-600">Handle millions of requests with our distributed cloud architecture</p>
+                                <h3 class="text-xl font-bold mb-2 text-white">Scalable Infrastructure</h3>
+                                <p class="text-slate-300">Handle millions of requests with our distributed cloud architecture</p>
                             </div>
                         </div>
                     </div>
@@ -323,8 +322,7 @@
             </div>
         </div>
     </section>
-
-    <!-- CTA Section -->
+<!-- CTA Section -->
     <section class="py-20 gradient-bg text-white">
         <div class="container mx-auto px-6 text-center">
             <h2 class="text-4xl lg:text-6xl font-bold mb-6">Ready to Transform Your Business?</h2>