{% extends "Global/luminous/layout.html.twig" %}
{% block content %}
<section class="hero-section">
<div class="container">
<div class="row gy-4 inner-hero-section">
<div class="col-lg-6 col-md-6 col-12">
<div class="hero-section-content">
<h2>TODAS LAS <strong>EXPERIENCIAS</strong> DE LOS <strong>GRANDES PÚBLICOS</strong> EN UN
MISMO ESPACIO.</h2>
<P class="hero-section-paragraph">Gestiona, controla y promociona tus eventos de una manera
fácil y rápida a la medida de tus necesidades.</P>
</div>
<div class="comenzer-button tex-center">
<div class="formContainer">
<form action="">
{% if csrf_token %}
<input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />
{% endif %}
<fieldset class="fieldInput">
<input class="form-input" type="email" placeholder="Registra tu email">
<button type="submit" class="form-submit">Mas informacion</button>
</fieldset>
</form>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="hero-section-image">
<img src="{{ asset('assets/ll_assets/assets/img/eventos-hero.png') }}" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="categorias-section">
<div class="container">
<div class="categorias-headign">
<h2>CATEGORÍAS MÁS <strong>DESTACADAS</strong></h2>
</div>
<div class="categorias-wrapper">
<div class="row gy-4 justify-content-center text-center">
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src=" {{ asset('assets/ll_assets/assets/img/Categorias-Grupo-1.png') }}" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-2.png') }} " alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-3.png') }} " alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-4.png') }}" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-5.png') }} " alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-6.png') }} " alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-7.png') }}" alt="">
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="categorias-image">
<img src="{{ asset('assets/ll_assets/assets/img/Categorias-Grupo-8.png') }} " alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="eventos-inteligente">
<div class="container">
<div class="eventos-inteligente-heading">
<h2>Con <strong>Eventos</strong> todo es más <strong>dinámico</strong>, más
<strong>inteligente</strong>.</h2>
<p>Facilitamos:</p>
</div>
<div class="wrapper-eventos-inteligente">
<div class="row gy-4 justify-content-center">
<div class="col-lg-5 col-12">
<div class="eventos-inteligente-card-item">
<h4>Los procesos de registro</h4>
<img src="{{ asset('assets/ll_assets/assets/img/procesos-image.svg') }}" alt="">
</div>
</div>
<div class="col-lg-5 col-12">
<div class="eventos-inteligente-card-item">
<h4>La forma de inscribirse</h4>
<img src="{{ asset('assets/ll_assets/assets/img/forma-image.svg') }}" alt="">
</div>
</div>
<div class="col-lg-5 col-12">
<div class="eventos-inteligente-card-item">
<h4>La gestión empresarial</h4>
<img src="{{ asset('assets/ll_assets/assets/img/empresarial-image.svg') }}" alt="">
</div>
</div>
<div class="col-lg-5 col-12">
<div class="eventos-inteligente-card-item">
<h4>La administración de organizadores y participantes</h4>
<img src="{{ asset('assets/ll_assets/assets/img/organizadores-image.svg') }}" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="eventos-necesitan-section">
<div class="container">
<div class="wrapper-eventos-necesitan">
<div class="row gy-4 justify-content-center align-items-center">
<div class="col-lg-6 col-12">
<div class="eventos-necesitan-content">
<strong>TUS PRÓXIMOS <i>EVENTOS</i> NECESITAN:</strong>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="row gy-4 position-relative">
<div class="col-lg-6">
<div class="eventos-necesitan-item-card">
<h5>Pagos Online</h5>
<p>Transacciones en línea para el registro de tus asistentes.</p>
</div>
</div>
<div class="col-lg-6">
<div class="eventos-necesitan-item-card wrapper-eventos-item">
<h5>Gestión de stands</h5>
<p>Los participantes tienen la posibilidad de reservar y comprar espacios en
línea.</p>
</div>
</div>
</div>
<div class="row gy-4 position-relative">
<div class="col-lg-6">
<div class="eventos-necesitan-item-card mt-5 third-child">
<h5>Coordinacion de conferencias</h5>
<p>Brinda toda la informacion del evento a tus participantes e invitados</p>
</div>
</div>
<div class="col-lg-6">
<div class="eventos-necesitan-item-card inner-wrapper-eventos-item">
<h5>Chatbot</h5>
<p>Con una comunicación ilimitada, resuelve las dudas de los usuarios acerca de
los eventos por medio de mensajes de texto.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}