1  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
   2      <div class="container-fluid">
   3          <a class="navbar-brand" href="/">NovaChat</a>
   4          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
   5              <span class="navbar-toggler-icon"></span>
   6          </button>
   7          <div class="collapse navbar-collapse" id="navbarNav">
   8              <ul class="navbar-nav">
   9                  <li class="nav-item dropdown">
  10                      <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
  11                          Personas
  12                      </a>
  13                      <ul class="dropdown-menu">
  14                          <li><a class="dropdown-item" href="#" data-persona="cogito">Cogito</a></li>
  15                          <li><a class="dropdown-item" href="#" data-persona="flirty">Flirty</a></li>
  16                          <li><a class="dropdown-item" href="#" data-persona="companion">Companion</a></li>
  17                          <li><a class="dropdown-item" href="#" data-persona="investigate">Investigate</a></li>
  18                      </ul>
  19                  </li>
  20                  <li class="nav-item">
  21                      <a class="nav-link" href="/player">Media Player</a>
  22                  </li>
  23              </ul>
  24          </div>
  25      </div>
  26  </nav>