<nav class="mb-6" aria-label="Breadcrumb">
    <ol class="flex items-center space-x-2 text-sm text-slate-500">
        <li>
            <a href="/" class="hover:text-indigo-600">
                <i class="fa-solid fa-home"></i>
                <span class="sr-only">Home</span>
            </a>
        </li>

        {% if page.title %}
            <li class="flex items-center">
                <i class="fa-solid fa-chevron-right text-xs mx-2"></i>
                <span class="text-slate-700">{{ page.title }}</span>
            </li>
        {% endif %}
    </ol>
</nav>
