---
import { SITE_TITLE } from "../consts";
---

<nav class="nav">
  <div class="nav-wrapper">
    <div class="nav-content-wrapper">
      <div class="nav-content">
        <a href="/" class="nav-title flex items-center gap-3">
          <img
            src="https://oss.nbtca.space/CA-logo.svg"
            alt=""
            style="width: 28px; aspect-ratio: 1;"
          />
          <span class="hidden md:block">
            {SITE_TITLE}
          </span>
        </a>
        <div class="nav-menu">
          <div class="nav-item-wrapper">
            <a href="/archive" class="nav-item-content">目录</a>
          </div>
          <div class="nav-item-wrapper">
            <a href="https://repair.nbtca.space" class="nav-item-content">
              维修
            </a>
          </div>
          <div class="nav-item-wrapper">
            <a href="/about" class="nav-item-content">关于</a>
          </div>
          <div class="nav-item-wrapper">
            <a href="/join-us" class="nav-item-content">加入我们</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</nav>