{% load wagtailcore_tags navigation_tags wagtailuserbar %}
<header>
    <a href="#main" class="skip-link">Skip to content</a>

    {% get_site_root as site_root %}
    <nav class="w-full flex justify-center my-8">
        <ul class="flex space-x-8">
            <li><a href="{% pageurl site_root %}">{{ site_root.title }}</a></li>
            {% for menuitem in site_root.get_children.live.in_menu %}
                <li><a href="{% pageurl menuitem %}">{{ menuitem.title }}</a></li>
            {% endfor %}
            <li><a href="/search/">Search</a></li>
        </ul>
    </nav>
    {% wagtailuserbar "top-right" %}
</header>