1  <header class="site-header">
 2    <div class="header-inner">
 3      <a href="{{ '/' | relative_url }}" class="site-logo">
 4        <span class="hash">#</span>B4mad
 5        <span class="status-dot"></span>
 6      </a>
 7      <button class="nav-toggle" onclick="document.querySelector('.site-nav').classList.toggle('open')" aria-label="Menu">☰</button>
 8      <nav class="site-nav">
 9        <a href="{{ '/' | relative_url }}" {% if page.url == '/' %}class="active"{% endif %}>Home</a>
10        <a href="{{ '/dao/base-sepolia' | relative_url }}" {% if page.url contains '/dao' %}class="active"{% endif %}>DAO</a>
11        <a href="{{ '/research/' | relative_url }}" {% if page.url contains '/research' %}class="active"{% endif %}>Research</a>
12        <a href="{{ '/playbooks/' | relative_url }}" {% if page.url contains '/playbooks' %}class="active"{% endif %}>Playbooks</a>
13        <a href="{{ '/agents/' | relative_url }}" {% if page.url contains '/agents' %}class="active"{% endif %}>Agents</a>
14        <a href="{{ '/fleet/' | relative_url }}" {% if page.url contains '/fleet' %}class="active"{% endif %}>Fleet</a>
15        <a href="https://brenner-axiom.github.io/beads-hub/" target="_blank" rel="noopener">Beads</a>
16        <a href="{{ '/about' | relative_url }}" {% if page.url contains '/about' %}class="active"{% endif %}>About</a>
17      </nav>
18    </div>
19  </header>