<?php require_once 'assets/components/modal.php'; ?>


<!-- ================> Banner section start here <================== -->
<section id="home" class="banner banner--overlay" style="background-image: url(assets/images/banner/bg-sliders.png);">
    <div class="container">
        <div class="banner__wrapper">
            <div class="banner__content text-center" data-aos="zoom-in" data-aos-duration="900">
                <h1>AGROJAM 2025</h1>
                <p class="text">
                    Unete a Agrojam el evento de innovación abierta. <br>
                    Descubre las últimas tendencias, conecta con expertos y conviértete en un solucionador.
                </p>
                <h3 style="color: white">Tienes hasta el 04 de diciembre a las 12.00 P.M</h3>
                <p>¡Inscríbete aquí y forma parte de la revolución agrícola!</p>
                <div class="banner__bottom">
                    <ul class="countdown justify-content-center" data-date="2025-12-31T23:59:59" id="countdown">
                        <li class="countdown__item">
                            <h3 class="countdown__number color--theme-color countdown__number-days">99</h3>
                            <p class="countdown__text">Días</p>
                        </li>
                        <li class="countdown__item">
                            <h3 class="countdown__number color--theme-color countdown__number-hours">18</h3>
                            <p class="countdown__text">Horas</p>
                        </li>
                        <li class="countdown__item">
                            <h3 class="countdown__number color--theme-color countdown__number-minutes">44</h3>
                            <p class="countdown__text">Minutos</p>
                        </li>
                        <li class="countdown__item">
                            <h3 class="countdown__number color--theme-color countdown__number-seconds">36</h3>
                            <p class="countdown__text">Segundos</p>
                        </li>
                    </ul>
                </div>
                <a href="#" class="default-btn move-right" data-bs-toggle="modal"
                                data-bs-target="#modalRegistro"><span>Registrate<i class="fa-solid fa-arrow-right"></i></span> </a>
            </div>
        </div>
    </div>
</section>
<!-- ================> Banner section end here <================== -->