<?php include 'views/header.php'; ?>
<section class="one-section">
    <!-- Carousel de banners -->
    <div id="bannersCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
        <div class="carousel-inner" id="carousel-banners">
            <!-- Los banners se cargarán dinámicamente con JavaScript -->

        </div>

        <!-- Indicadores del carousel -->
        <div class="carousel-indicators" id="carousel-indicators">
            <button type="button" data-bs-target="#bannersCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        </div>
    </div>
</section>


<section class="two-section">
    <div class="ts-div">
        <p class="ts-p">CATEGORÍAS</p>
        <p class="ts-p2">PRODUCTOS</p>

        <div class="ts-div2" id="categorias">
            <div class="row">
                <!-- Las categorías se cargarán dinámicamente con JavaScript -->
            </div>
        </div>
    </div>
</section>

<section class="three-section">
    <div class="ths-div">
        <p class="ths-p">PRODUCTOS</p>
        <p class="ths-p2">DESTACADOS</p>

        <div class="ths-div2" id="destacados">
            <div class="row align-items-start">
                <!-- Los productos destacados se cargarán dinámicamente con JavaScript -->
            </div>
        </div>
    </div>
</section>

<section class="five-section" id="aplicadores">
    <div class="fis-div">
        <p class="fis-p">RED DE APLICADORES</p>
        <p class="fis-p2">CERTIFICADOS</p>

        <div class="fis-div2">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="fis-div3">
                        <img src="img/MAPA.png" alt="" class="fis-img">
                        <i class="fa-solid fa-location-dot fis-i1"></i>
                        <i class="fa-solid fa-location-dot fis-i2"></i>
                        <i class="fa-solid fa-location-dot fis-i3"></i>
                    </div>
                </div>
                <div class="col-md-6">
                    <p class="fis-p">APLICADORES CERTIFICADOS</p>
                    <p class="fis-p4">Rohan - Torreón</p>
                    <a href="" class="fis-a">(871) 234 6408</a>

                    <p class="fis-p4"> Ing. Jorge Olvera - Durango</p>
                    <a href="" class="fis-a">(618) 299 9473</a>

                    <p class="fis-p4">Jesús Jaime Villarreal Handal - Monterrey</p>
                    <a href="" class="fis-a">(81) 1916 0694</a>


                </div>
            </div>
        </div>

        <p class="fis-p3">ÚNETE A NUESTRA RED DE APLICADORES</p>
        <a href="mailto:ventas@diamondfp.com.mx" class="fis-a2">ventas@diamondfp.com.mx</a>

    </div>
</section>

<section class="three-section">
    <div class="ts-div">
        <p class="ths-p">PROYECTOS</p>
        <p class="ths-p2">REALIZADOS</p>

        <div class="ts-div2">

            <div class="container container2">
                <div class="six-div">
                    <img class="six-image" src="img/p1.jpg">
                    <img class="six-image" src="img/p2.jpg">
                    <img class="six-image" src="img/p3.jpg">
                    <img class="six-image" src="img/p4.jpg">
                    <img class="six-image" src="img/p5.jpg">
                    <img class="six-image" src="img/p6.jpg">
                    <img class="six-image" src="img/p7.jpg">
                    <img class="six-image" src="img/p8.jpg">
                    <img class="six-image" src="img/p9.jpg">
                </div>
            </div>

        </div>
    </div>
</section>

<?php include 'contacto.php'; ?>

<section class="four-section">
    <div class="fs-div">
        <p class="fs-p">MANEJAMOS LAS MEJORES</p>
        <p class="fs-p2">MARCAS</p>
    </div>

    <div class="fs-div2" id="marcas">
        <!-- Las marcas se cargarán dinámicamente con JavaScript -->
    </div>
</section>

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