{{ partial:partials.navbar.navbarBlog}}
<main>
    <section id="section-1" 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">
                <div class="px-10">{{partial:breadcrumbs}}</div>
            </div>
        </div>
    </section>
    <section id="section-2">
        <article
            class="max-w-3xl lg:max-w-5xl xl:max-w-7xl mx-auto w-full pt-[46px] px-8 pb-[100px]"
        >
            {{ taxonomy:product_tags title:contains="{title}" }}
            <div class="flex flex-col gap-2">
                {{entries paginate="10" as="posts" }} {{posts}}
                <a href="{{url}}" class="p-3 border-2 rounded">
                    <h4 class="text-base">{{title}}</h4>
                </a>
                {{/posts}}
                <!--  -->
            </div>
            {{ paginate }} {{partial:pagination}} {{ /paginate }} {{/entries}}
            <!--  -->
            {{ /taxonomy:product_tags }}
        </article>
    </section>
</main>