overhaul chat structure

public/discover.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Discover personas &middot; Elsewhere</title>
+<link rel="icon" href="/favicon.svg">
+<script src="/app/theme-bootstrap.js">
+</script>
+<link rel="stylesheet" href="/style.css">
+<link rel="stylesheet" href="/pages.css">
+<link rel="stylesheet" href="/shell.css">
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+</head>
+<body class="site-page discover-page">
+<!-- site-header -->
+<main id="main" class="site-section page-content">
+<p class="eyebrow">From the community</p>
+<h1>Find your next conversation.</h1>
+<p class="hero-copy">Discover characters and personas made by the community. Sign in when you're ready to bring one into your workspace.</p>
+<label class="field">
+<span>Search personas</span>
+<input id="publicSearch" type="search" placeholder="Search by name or description">
+</label>
+<div id="featuredPersonas" class="feature-grid" aria-live="polite">Loading personas&hellip;</div>
+</main>
+<footer class="site-footer">
+<a class="site-brand" href="/">elsewhere</a>
+<span>A space for every conversation.</span>
+<a href="/privacy.html">Privacy</a>
+<a href="/tos.html">Terms</a>
+</footer>
+<script type="module" src="/pages.js">
+</script>
+<script type="module" src="/app/workspaceNavigation.js"></script>
+</body>
+</html>