<ul class="menu bg-base-200 rounded-box w-full ">
  <li><a hx-boost="true" class="{{'menu-active' if current_path=='/index' }}" href="/documentation">Start</a></li>
  <li><a hx-boost="true" class="{{'menu-active' if current_path=='/get-started' }}"
      href="/documentation/get-started">Get Started</a></li>
  <li><a hx-boost="true" class="{{'menu-active' if current_path=='/mobile-friendly' }}"
      href="/documentation/mobile-friendly">Mobile friendly</a></li>
  <li><a hx-boost="true" class="{{'menu-active' if current_path=='/privacy-policy' }}"
      href="/documentation/privacy-policy">Privacy Policy</a></li>
  <li>
    <details open>
      <summary>Core Concepts</summary>
      <ul>
        <li><a hx-boost="true" href="/documentation/submenu1">What is PKM?</a></li>
        <li><a hx-boost="true" href="/documentation/submenu2">Benefits of PKM</a></li>
      </ul>
    </details>
  </li>
  <li>
    <details>
      <summary>Tools & Techniques</summary>
      <ul>
        <li><a hx-boost="true" href="/documentation/tools">Tools for PKM</a></li>
        <li><a hx-boost="true" href="/documentation/techniques">Effective Techniques</a></li>
      </ul>
    </details>
  </li>
  <li><a hx-boost="true" href="/documentation/faq">FAQ</a></li>
</ul>