<!--
Archivo: index.html
Ruta: src\templates\index.html
Lenguaje: HTML
-->

{% extends "layout.html" %}

{% block title %}{{ _('Inicio - IGSA') }}{% endblock %}

{% block content %}

<link rel="stylesheet" href="{{ url_for('static', filename='css/index.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Poppins:wght@300;400;500&display=swap" rel="stylesheet">

<section class="clean-block clean-hero hero-elephant">
    <div class="text">
        <h2>{{ _('Elephant') }}</h2>
        <p>{{ _('Una plataforma digital desarrollada en IGSA para integrar, optimizar y supervisar nuestras operaciones. Elephant centraliza herramientas de cotización, seguimiento de proyectos, control operativo y colaboración entre áreas, asegurando eficiencia y continuidad en cada proceso.') }}</p>
    </div>
</section>

<section class="clean-block features">
    <div class="container">
        <!-- Bloques de funciones -->
        <div class="row justify-content-center mt-5">
            <div class="col-md-5 feature-box"><i class="icon-star icon"></i>
                <h4>{{ _('Seguimiento de Proyectos') }}</h4>
                <p>{{ _('Supervisión integral y control financiero de cada proyecto para asegurar cumplimiento y rentabilidad.') }}</p>
            </div>
            <div class="col-md-5 feature-box"><i class="icon-pencil icon"></i>
                <h4>{{ _('Cotizadores') }}</h4>
                <p>{{ _('Herramientas que permiten a nuestros vendedores y distribuidores generar cotizaciones rápidas, precisas y personalizadas.') }}</p>
            </div>
            <div class="col-md-5 feature-box"><i class="icon-screen-smartphone icon"></i>
                <h4>{{ _('Consulta en Línea') }}</h4>
                <p>{{ _('Acceso en tiempo real al estatus financiero, productivo y de avance en los proyectos.') }}</p>
            </div>
            <div class="col-md-5 feature-box"><i class="icon-refresh icon"></i>
                <h4>{{ _('Colaboración entre Áreas') }}</h4>
                <p>{{ _('Soluciones que impulsan la comunicación y el trabajo en conjunto entre las distintas áreas de operaciones.') }}</p>
            </div>
        </div>
    </div>
</section>


<section class="clean-block clean-info dark section-index-personalized">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <img class="img-thumbnail" src="{{ url_for('static', filename='img/Ventas/CotizadorPersonal.webp') }}" alt="{{ _('Imagen representativa de Control de Operaciones y Administración') }}">
            </div>
            <div class="col-md-6">
                <h3>{{ _('Cotizadores del Área Comercial') }}</h3>
                <div>
                    <p>
                        {{ _('El Cotizador de Ventas de IGSA es una herramienta ágil y confiable que forma parte de las soluciones de Control de Operaciones y Administración. 
                        Está diseñado especialmente para vendedores y distribuidores, permitiendo generar cotizaciones precisas en tiempo real, 
                        personalizadas según las necesidades de cada cliente, optimizando el proceso comercial y mejorando la experiencia de servicio.') }}
                    </p>
                </div>
                <a class="btn btn-outline-primary btn-lg" href="{{ url_for('Cotiz') }}"> {{ _('Generar Cotización') }} </a>
            </div>
        </div>
    </div>
</section>


<section class="clean-block features">
    <div class="container container-index-personalized-1">
        <!-- Bloques lado a lado -->
        <div class="row align-items-start two-blocks">
            <div class="col-md-6 block-left">
                <h2 class="text-info">{{ _('Operaciones de IGSA') }}</h2>
                <p>
                    {{ _('En IGSA, nuestras operaciones están enfocadas en integrar innovación, eficiencia y calidad en cada etapa de los proyectos. 
                    Desde el seguimiento y control hasta la colaboración entre áreas, garantizamos continuidad y excelencia operativa para nuestros clientes.') }}
                </p>
            </div>
            <div class="col-md-6 block-right">
                <h2 class="text-info">{{ _('Control de Operaciones y Administración') }}</h2>
                <p>
                    {{ _('El área de Control de Operaciones y Administración garantiza la continuidad y eficiencia en cada proyecto mediante la integración de procesos administrativos y operativos. 
                    Nuestro equipo utiliza herramientas digitales y metodologías estandarizadas para supervisar, coordinar y dar soporte a todas las divisiones, 
                    asegurando cumplimiento, transparencia y agilidad en la ejecución de las operaciones.') }}
                </p>
            </div>
        </div>
    </div>
</section>


<section class="clean-block slider dark">
    <div class="container">
        <div class="block-heading">
            <h2 class="text-info">{{ _('Galería') }}</h2>
            <p>{{ _('Galería de proyectos más recientes.') }}</p>
        </div>
        <div class="carousel slide" data-bs-ride="carousel" id="carousel-1">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100 d-block" src="{{ url_for('static', filename='img/scenery/image5.jpg') }}" alt="{{ _('Imagen de diapositiva 1') }}">
                </div>
                <div class="carousel-item">
                    <img class="w-100 d-block" src="{{ url_for('static', filename='img/scenery/image4.jpg') }}" alt="{{ _('Imagen de diapositiva 2') }}">
                </div>
                <div class="carousel-item">
                    <img class="w-100 d-block" src="{{ url_for('static', filename='img/scenery/image6.jpg') }}" alt="{{ _('Imagen de diapositiva 3') }}">
                </div>
            </div>
            <div>
                <a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                    <span class="visually-hidden">{{ _('Anterior') }}</span>
                </a>
                <a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next">
                    <span class="carousel-control-next-icon"></span>
                    <span class="visually-hidden">{{ _('Siguiente') }}</span>
                </a>
            </div>
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button>
                <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button>
                <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button>
            </div>
        </div>
    </div>
</section>

{% endblock %}

