feat(landing): add themes demo, fix video pacing and content

- Hub: simplified to hub → click session (no themes here)
- Agents: slower pacing so users can see the modal before click
- Voice: simpler transcript ('git status' without &&)
- Resume: clicks Copilot filter tab then opens a session
- Files: removed mobile clipboard overlay, renamed to 'Browse & manage files'
- NEW: Feature 09 — theme picker demo cycling through Dracula/Cyberpunk/Nord/Catppuccin/Tokyo Night

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: dorlugasigal

packages/landing/index.html

@@ -531,22 +531,21 @@ <h3>Git diffs at a glance</h3>
           </div>
         </article>
 
-        <!-- 08: Files & Clipboard -->
-        <article class="feature feature--split feature--reverse" data-feature>
+        <!-- 08: Files -->
+        <article class="feature feature--center" data-feature>
           <div class="feature-inner">
             <div class="feature-text" data-reveal>
               <span class="feature-num">08</span>
-              <h3>Files &amp; clipboard, solved</h3>
+              <h3>Browse &amp; manage files</h3>
               <p>
-                Copy terminal text with one tap. Paste from clipboard — even images. Upload via
-                drag-and-drop, browse the file system, download anything.
+                Browse the file system, view source code, upload via drag-and-drop, and download
+                anything — all from your browser.
               </p>
               <div class="feature-tags">
-                <span>Clipboard</span><span>Drag &amp; Drop</span><span>File Browser</span
-                ><span>Download</span>
+                <span>File Browser</span><span>Drag &amp; Drop</span><span>Download</span>
               </div>
             </div>
-            <div class="feature-visual feature-visual--dual">
+            <div class="feature-visual">
               <div class="device-browser device-browser--xl">
                 <div class="browser-chrome">
                   <span class="chrome-dot" style="background: #ff5f57"></span>
@@ -568,17 +567,39 @@ <h3>Files &amp; clipboard, solved</h3>
                   ></video>
                 </div>
               </div>
-              <div class="device-phone device-phone--overlay">
+            </div>
+          </div>
+        </article>
+
+        <!-- 09: Themes -->
+        <article class="feature feature--split" data-feature>
+          <div class="feature-inner">
+            <div class="feature-text" data-reveal>
+              <span class="feature-num">09</span>
+              <h3>40 themes, your style</h3>
+              <p>
+                Dracula, Nord, Cyberpunk, Catppuccin, Tokyo Night — pick a theme and the entire UI
+                transforms instantly. Your choice persists across sessions.
+              </p>
+              <div class="feature-tags">
+                <span>40 Themes</span><span>Instant Switch</span><span>Persistent</span>
+              </div>
+            </div>
+            <div class="feature-visual">
+              <div class="device-phone">
                 <div class="phone-notch"></div>
                 <div class="phone-screen">
-                  <img
-                    src="/showcase/copy-mobile.png"
-                    alt="Clipboard actions on mobile"
+                  <video
+                    src="/showcase/themes-mobile.mp4"
+                    poster="/showcase/hub-mobile.png"
+                    autoplay
+                    muted
+                    loop
+                    playsinline
                     width="1170"
                     height="2532"
                     loading="lazy"
-                    decoding="async"
-                  />
+                  ></video>
                 </div>
               </div>
             </div>