{{ if paginate }}
{{ paginate }}
<nav class="flex items-center justify-center gap-2 mt-8">
    {{ if prev_page }}
    <a href="{{ prev_page }}" class="px-3 py-2 text-sm bg-white border border-gray-300 rounded hover:bg-gray-50">←</a>
    {{ /if }}

    {{ links }}
    {{ if current_page }}
    <span class="px-3 py-2 text-sm bg-[--color-link] text-white rounded">{{ page }}</span>
    {{ else }}
    <a href="{{ url }}" class="px-3 py-2 text-sm bg-white border border-gray-300 rounded hover:bg-gray-50">{{ page }}</a>
    {{ /if }}
    {{ /links }}

    {{ if next_page }}
    <a href="{{ next_page }}" class="px-3 py-2 text-sm bg-white border border-gray-300 rounded hover:bg-gray-50">→</a>
    {{ /if }}
</nav>
{{ /paginate }}
{{ /if }}