Update index.html

index.html

@@ -4063,7 +4063,7 @@
                 <a href="javascript:void(0)" class="nav-link" data-section="howItWorksSection" onclick="scrollToSection('howItWorksSection')">How It Works</a>
                 <a href="javascript:void(0)" class="nav-link" data-section="safetySection" onclick="scrollToSection('safetySection')">Safety</a>
                 <a href="javascript:void(0)" class="nav-link" data-section="pricingSection" onclick="scrollToSection('pricingSection')">Pricing</a>
-                <button class="btn-primary landing-cta" style="padding: 10px 20px; font-size: 14px;">Try Nexa AI</button>
+                <button onclick="enterApp()" class="btn-primary landing-cta" style="padding: 10px 20px; font-size: 14px;">Try Nexa AI</button>
             </nav>
         </header>
 
@@ -4072,8 +4072,8 @@
             <h1 class="hero-title">Your <span id="typing-text"></span><span class="typing-cursor"></span><br>AI Assistant.</h1>
             <p class="hero-subtitle">Chat with Nexa AI to get answers, generate stunning images, and boost your productivity. Your personal AI assistant for work and creativity.</p>
             <div class="cta-container">
-                <button class="btn-primary landing-cta">Start Chatting — Free Forever</button>
-                <button class="btn-secondary landing-cta" data-section="featuresSection">View Demo</button>
+                <button onclick="enterApp()" class="btn-primary landing-cta">Start Chatting — Free Forever</button>
+                <button onclick="enterApp()" class="btn-secondary" data-section="featuresSection">View Demo</button>
             </div>
             <div class="trust-badges">
                 <div class="trust-badge"><i data-lucide="shield-check"></i> No credit card required</div>
@@ -4200,7 +4200,7 @@
                         <li style="display: flex; align-items: center; gap: 8px;"><i data-lucide="check" style="color: #10a37f; width: 18px;"></i> Deep Research Mode</li>
                         <li style="display: flex; align-items: center; gap: 8px;"><i data-lucide="check" style="color: #10a37f; width: 18px;"></i> Persistent Memory</li>
                     </ul>
-                    <button class="btn-primary landing-cta" style="width: 100%; background: var(--accent-blue);">Get Started Now</button>
+                    <button onclick="enterApp()" class="btn-primary landing-cta" style="width: 100%; background: var(--accent-blue);">Get Started Now</button>
                 </div>
             </div>
         </section>
@@ -5542,18 +5542,9 @@
                 }
 
                 // 2. Landing CTA Buttons ("Try Nexa AI", "Start Chatting")
-                const landingCta = target.closest('.landing-cta');
-                if (landingCta) {
+                if (target.closest('.landing-cta')) {
+                    enterApp();
                     e.preventDefault();
-                    e.stopPropagation();
-                    debugLog('DELEGATION: landing-cta handler fired');
-                    const sectionId = landingCta.getAttribute('data-section');
-                    debugLog('  sectionId=' + (sectionId || 'null'));
-                    if (sectionId) {
-                        scrollToSection(sectionId);
-                    } else {
-                        enterApp();
-                    }
                     return;
                 }
 
@@ -7220,7 +7211,6 @@
             }
 
             handleRouting();
-            setupEventListeners();
 
             function renderLanding() {
                 document.getElementById('landingPage').style.display = 'block';
@@ -8162,10 +8152,11 @@
                 // Finished typing the word — pause, then start deleting
                 isDeleting = true;
                 setTimeout(typeEffect, newWordDelay);
-            } else if (isDeleting && charIndex === 0) {
+            } else if (isDeleting && charIndex < 0) {
                 // Finished deleting — move to next word
                 isDeleting = false;
                 wordIndex = (wordIndex + 1) % words.length;
+                charIndex = 0;
                 setTimeout(typeEffect, 500);
             } else {
                 setTimeout(typeEffect, isDeleting ? erasingDelay : typingDelay);
@@ -8192,7 +8183,6 @@
                 // 1. Run initialization first
                 try {
       await init();
-      setupEventListeners();
   } catch (initErr) {
       console.error("init() failed:", initErr);
   }
@@ -8240,35 +8230,5 @@
             }
         });
     </script>
-
-<!-- DEBUG PANEL - Shows click events live -->
-<div id="debugPanel" style="position:fixed;bottom:10px;right:10px;width:300px;max-height:200px;overflow-y:auto;background:rgba(0,0,0,0.9);color:#0f0;border:1px solid #0f0;padding:10px;font-family:monospace;font-size:11px;z-index:99999;border-radius:8px;">
-  <div style="font-weight:bold;margin-bottom:5px;color:#fff;">DEBUG LOG</div>
-  <div id="debugLog"></div>
-</div>
-<script>
-function debugLog(msg) {
-  const el = document.getElementById('debugLog');
-  if (el) {
-    const line = document.createElement('div');
-    line.textContent = '> ' + msg;
-    line.style.marginBottom = '2px';
-    el.appendChild(line);
-    el.scrollTop = el.scrollHeight;
-  }
-  console.log('[DEBUG]', msg);
-}
-// Log all clicks on landing page
-document.addEventListener('click', function(e) {
-  const btn = e.target.closest('button');
-  if (btn) {
-    debugLog('CLICK: ' + btn.textContent.trim().substring(0,20));
-    debugLog('  class=' + btn.className);
-    debugLog('  onclick=' + (btn.onclick ? 'YES' : 'NO'));
-    debugLog('  data-section=' + (btn.getAttribute('data-section') || 'null'));
-  }
-}, true);
-</script>
-
 </body>
 </html>