{{ partial:partials.navbar.navbarBlog }}
<main>
    <div class="flex flex-col w-full">
        <div class="bg-gray-100 h-[240px] flex items-center">
            <div class="max-w-3xl lg:max-w-5xl xl:max-w-7xl mx-auto w-full">
                <h1
                    class="text-[40px] md:text-[70px] xl:text-[80px] font-bold text-black px-10"
                >
                    Archive
                </h1>
            </div>
        </div>
        <article class="max-w-7xl mx-auto w-full pt-[46px] pb-[40px]">
            <div class="mb-4 px-[51px]">{{partial:breadcrumbs}}</div>
            {{taxonomy:gallery_categories title:contains=title}}
            <div class="flex flex-wrap px-[35px]">
                {{ entries }}
                <div class="w-full sm:w-1/2 p-4">
                    <a href="{{url}}">
                        <div class="mb-4">
                            {{assets:images limit="1"}}
                            <img
                                data-srcset="{{ glide:url width='360' }} 360w,
                                        {{ glide:url width='640' }} 640w,
                                        {{ glide:url width='768' }} 768w,
                                        {{ glide:url width='1024' }} 1024w,
                                        {{ glide:url width='1280' }} 1280w,
                                        {{ glide:url width='1536' }} 1536w"
                                sizes="auto"
                                data-src="{{ glide:url width='360' }}"
                                alt="{{ alt }}"
                                class="object-cover lazyload"
                            />
                            {{/assets:images}}
                        </div>
                    </a>
                    <h4 class="text-xl font-bold">{{title}}</h4>
                    <a href="{{gallery_categories:url}}"
                        >{{gallery_categories:title}}</a
                    >
                </div>
                {{/entries}}
            </div>
            {{taxonomy:gallery_categories }}
        </article>
    </div>
</main>