<ul>
  <li>
    <h2>Tutorials</h2>
    <ul>
      <li><a href="/getting-started/form-controls">Form Controls</a></li>
      <li><a href="/getting-started/form-examples">Form Examples</a></li>
      <li><a href="/getting-started/table-examples">Table Examples</a></li>
      <li><a href="/getting-started/example-layout">Example Layout</a></li>
      <li><a href="/getting-started/example-page">Example Page</a></li>
      <li><a href="/getting-started/shimmer-text">Shimmer Text</a></li>
    </ul>
  </li>
  <li>
    <h2>Components</h2>
    <ul>
      {% for component in meta.components %}
        <li>
          <a href="/components/{{ component.tagName | removeZNPrefix }}">
            {{ component.name | classNameToComponentName }}
          </a>
        </li>
      {% endfor %}
    </ul>
  </li>
</ul>
