<ul>
    <li>
        <h2>Getting Started</h2>
        <ul>
            <li>
                <a href="/">Home</a>
            </li>
            <li>
                <a href="/getting-started/installation">Installation</a>
            </li>
            <li>
                <a href="/getting-started/usage">Usage</a>
            </li>
            <li>
                <a href="/getting-started/themes">Themes</a>
            </li>
            <li>
                <a href="/getting-started/customizing">Customizing</a>
            </li>
        </ul>
    </li>
    <li>
        <h2>Frameworks</h2>
        <ul>
            <li>
                <a href="/frameworks/react">React</a>
            </li>
            <li>
                <a href="/frameworks/vue">Vue</a>
            </li>
            <li>
                <a href="/frameworks/angular">Angular</a>
            </li>
        </ul>
    </li>
    <li>
        <h2>Components</h2>
        <ul>
            {% for component in meta.components %}
                <li>
                    <a href="/components/{{ component.tagName | removeTerraPrefix }}">
                        {{ component.name | classNameToComponentName }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    </li>
</ul>