@extends('landing2.view.layouts.app')

@section('contenido')

    <!-- Hero -->
    <section class="ctx-subhero">
        <div class="ctx-dots-pattern"></div>
        <div class="ctx-shape ctx-shape--1"></div>
        <div class="ctx-shape ctx-shape--3"></div>
        <div class="ctx-shape ctx-shape--5"></div>
        <div class="ctx-glow ctx-glow--1"></div>
        <div class="ctx-glow ctx-glow--2"></div>

        <div class="container ctx-subhero-content">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6">
                    <div class="ctx-badge ctx-animate">
                        <span class="ctx-badge-dot"></span>
                        Automatizacion
                    </div>
                    <h1 class="ctx-animate ctx-delay-1">
                        <span class="ctx-hero-accent">BOTS,</span>
                        tus aliados para optimizar el tiempo
                    </h1>
                    <p class="ctx-hero-text ctx-animate ctx-delay-2">
                        Incorporando inteligencia artificial a tus procesos laborales, asegurate de optimizar
                        tu tiempo y dejar de lado tareas operativas que no generan valor agregado.
                    </p>
                    <div class="ctx-hero-actions ctx-animate ctx-delay-3">
                        <a class="ctx-cta-btn" href="https://www.youtube.com/watch?v=n2XF57o44Qo" target="_blank">
                            <i class="fa fa-youtube-play"></i> Enterate de m&aacute;s
                        </a>
                        <a class="ctx-cta-btn-secondary" href="/probar" target="_blank">
                            Probalo gratis <i class="fa fa-arrow-right"></i>
                        </a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6">
                    <div class="ctx-img-frame ctx-animate ctx-delay-2">
                        <img class="ctx-contador-img" src="{{ asset('landing2/images/bots/01.png') }}" alt="Bots Taxes">
                        <div class="ctx-img-accent"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="main-content">

        <!-- Como funcionan -->
        <section class="ctx-feature-grid">
            <div class="container">
                <div class="ctx-section-header">
                    <div class="ctx-section-badge">Como Funciona</div>
                    <h3>Como funcionan los <span>BOTs</span></h3>
                    <p>
                        Existen procesos que, invirtiendo nuestro tiempo, no aseguran ning&uacute;n beneficio.
                        Los BOTS son la soluci&oacute;n: una palabra, cuatro letras, muchos resultados.
                    </p>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-12 mb-4">
                        <div class="ctx-module-card">
                            <div class="ctx-card-icon-wrap">
                                <div class="ctx-card-icon"><i class="fa fa-cogs"></i></div>
                                <div class="ctx-card-number">01</div>
                            </div>
                            <h5>Automatizaci&oacute;n de Tareas</h5>
                            <p>
                                Resuelven tareas y procesos de manera autom&aacute;tica. Ahorra tiempo
                                sin necesidad de estar conectado.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 mb-4">
                        <div class="ctx-module-card ctx-module-card--featured">
                            <div class="ctx-card-icon-wrap">
                                <div class="ctx-card-icon ctx-card-icon--light"><i class="fa fa-shield"></i></div>
                                <div class="ctx-card-number">02</div>
                            </div>
                            <h5>Disminuci&oacute;n de Errores</h5>
                            <p>
                                Mitig&aacute; el margen de error al 100%. La informaci&oacute;n que presenta
                                es exactamente la misma que se carga en el sistema.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 mb-4">
                        <div class="ctx-module-card">
                            <div class="ctx-card-icon-wrap">
                                <div class="ctx-card-icon"><i class="fa fa-briefcase"></i></div>
                                <div class="ctx-card-number">03</div>
                            </div>
                            <h5>El Bot Trabaja Para VOS</h5>
                            <p>
                                Deleg&aacute; en esta tecnolog&iacute;a tareas que no generan valor
                                y dedicate a lo que realmente importa.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Bot IVA -->
        <section class="ctx-feature-section ctx-feature-section--alt">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="ctx-feature-text">
                            <div class="ctx-section-badge">Bot IVA</div>
                            <h3>Bot de Liquidaci&oacute;n de IVA</h3>
                            <p>
                                Completa por vos los datos de las liquidaciones de IVA directo al sitio de AFIP,
                                sin necesidad de ingresar a la p&aacute;gina fiscal y sin margen de error.
                            </p>
                            <p>
                                Vinculado con AFIP, confecciona la informaci&oacute;n para el formulario 2002.
                                El bot toma los valores y los traslada al aplicativo autom&aacute;ticamente.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="ctx-visual-panel">
                            <div class="ctx-mock-panel">
                                <div class="ctx-mock-panel-header">
                                    <div class="ctx-mock-panel-title"><i class="fa fa-cog fa-spin"></i> Bot IVA - Ejecutando</div>
                                    <div class="ctx-mock-panel-dots"><span></span><span></span><span></span></div>
                                </div>
                                <div class="ctx-mock-panel-body">
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">AFIP</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill--green" style="width:100%;"></div></div>
                                        <span class="ctx-mock-progress-value">OK</span>
                                    </div>
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">F.2002</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill--green" style="width:85%;"></div></div>
                                        <span class="ctx-mock-progress-value">85%</span>
                                    </div>
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">Envio</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill" style="width:40%;"></div></div>
                                        <span class="ctx-mock-progress-value">40%</span>
                                    </div>
                                    <table class="ctx-mock-table" style="margin-top:12px;">
                                        <tr><th>Cliente</th><th>CUIT</th><th>Estado</th></tr>
                                        <tr><td>Empresa SA</td><td>30-71234567-8</td><td><span class="ctx-mock-pill ctx-mock-pill--green">Enviado</span></td></tr>
                                        <tr><td>Negocio SRL</td><td>30-70987654-1</td><td><span class="ctx-mock-pill ctx-mock-pill--blue">Procesando</span></td></tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Bot CM -->
        <section class="ctx-feature-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="ctx-visual-panel">
                            <div class="ctx-mock-panel">
                                <div class="ctx-mock-panel-header">
                                    <div class="ctx-mock-panel-title"><i class="fa fa-map-marker"></i> Bot CM - Jurisdicciones</div>
                                    <div class="ctx-mock-panel-dots"><span></span><span></span><span></span></div>
                                </div>
                                <div class="ctx-mock-panel-body">
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">CABA</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill" style="width:45%;"></div></div>
                                        <span class="ctx-mock-progress-value">45%</span>
                                    </div>
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">Buenos Aires</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill--green" style="width:30%;"></div></div>
                                        <span class="ctx-mock-progress-value">30%</span>
                                    </div>
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">C&oacute;rdoba</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill" style="width:15%;"></div></div>
                                        <span class="ctx-mock-progress-value">15%</span>
                                    </div>
                                    <div class="ctx-mock-progress-row">
                                        <span class="ctx-mock-progress-label">Santa Fe</span>
                                        <div class="ctx-mock-progress-bar"><div class="ctx-mock-progress-fill--green" style="width:10%;"></div></div>
                                        <span class="ctx-mock-progress-value">10%</span>
                                    </div>
                                    <div style="text-align:center; margin-top:12px;">
                                        <span class="ctx-mock-pill ctx-mock-pill--green" style="font-size:11px !important; padding:5px 14px;">CM03 Listo para presentar</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="ctx-feature-text">
                            <div class="ctx-section-badge">Bot CM</div>
                            <h3>Bot Liquidaci&oacute;n de Convenio Multilateral</h3>
                            <p>
                                Traslada desde el sistema al aplicativo los saldos por jurisdicci&oacute;n
                                para confeccionar las presentaciones de Convenio de forma autom&aacute;tica.
                            </p>
                            <p>
                                Completa en el CM03 los saldos totales por actividad a nivel nacional
                                y los saldos seg&uacute;n jurisdicci&oacute;n y actividad.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row mt-5">
                    <div class="col-12 text-center">
                        <a href="https://www.youtube.com/playlist?list=PLMRKpcZ1oGg9dCJm8AGUhxwMhe3NfGALV" target="_blank" class="ctx-yt-btn">
                            <i class="fa fa-youtube-play"></i> Videos tutoriales
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Todos los bots -->
        <section class="ctx-dark-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5 mb-4">
                        <div class="ctx-mock-flow" style="margin-bottom: 30px;">
                            <div class="ctx-mock-flow-step">
                                <i class="fa fa-database"></i>
                                <span>Datos en Taxes</span>
                            </div>
                            <i class="fa fa-arrow-right ctx-mock-flow-arrow"></i>
                            <div class="ctx-mock-flow-step">
                                <i class="fa fa-cog"></i>
                                <span>Bot procesa</span>
                            </div>
                            <i class="fa fa-arrow-right ctx-mock-flow-arrow"></i>
                            <div class="ctx-mock-flow-step">
                                <i class="fa fa-cloud-upload"></i>
                                <span>AFIP / CM03</span>
                            </div>
                            <i class="fa fa-arrow-right ctx-mock-flow-arrow"></i>
                            <div class="ctx-mock-flow-step">
                                <i class="fa fa-check-circle"></i>
                                <span>Presentado</span>
                            </div>
                        </div>
                        <img class="ctx-dark-img" src="{{ asset('landing2/images/bots/final.gif') }}" alt="Bots Taxes">
                    </div>
                    <div class="col-lg-7">
                        <div class="ctx-section-badge" style="background: rgba(255,255,255,0.1); color: var(--tx-white);">Todos los Bots</div>
                        <h2>Conoc&eacute; todos nuestros <span>Bots</span></h2>
                        <p>Adem&aacute;s de los mencionados, el sistema cuenta con otros Bots para automatizar procesos rutinarios:</p>
                        <div class="ctx-contador-features" style="margin-top:20px;">
                            <div class="ctx-check-item ctx-check-item--light"><i class="fa fa-check-circle"></i> <strong>Bot Importador Mis Comprobantes</strong> — descarga reportes en Excel del aplicativo para su importaci&oacute;n</div>
                            <div class="ctx-check-item ctx-check-item--light"><i class="fa fa-check-circle"></i> <strong>Bot Factura Electr&oacute;nica</strong> — emisi&oacute;n de comprobantes electr&oacute;nicos en forma masiva y autom&aacute;tica</div>
                            <div class="ctx-check-item ctx-check-item--light"><i class="fa fa-check-circle"></i> <strong>Bot Env&iacute;o Situaci&oacute;n Impositiva</strong> — envi&aacute; por mail el estado de deuda a tus clientes</div>
                            <div class="ctx-check-item ctx-check-item--light"><i class="fa fa-check-circle"></i> <strong>Bot Env&iacute;o de Honorarios</strong> — gestion&aacute; la cobranza enviando la deuda de honorarios</div>
                            <div class="ctx-check-item ctx-check-item--light"><i class="fa fa-check-circle"></i> <strong>Bot Liquidaciones de Sueldos</strong> — seleccion&aacute; legajos y liquid&aacute; en un proceso &uacute;nico y masivo</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA -->
        <section class="ctx-cta-band">
            <div class="container">
                <h3>Optimiz&aacute; tu tiempo con <span>Taxes Software</span></h3>
                <a href="/probar" target="_blank" class="ctx-cta-btn"><i class="fa fa-rocket"></i> Solicita tu prueba gratis</a>
                <a href="/" class="ctx-cta-btn-secondary">Volver al inicio <i class="fa fa-arrow-left"></i></a>
            </div>
        </section>

    </div>

@endsection