{% comment %} Breadcrumb navigation for documentation and feature pages {%
endcomment %} {% if page.url contains '/docs/' or page.url contains '/features/'
%}
<nav class="breadcrumbs" aria-label="Breadcrumb">
  <ol class="breadcrumbs-list">
    <li class="breadcrumbs-item">
      <a href="{{ '/' | relative_url }}" class="breadcrumbs-link">
        <svg
          width="16"
          height="16"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          stroke-width="2"
          aria-hidden="true"
        >
          <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
          <polyline points="9 22 9 12 15 12 15 22" />
        </svg>
        <span>Home</span>
      </a>
    </li>
    {% if page.url contains '/docs/' %}
    <li class="breadcrumbs-item">
      <a
        href="{{ '/docs/QUICKSTART/' | relative_url }}"
        class="breadcrumbs-link"
        >Docs</a
      >
    </li>
    {% elsif page.url contains '/features/' and page.url != '/features/' %}
    <li class="breadcrumbs-item">
      <a href="{{ '/features/' | relative_url }}" class="breadcrumbs-link"
        >Features</a
      >
    </li>
    {% endif %} {% if page.title and page.url != '/features/' %}
    <li class="breadcrumbs-item breadcrumbs-current" aria-current="page">
      <span>{{ page.title }}</span>
    </li>
    {% endif %}
  </ol>
</nav>
{% endif %}