feat: add live demo

index.html

@@ -273,6 +273,7 @@
     <!-- Tab Navigation -->
     <div class="tabs">
       <button class="tab-button active" data-tab="home">🏠 Home</button>
+      <button class="tab-button" data-tab="demo">🚀 Live Demo</button>
       <button class="tab-button" data-tab="functional_tracks">💻 Functional Tracks</button>
       <button class="tab-button" data-tab="annotation">🧬 Genome Annotation</button>
     </div>
@@ -282,6 +283,11 @@
       <!-- Content will be loaded dynamically -->
     </div>
 
+    <!-- Live Demo Tab (Content loaded from tabs/demo.html) -->
+    <div id="demo" class="tab-content">
+      <!-- Content will be loaded dynamically -->
+    </div>
+
     <!-- Functional Tracks Tab (Content loaded from tabs/functional_tracks.html) -->
     <div id="functional_tracks" class="tab-content">
       <!-- Content will be loaded dynamically -->
@@ -307,6 +313,7 @@
     // Tab content mapping
     const tabFiles = {
       'home': 'tabs/home.html',
+      'demo': 'tabs/demo.html',
       'functional_tracks': 'tabs/functional_tracks.html',
       'annotation': 'tabs/annotation.html'
     };