<div class="docs-sidebar bg-transparent shadow-sm rounded-lg p-4 sticky top-20 mt-2">
  <h3 class="text-lg font-semibold mb-3 mt-1">{{ i18n "features" }}</h3>
  <nav class="docs-nav">
    <ul class="space-y-1">
      {{ range (where .Site.Pages "Section" .Section).ByWeight }}
        {{ if and .Title (not .IsHome) (ne .Kind "section") }}
        <li>
          <a href="{{ .RelPermalink }}"
             class="block px-4 py-2 rounded-md transition-colors duration-200
                    {{ if eq .RelPermalink $.RelPermalink }}
                      bg-primary-100 text-primary-500 font-medium
                    {{ else }}
                      text-gray-700 hover:bg-gray-50 hover:text-gray-900
                    {{ end }}">
            {{ .Title }}
          </a>
        </li>
        {{ end }}
      {{ end }}
    </ul>
  </nav>
</div>
