<?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">BLOG</p>
        <p class="pos-p2">NUESTRO</p>
    </div>
    <div class="pos-div2"></div>
</section>

<section class="productos-three-section">
    <div class="pths-div">
        <div class="row">
            <!-- Los blogs se cargarán dinámicamente aquí -->
            <div class="col-12 text-center py-5">
                <div class="loading-container">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">Cargando blogs...</span>
                    </div>
                    <p class="mt-3 text-muted">Cargando blogs...</p>
                </div>
            </div>
        </div>
    </div>
</section>

<script src="js/blog.js"></script>

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