{% for item in menu_items %}
<li>
    <a href="{% url item.path %}"
       hx-get="{% url item.path %}"
       hx-target="#main-content"
       hx-swap="innerHTML show:window:top"
       hx-push-url="true"
       class="hover:bg-red-100 transition-colors">{{ item.name }}</a>
</li>
{% endfor %}