<?php
// ===========================================================================
// GeoCheck — landing V3.
// Texto tomado de la landing publicada y del catálogo de planes. Sin inventar.
// ===========================================================================
require_once __DIR__ . '/_planes.php';

$AHORRO  = a_ahorro_anual();
$URL_APP = a_url_panel();
$PROD    = 'geocheck';
?>
<!doctype html>
<html lang="es" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>GeoCheck | Si no está en el sitio, no registra</title>

<meta name="description" content="Control de asistencia para equipos en campo. Cada registro valida NIP, geocerca GPS y foto en tiempo real. Sin checador físico y sin descargar ninguna app.">
<meta name="author" content="GeoCheck, un producto de Alkes — software y soluciones TI">
<meta name="theme-color" content="#061c6b">
<meta name="format-detection" content="telephone=no">

<meta property="og:type" content="website">
<meta property="og:site_name" content="GeoCheck">
<meta property="og:title" content="GeoCheck | Si no está en el sitio, no registra">
<meta property="og:description" content="Asistencia validada en tres pasos: identidad, ubicación GPS y evidencia visual. Para equipos que trabajan fuera de la oficina.">
<meta property="og:image" content="https://geocheck.alkes.mx/assets/img/og-image.png">
<meta property="og:locale" content="es_MX">

<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700&family=Source+Sans+3:wght@400;600&family=IBM+Plex+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="assets/css/alkes.css">

<script>
(function () {
    var r = document.documentElement;
    r.className = r.className.replace('no-js', 'js');
    try {
        var t = localStorage.getItem('tema');
        if (t === 'dark' || t === 'light') { r.setAttribute('data-theme', t); }
    } catch (e) {}
})();
</script>
</head>
<body>

<a class="skip-link" href="#main">Saltar al contenido</a>


<header class="nav" id="nav">
    <div class="container nav__in">
        <a class="nav__logo" href="#inicio">
            <img src="assets/img/logo-blanco.png" alt="" width="34" height="34">
            <span>GeoCheck</span>
        </a>
        <a class="nav__by" href="https://alkes.mx">por <strong>ALKES</strong></a>
        <nav class="nav__links" aria-label="Secciones">
            <a class="nav__link" href="#producto">Producto</a>
            <a class="nav__link" href="#validacion">Validación</a>
            <a class="nav__link" href="#sectores">Sectores</a>
            <a class="nav__link" href="#privacidad">Privacidad</a>
            <a class="nav__link" href="#precios">Precios</a>
            <a class="nav__link" href="#contacto">Contacto</a>
        </nav>
        <div class="nav__actions">
            <?= a_tema() ?>
            <a class="btn btn--ghost btn--sm" href="<?= a_e($URL_APP) ?>">Iniciar sesión</a>
            <a class="btn btn--primary btn--sm" href="#precios">Ver planes</a>
        </div>
        <button class="nav__burger" type="button" id="navToggle" aria-expanded="false" aria-controls="navPanel" aria-label="Abrir menú">
            <?= a_icon('menu', 'i-menu') ?><?= a_icon('close', 'i-close') ?>
        </button>
    </div>
    <div class="nav__panel container" id="navPanel">
        <a class="nav__link" href="#producto">Producto</a>
        <a class="nav__link" href="#validacion">Validación</a>
        <a class="nav__link" href="#sectores">Sectores</a>
        <a class="nav__link" href="#privacidad">Privacidad</a>
        <a class="nav__link" href="#precios">Precios</a>
        <a class="nav__link" href="#contacto">Contacto</a>
        <a class="nav__link" href="manual.html">Manual de usuario</a>
        <a class="nav__link" href="#ecosistema">Ecosistema Alkes</a>
        <div class="nav__panel-actions">
            <?= a_tema() ?>
            <a class="btn btn--outline" href="<?= a_e($URL_APP) ?>">Iniciar sesión</a>
            <a class="btn btn--primary" href="#precios">Ver planes y precios</a>
        </div>
    </div>
</header>

<main id="main">

<!-- 01 · Hero ------------------------------------------------------------- -->
<section class="hero" id="inicio">
    <div class="container">
        <div class="hero__grid">
            <div class="hero__body">
                <p class="eyebrow" data-reveal>Control de asistencia por ubicación</p>
                <h1 data-reveal style="--reveal-delay:60ms">Si no está en el sitio, no <em>registra</em></h1>
                <p class="lede" data-reveal style="--reveal-delay:120ms">
                    GeoCheck valida cada asistencia con tres comprobaciones obligatorias e
                    inseparables: identidad por NIP, geolocalización GPS contra una geocerca
                    y foto en tiempo real. Sin equipo físico adicional y sin configuraciones
                    complejas.
                </p>
                <div class="btn-row" data-reveal style="--reveal-delay:180ms">
                    <a class="btn btn--primary btn--lg" href="#precios">Ver planes y precios<?= a_icon('arrow') ?></a>
                    <a class="btn btn--outline btn--lg" href="<?= a_e($URL_APP) ?>" data-open-demo><?= a_icon('play') ?>Probar el demo</a>
                </div>
                <ul class="hero__facts" data-reveal style="--reveal-delay:240ms">
                    <li><?= a_icon('check') ?>Sin checador físico</li>
                    <li><?= a_icon('check') ?>Funciona en el navegador</li>
                    <li><?= a_icon('check') ?>Evidencia no editable</li>
                </ul>
            </div>
            <div class="hero__aside" data-reveal style="--reveal-delay:300ms">
                <div class="ticks">
                    <div class="panel">
                        <div class="panel__bar">
                            <span class="panel__dots" aria-hidden="true"><i></i><i></i><i></i></span>
                            <span class="panel__url">app.geocheck.alkes.mx</span>
                        </div>
                        <div class="panel__body">
                            <div class="panel__title">
                                <p class="panel__h">Registro de entrada</p>
                                <span class="chip chip--accent"><?= a_icon('geo') ?>Obra Norte</span>
                            </div>
                            <ul class="rows">
                                <li class="row">
                                    <span class="dot dot--on" aria-hidden="true"></span>
                                    <span class="row__name">Identidad<small>NIP alfanumérico de 4 caracteres</small></span>
                                    <span class="row__state row__state--on">Válido</span>
                                </li>
                                <li class="row">
                                    <span class="dot dot--on" aria-hidden="true"></span>
                                    <span class="row__name">Ubicación GPS<small>Dentro de la geocerca · 34 m</small></span>
                                    <span class="row__state row__state--on">Válido</span>
                                </li>
                                <li class="row">
                                    <span class="dot dot--busy" aria-hidden="true"></span>
                                    <span class="row__name">Evidencia visual<small>Foto en tiempo real desde la cámara</small></span>
                                    <span class="row__state">Capturando</span>
                                </li>
                            </ul>
                            <div class="kpis" style="margin-top:1rem">
                                <div class="kpi"><b>3 / 3</b><span>Validaciones</span></div>
                                <div class="kpi"><b>08:02</b><span>Hora local</span></div>
                                <div class="kpi"><b>12</b><span>Ubicaciones</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <p class="hero__note">
                    <?= a_icon('geo') ?>
                    <span><strong>Validación contra geocercas</strong>
                    <span>Si no estás dentro del radio permitido, no registras.</span></span>
                </p>
            </div>
        </div>
    </div>
</section>

<!-- 02 · Qué es ----------------------------------------------------------- -->
<section class="section section--tight" id="producto">
    <div class="container">
        <h2 class="sr-only">Qué es GeoCheck, para quién es y qué resuelve</h2>
        <div class="pillars" data-reveal>
            <div class="pillar">
                <span class="pillar__k idx">01 · Qué es</span>
                <h3>Asistencia validada en tres pasos</h3>
                <p>Cada registro pasa por NIP, geocerca y foto en tiempo real. Las tres
                   validaciones son obligatorias e inseparables.</p>
            </div>
            <div class="pillar">
                <span class="pillar__k idx">02 · Para quién</span>
                <h3>Equipos que trabajan fuera de la oficina</h3>
                <p>Obra, ventas externas, servicio técnico, reparto, sucursales y sedes
                   temporales.</p>
            </div>
            <div class="pillar">
                <span class="pillar__k idx">03 · Qué resuelve</span>
                <h3>El checado por compadrazgo</h3>
                <p>Olvídate de las hojas de papel y de los relojes checadores manipulables,
                   y del costo de comprar equipos.</p>
            </div>
        </div>
    </div>
</section>

<!-- 03 · Validación ------------------------------------------------------- -->
<section class="section section--rule" id="validacion">
    <div class="container">
        <?= a_head('01', 'Tecnología validadora', 'Tres comprobaciones que no se pueden separar',
            'Cada registro se somete a las tres. Si alguna falla, no hay asistencia.') ?>
        <ol class="steps steps--3" data-reveal>
            <li class="step">
                <span class="step__n">01</span>
                <h3>Identidad única</h3>
                <p>Acceso mediante NIP alfanumérico de 4 caracteres.</p>
            </li>
            <li class="step">
                <span class="step__n">02</span>
                <h3>Ubicación GPS</h3>
                <p>Validación contra ubicaciones (geocercas) predefinidas. Si no estás en el
                   radio permitido, no registras.</p>
            </li>
            <li class="step">
                <span class="step__n">03</span>
                <h3>Evidencia visual</h3>
                <p>Foto obligatoria en tiempo real desde la cámara del dispositivo. No se
                   permite subir archivos.</p>
            </li>
        </ol>

        <div class="mt-block">
            <div class="notice" data-reveal>
                <?= a_icon('history') ?>
                <div><strong>Auditoría total</strong>
                <p>Se registra absolutamente todo: cada intento de asistencia, exitoso o
                   fallido, y cualquier cambio hecho por administradores o supervisores desde
                   el panel. Todo queda documentado.</p></div>
            </div>
        </div>

        <div class="mt-block">
            <?= a_shot('assets/img/panel.png', 'Panel de administración de GeoCheck con indicadores de asistencia y registros recientes', 1600, 900, 'Panel de administración: checadas del día, distribución por estado y actividad del sistema', 'Fig. 01') ?>
        </div>

        <article class="feat mt-block" data-reveal>
            <div class="feat__body">
                <p class="eyebrow eyebrow--brand">Operación del día</p>
                <h3>El supervisor ve lo que pasó, no lo que le contaron</h3>
                <p class="muted">Cada registro llega con su hora, su ubicación validada y su
                   fotografía. Los intentos fallidos también quedan, con el motivo del rechazo.</p>
                <ul class="feat__list">
                    <li><?= a_icon('geo') ?><div><strong>Geocercas por ubicación de trabajo</strong><p>Define el sitio y el radio permitido para cada equipo o sucursal.</p></div></li>
                    <li><?= a_icon('camera') ?><div><strong>Evidencia no editable</strong><p>La foto se toma en el momento; no se pueden subir archivos ya existentes.</p></div></li>
                    <li><?= a_icon('report') ?><div><strong>Reportes exportables</strong><p>Reportes avanzados y evidencias conservadas por 12 meses.</p></div></li>
                </ul>
            </div>
            <div class="feat__media">
                <?= a_shot('assets/img/registro.png', 'Pantalla de registro de asistencia de GeoCheck en un teléfono, con NIP, cámara y GPS activos', 840, 1800, 'Registro de asistencia desde el navegador del teléfono', 'Fig. 02') ?>
            </div>
        </article>
    </div>
</section>

<!-- 04 · La diferencia ---------------------------------------------------- -->
<section class="section band on-dark" id="diferencia">
    <div class="container">
        <?= a_head('02', 'La diferencia', 'GeoCheck frente a un reloj checador',
            'El reloj de la entrada valida que alguien puso un dedo. No valida quién, ni dónde, ni cuándo de verdad.') ?>
        <div class="compare" data-reveal>
            <div class="compare__col">
                <h3 class="compare__t compare__t--no"><?= a_icon('close') ?>Otros relojes</h3>
                <ul class="compare__list">
                    <li>Checado por compadrazgo</li>
                    <li>Manipulación de fotos</li>
                    <li>Costo de equipos</li>
                    <li>Procesamiento lento</li>
                </ul>
            </div>
            <div class="compare__col compare__col--yes">
                <h3 class="compare__t compare__t--yes"><?= a_icon('check') ?>GeoCheck</h3>
                <ul class="compare__list">
                    <li>Validación GPS</li>
                    <li>Evidencia no editable</li>
                    <li>Sin checador físico</li>
                    <li>Reportes en tiempo real</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 05 · Sectores --------------------------------------------------------- -->
<section class="section" id="sectores">
    <div class="container">
        <?= a_head('03', 'Soluciones sectoriales', 'Diseñado para el control real',
            'GeoCheck está pensado para equipos que operan fuera de la oficina, donde el reloj de la entrada no sirve.') ?>
        <div class="cases cases--3" data-reveal>
            <article class="case">
                <span class="idx">Construcción</span>
                <h3>Personal en obra</h3>
                <p>Valida que los operarios y albañiles están físicamente en el terreno de construcción.</p>
            </article>
            <article class="case">
                <span class="idx">Comercial</span>
                <h3>Vendedores externos</h3>
                <p>Control de visitas a clientes y puntos de venta. Reportes de ruta y presencia.</p>
            </article>
            <article class="case">
                <span class="idx">Servicio</span>
                <h3>Técnicos de servicio</h3>
                <p>Soporte técnico, mantenimiento y reparaciones. Validación en domicilio del cliente.</p>
            </article>
            <article class="case">
                <span class="idx">Logística</span>
                <h3>Logística y reparto</h3>
                <p>Control de salida y llegada de mercancía en almacenes y puntos de entrega.</p>
            </article>
            <article class="case">
                <span class="idx">Retail</span>
                <h3>Sucursales</h3>
                <p>Gestión centralizada de múltiples sucursales: control de personal, horarios y reportes por ubicación.</p>
            </article>
            <article class="case">
                <span class="idx">Eventos</span>
                <h3>Eventos y servicios temporales</h3>
                <p>Control de personal en eventos, ferias y sedes temporales; gestión de turnos y presencia por ubicación.</p>
            </article>
        </div>
    </div>
</section>

<!-- 06 · Privacidad ------------------------------------------------------- -->
<section class="section section--sunken section--rule" id="privacidad">
    <div class="container">
        <?= a_head('04', 'Privacidad y claridad', 'Lo que GeoCheck <em>no</em> es',
            'Respetamos la privacidad de la persona mientras garantizamos el cumplimiento laboral. Este es un sistema de verdad, no un sistema de espionaje.') ?>
        <div class="matrix matrix--3" data-reveal>
            <div class="matrix__item">
                <span class="matrix__n">No es</span>
                <h3><?= a_icon('camera') ?>Biometría facial invasiva</h3>
                <p>La foto es solo evidencia del momento del registro ("Selfie de asistencia"). No
                   creamos bases de datos biométricas ni reconocemos rostros constantemente.</p>
            </div>
            <div class="matrix__item">
                <span class="matrix__n">No es</span>
                <h3><?= a_icon('route') ?>Rastreo constante</h3>
                <p>El GPS solo se activa durante los segundos exactos del registro. No rastreamos
                   movimientos todo el día ni mostramos ubicación en vivo.</p>
            </div>
            <div class="matrix__item">
                <span class="matrix__n">No permite</span>
                <h3><?= a_icon('building') ?>Trabajo desde casa</h3>
                <p>El sistema está diseñado estrictamente para validar presencia física en el sitio
                   de trabajo asignado. Si no estás allí, no entras.</p>
            </div>
        </div>
    </div>
</section>

<!-- 07 · Demo interactiva --------------------------------------------------- -->
<section class="section section--tight" id="demo-geocheck">
    <div class="container">
        <?= a_head('05', 'Demo interactiva', 'Prueba GeoCheck',
            'Selecciona el módulo que deseas explorar.') ?>
        <div class="cases" data-reveal>
            <article class="case">
                <h3>Panel de administración</h3>
                <p>Accede al panel para gestionar empleados, reportes y configuraciones de asistencia.</p>
                <a class="btn btn--outline" href="<?= a_e($URL_APP) ?>" data-open-demo><?= a_icon('login') ?>Acceder al panel</a>
            </article>
            <article class="case">
                <h3>Registrar asistencia</h3>
                <p>Simula el registro de asistencia como empleado en campo, con validación por GPS y evidencia.</p>
                <a class="btn btn--outline" href="<?= a_e($URL_APP) ?>" data-open-demo><?= a_icon('geo') ?>Registrar asistencia</a>
            </article>
        </div>
    </div>
</section>

<!-- 08 · Precios ---------------------------------------------------------- -->
<section class="section" id="precios">
    <div class="container">
        <?= a_head('06', 'Planes', 'Elige el plan que se adapte a tu operación',
            'Todos los planes incluyen validación NIP + GPS + foto, onboarding y capacitación, auditoría total detallada, reportes avanzados y evidencias por 12 meses.') ?>
        <div class="center" data-reveal>
            <div class="period" role="tablist" aria-label="Periodo de facturación">
                <button type="button" role="tab" id="tab-mensual" aria-selected="true" aria-controls="panel-mensual">Mensual</button>
                <button type="button" role="tab" id="tab-anual" aria-selected="false" tabindex="-1" aria-controls="panel-anual">Anual<?php if ($AHORRO): ?><span class="save">−<?= (int) $AHORRO ?> %</span><?php endif; ?></button>
            </div>
        </div>
        <div id="panel-mensual" role="tabpanel" aria-labelledby="tab-mensual" data-reveal><?= a_grid_planes('mensual') ?></div>
        <div id="panel-anual" role="tabpanel" aria-labelledby="tab-anual" hidden><?= a_grid_planes('anual') ?></div>
        <ul class="plan-foot" data-reveal>
            <li><?= a_icon('check') ?>Onboarding y capacitación</li>
            <li><?= a_icon('check') ?>Auditoría total detallada</li>
            <li><?= a_icon('check') ?>Evidencias por 12 meses</li>
            <li><?= a_icon('check') ?>Sin descargas de App Store ni Google Play</li>
        </ul>
    </div>
</section>

<!-- 09 · En camino -------------------------------------------------------- -->
<section class="section section--tight section--rule">
    <div class="container container--narrow">
        <?= a_head('07', 'En camino', 'Próximamente en GeoCheck') ?>
        <div class="roadmap" data-reveal>
            <div class="roadmap__item"><h3>Reconocimiento facial</h3><p>Validación opcional mediante reconocimiento facial para evitar el uso del NIP por terceros.</p></div>
            <div class="roadmap__item"><h3>Ubicaciones por zonas</h3><p>Gestión avanzada para empresas con múltiples sub-zonas dentro de una misma ubicación general.</p></div>
            <div class="roadmap__item"><h3>Offline Mode</h3><p>Capacidad para registrar asistencia sin conexión a internet y sincronizar al regresar.</p></div>
        </div>
    </div>
</section>

<!-- 10 · Tecnología --------------------------------------------------------- -->
<section class="section" id="tecnologia">
    <div class="container">
        <?= a_head('08', 'Por qué GeoCheck', 'Construido con tecnología de punta',
            'GeoCheck utiliza un stack tecnológico moderno y robusto para garantizar disponibilidad, seguridad y velocidad en cada registro de asistencia.') ?>
        <div class="trust trust--3" data-reveal>
            <div class="trust__item"><?= a_icon('cloud-check') ?><h3>Backend seguro</h3><p>Arquitectura escalable lista para alta concurrencia.</p></div>
            <div class="trust__item"><?= a_icon('display') ?><h3>Disponibilidad móvil</h3><p>Diseño responsivo optimizado para cualquier navegador móvil (Android/iOS).</p></div>
            <div class="trust__item"><?= a_icon('lock') ?><h3>Encriptación de datos</h3><p>Evidencias y datos sensibles protegidos con altos estándares de seguridad.</p></div>
        </div>
        <div class="mt-block">
            <div class="notice" data-reveal>
                <?= a_icon('code') ?>
                <div><strong>Compatibilidad total</strong>
                <p>Funciona directamente en el navegador. No requiere descargas de App Store ni
                   Google Play. Actualizaciones automáticas e invisibles para el usuario final.</p></div>
            </div>
        </div>
    </div>
</section>

<!-- 11 · Confianza y cierre ------------------------------------------------ -->
<section class="section band on-dark" id="confianza">
    <div class="container">
        <?= a_head('09', 'Confianza', 'Software con responsable, no un servicio anónimo',
            'GeoCheck es un producto de Alkes. Detrás hay una persona con nombre, correo y teléfono, que desarrolla, opera y da soporte al mismo sistema.') ?>
        <div class="trust trust--4" data-reveal>
            <div class="trust__item"><?= a_icon('display') ?><h3>Sin descargas</h3><p>Funciona en el navegador del teléfono. Nada que instalar desde App Store ni Google Play.</p></div>
            <div class="trust__item"><?= a_icon('history') ?><h3>Auditoría total</h3><p>Cada intento y cada cambio administrativo quedan registrados con autor y fecha.</p></div>
            <div class="trust__item"><?= a_icon('lock') ?><h3>Evidencia íntegra</h3><p>La foto se captura en el momento; no se admiten archivos subidos desde la galería.</p></div>
            <div class="trust__item"><?= a_icon('globe') ?><h3>Operación internacional</h3><p>Atención fuera de México a través de nuestro contacto internacional.</p></div>
        </div>
        <div class="mt-block">
            <?= a_autor('Como desarrollador de software y administrador de sistemas, me comprometo a ofrecerte una solución confiable, flexible y centrada en la experiencia del usuario. Para soporte técnico, consultas o la integración de módulos adicionales, no dudes en contactarme.') ?>
        </div>
    </div>
</section>

<section class="section section--tight">
    <div class="container">
        <div class="cta" data-reveal>
            <div>
                <p class="eyebrow">Hablemos de control</p>
                <h2>Empieza a validar la asistencia de verdad</h2>
                <p class="lede">Entra al demo con las credenciales de prueba o escríbenos y te
                   damos toda la información sobre GeoCheck.</p>
            </div>
            <div class="btn-row">
                <a class="btn btn--primary btn--lg" href="#precios">Ver planes y precios<?= a_icon('arrow') ?></a>
                <a class="btn btn--outline btn--lg" href="<?= a_e($URL_APP) ?>" data-open-demo><?= a_icon('play') ?>Probar el demo</a>
            </div>
        </div>
    </div>
</section>

<!-- 12 · Contacto --------------------------------------------------------- -->
<section class="section section--sunken section--rule" id="contacto">
    <div class="container">
        <?= a_head('10', 'Contacto', 'Solicita información',
            'Escríbenos directamente y un asesor te contacta. Sin formularios: tu correo llega a una bandeja real.') ?>
        <div class="contact contact--3" data-reveal>
            <a class="contact__item" href="mailto:<?= ALKES_MAIL ?>">
                <?= a_icon('mail') ?><span class="contact__k">Alkes</span>
                <span class="contact__v"><?= ALKES_MAIL ?></span>
                <span class="contact__d">Dudas comerciales y soporte.</span>
            </a>
            <a class="contact__item" href="mailto:hrojas@hisss.com.mx">
                <?= a_icon('globe') ?><span class="contact__k">Operación internacional</span>
                <span class="contact__v">hrojas@hisss.com.mx</span>
                <span class="contact__d">Atención fuera de México.</span>
            </a>
            <a class="contact__item" href="tel:<?= ALKES_TEL ?>">
                <?= a_icon('phone') ?><span class="contact__k">Teléfono</span>
                <span class="contact__v"><?= ALKES_TEL_TXT ?></span>
                <span class="contact__d">Para demostraciones guiadas.</span>
            </a>
        </div>
    </div>
</section>

<!-- 13 · Ecosistema ------------------------------------------------------- -->
<section class="section section--tight" id="ecosistema">
    <div class="container">
        <?= a_head('11', 'Ecosistema Alkes', 'GeoCheck no está solo',
            'Cinco productos desarrollados, alojados y operados por Alkes. Mismo soporte, misma casa.') ?>
        <?= a_ecosistema_grid($PROD) ?>
    </div>
</section>

</main>

<footer class="footer">
    <div class="container footer__top">
        <div class="footer__brand">
            <span class="nav__logo"><img src="assets/img/logo-blanco.png" alt="" width="34" height="34"><span>GeoCheck</span></span>
            <p>Sistema web de control de asistencia por ubicación. Validamos identidad, GPS y
               evidencia visual para empresas con personal en campo.</p>
        </div>
        <div class="footer__cols">
            <div class="footer__col">
                <h2 class="footer__h">Producto</h2>
                <ul>
                    <li><a href="#producto">Qué es</a></li>
                    <li><a href="#validacion">Validación</a></li>
                    <li><a href="#privacidad">Privacidad</a></li>
                    <li><a href="#precios">Planes y precios</a></li>
                </ul>
            </div>
            <div class="footer__col">
                <h2 class="footer__h">Accesos</h2>
                <ul>
                    <li><a href="<?= a_e($URL_APP) ?>">Iniciar sesión</a></li>
                    <li><a href="<?= a_e($URL_APP) ?>" data-open-demo>Probar el demo</a></li>
                    <li><a href="<?= ALKES_CENTRAL ?>">Contratar</a></li>
                    <li><a href="manual.html">Manual de usuario</a></li>
                </ul>
            </div>
            <div class="footer__col">
                <h2 class="footer__h">Contacto</h2>
                <ul>
                    <li><a href="mailto:<?= ALKES_MAIL ?>"><?= ALKES_MAIL ?></a></li>
                    <li><a href="mailto:hrojas@hisss.com.mx">hrojas@hisss.com.mx</a></li>
                    <li><a href="tel:<?= ALKES_TEL ?>"><?= ALKES_TEL_TXT ?></a></li>
                    <li><a href="<?= ALKES_SITIO ?>">Alkes</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="footer__bot">
            <p>© <?= date('Y') ?> GeoCheck. Todos los derechos reservados.</p>
            <a class="footer__sig" href="<?= ALKES_SITIO ?>">Un producto de <strong>ALKES</strong></a>
        </div>
    </div>
</footer>

<?= a_dialogo_demo($URL_APP) ?>

<script src="assets/js/alkes.js" defer></script>
</body>
</html>
