<?php include 'views/header.php'; ?>
<section class="productos-one-section">
    <img src="img/productos.jpg" alt="" class="pos-img">
    <div class="pos-div">
        <p class="pos-p">PRODUCTOS</p>
        <p class="pos-p2">NUESTROS</p>
    </div>
    <div class="pos-div2"></div>
</section>

<section class="productos-two-section">
    <div class="pts-div">
        <p class="pts-p">CATEGORÍAS</p>

        <div class="pts-div2">
            <div class="pts-div3">
                <div class="pts-carousel-container">
                    <!-- Las categorías se cargarán dinámicamente -->
                </div>
            </div>
            <a href="#" class="pts-a"><i class="fa-solid fa-chevron-right"></i></a>
        </div>
    </div>
</section>

<section class="productos-three-section">
    <div class="pths-div">
        <div class="row">
            <div class="col-md-3">
                <select name="marca" id="marca" class="form-select">
                    <!-- Las marcas se cargarán dinámicamente -->
                </select>
            </div>
            <div class="col-md-9">
                <div class="row">
                    <!-- Los productos se cargarán dinámicamente -->
                </div>

                <div class="pths-paginator" id="paginator" style="display: none;">
                    <p class="pths-p3">Página</p>
                    <ul class="pths-ul">
                        <!-- La paginación se generará dinámicamente -->
                    </ul>
                    <p class="pths-p4">de 0</p>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include 'contacto.php'; ?>
<?php include 'views/footer.php'; ?>