    <!-- Navbar -->
    <nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl " id="navbarBlur" data-scroll="false">
      <div class="container-fluid py-1 px-3">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm">
              <a class="opacity-5 text-white" href="javascript:;">UnknownVPS</a>
            </li>
            <li class="breadcrumb-item text-sm text-white active" aria-current="page">Client</li>
          </ol>
          <h6 class="font-weight-bolder text-white mb-0"><%= pageName %></h6>
        </nav>
        
        <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
          <div class="ms-md-auto pe-md-3 d-flex align-items-center"></div>
          <ul class="navbar-nav justify-content-end">
            <li class="nav-item d-flex align-items-center">
              <a href="javascript:;" class="nav-link text-white font-weight-bold px-0">
                <img src="https://cdn.jsdelivr.net/gh/unknownpersonog/unknownvps-client@assets/png/coin.png" class="sidebarico">
                <span class="d-inline d-sm-none"><%= coins %> Coins</span>
                <span class="d-sm-inline d-none"><%= coins %>  Coins</span>
              </a>
            </li>
            <li class="nav-item d-xl-none ps-3 d-flex align-items-center">
              <a href="javascript:;" class="nav-link text-white p-0" id="iconNavbarSidenav">
                <div class="sidenav-toggler-inner">
                  <i class="sidenav-toggler-line bg-white"></i>
                  <i class="sidenav-toggler-line bg-white"></i>
                  <i class="sidenav-toggler-line bg-white"></i>
                </div>
              </a>
            </li>
            <li class="nav-item align-items-center pt-3">
              <div class="btn-group">
                <button type="button" class="btn rounded-md bg-transparent" data-bs-toggle="dropdown" aria-expanded="false">
                  <img src="<%= avatarURL %>" class="sidebarico24 rounded-md">
                </button>
                <style>
                  .width-box {
                    min-width: 200px;
                    max-width: 400px;
                  }
                </style>
                <ul class="dropdown-menu dropdown-menu-end mt-3 width-box bg-gray-700">
                  <li>
                    <a class="dropdown-item btn-danger text-gray-300 rounded-md" href="/logout">Log Out</a>
                  </li>
                  <li>
                    <a class="dropdown-item text-gray-300 btn-primary rounded-md" href="#">Account Settings</a>
                  </li>
                  <li>
                    <a class="dropdown-item text-gray-300 btn-primary rounded-md" href="#">This button is not here</a>
                  </li>
                  <li>
                    <hr class="dropdown-divider">
                  </li>
                  <li>
                    <a class="dropdown-item text-gray-300 btn-success rounded-md">Welcome <%= user.username %>#<%= user.discriminator %> </a>
                  </li>
                </ul>
              </div>
        </div>
      </div>
    </nav>
    <!-- End Navbar -->