{% extends 'partials/base.html.twig' %}
{% block content %}
<div class="row mb-3">
    <h1 class="funky-font main-header text-center">{{ page.title }}</h1>
</div>
<div class="row g-3">
    {% for child in page.children %}
    {% if child.published %}
    <div class="col-6 col-md-4 col-lg-3">
        <a href="{{ child.url }}" class="gallery-item d-block">
            <div class="gallery-thumb">
                {% for name, img in child.media.images %}
                {% if loop.first %}
                <img src="{{ img.url }}" loading="lazy" alt="{{ child.title }}">
                {% endif %}
                {% endfor %}
            </div>
            <p class="mt-2 text-center small">{{ child.title }}</p>
        </a>
    </div>
    {% endif %}
    {% endfor %}
</div>
{% endblock %}