<div id="products" th:fragment="products" xmlns:hx="http://www.w3.org/1999/xhtml">
    <div th:replace="~{partials/pagination :: pagination}"></div>
    <div class="row row-cols-1 row-cols-md-5">
        <div th:each="product : ${ productsPage.data}">
            <div class="col mb-3">
                <div class="card h-100 product">
                    <img th:src="${product.imageUrl}"
                         src="/images/books.png"
                         alt="Product Image"
                         cla