Noo site: match avatar menu to app, add external storage highlight

Co-Authored-By: Claude Code <noreply@anthropic.com>

noo/index.html

@@ -175,6 +175,30 @@
           <div class="sheet" id="shareDemo"></div>
         </div>
       </div>
+
+      <!-- External storage -->
+      <div class="showcase">
+        <div class="showcase-copy">
+          <span class="feat-ic"><svg class="i" width="22" height="22"><use href="icons.svg#i-folder"/></svg></span>
+          <h3>Mounted external storage, built in</h3>
+          <p>Folders your admin mounts through Nextcloud's External storage
+          app — SMB shares, S3 buckets, SFTP, even another cloud — show up
+          in Files like any other folder. Browse, preview, upload and share
+          them exactly the same way; Noo only ever talks to your Nextcloud,
+          which does the rest.</p>
+        </div>
+        <div class="showcase-demo">
+          <div class="mock-card">
+            <h5 class="mock-title">Files</h5>
+            <div class="mock-group">
+              <div class="srow"><span class="srow-ic"><svg class="i" width="20" height="20"><use href="icons.svg#i-folder"/></svg></span><span class="srow-main"><b>Documents</b><i>Nextcloud storage</i></span></div>
+              <div class="srow"><span class="srow-ic"><svg class="i" width="20" height="20"><use href="icons.svg#i-folder"/></svg></span><span class="srow-main"><b>NAS (SMB)</b><i>External storage</i></span></div>
+              <div class="srow"><span class="srow-ic"><svg class="i" width="20" height="20"><use href="icons.svg#i-folder"/></svg></span><span class="srow-main"><b>Archive (S3)</b><i>External storage</i></span></div>
+              <div class="srow"><span class="srow-ic"><svg class="i" width="20" height="20"><use href="icons.svg#i-folder"/></svg></span><span class="srow-main"><b>Work drive (SFTP)</b><i>External storage</i></span></div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </section>