<body data-scroll-index="0" oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

    <header>
        <div class="w3-bar w3-black w3-xlarge w3-card">
            <a href="./" class="w3-bar-item w3-xlarge" style="text-decoration: none;">WHATSBUSINESS</a>
            <a onclick="openNavWhatsApp()" class="w3-bar-item w3-button w3-xlarge w3-right w3-hide-small">WHATSAPP</a>
            <a href="registro.php" class="w3-bar-item w3-button w3-right w3-xlarge w3-hide-small">REGISTRO</a>
            <!-- <a onclick="openNavLlamar()" class="w3-bar-item w3-button w3-right w3-xlarge w3-hide-small">LLAMAR</a> -->
            <a onclick="openNavDemo()" class="w3-bar-item w3-button w3-right w3-xlarge w3-hide-small">DEMO</a>
            <div class="menuicon w3-right w3-hide-large w3-hide-medium"
                onclick="MenuIconChange(this); NavbarCollapse();">
                <div class="bar1"></div>
                <div class="bar2"></div>
                <div class="bar3"></div>
            </div>
        </div>

        <div id="MobileMenu" class="w3-bar-block w3-black w3-hide w3-hide-large w3-card" style="z-index: 9999;">
            <a onclick="openNavDemo()" class="w3-bar-item w3-button w3-large">DEMO</a>
            <!-- <a onclick="openNavLlamar()" class="w3-bar-item w3-button w3-large">LLAMAR</a> -->
            <a href="registro.php" class="w3-bar-item w3-button w3-large">REGISTRO</a>
            <a onclick="openNavWhatsApp()" class="w3-bar-item w3-button w3-large">WHATSAPP</a>
        </div>
    </header>


    <div id="header" class="hero-image">
        <div class="hero-text">
            <h1 class="w3-black w3-card-4">TU NEGOCIO DIGITAL</h1>
            <h1 class="w3-black w3-card-4">PARA WHATSAPP</h1>
        </div>
    </div>

    <br>

    <div class="w3-panel w3-black w3-center w3-padding-32 w3-margin-top">
        <h3>
            <b>¿Tienes un Negocio y quieres vender más?</b>
        </h3>
        <p>
            <b>WhatsBusiness</b> te ayuda en el proceso de digitalización para vender más y mejor en WhatsApp y WhatsApp
            Business.
        </p>
        <!-- <a onclick="openNavLlamar()" class="w3-button w3-white"><b>LLAMAR</b></a> -->
        <a onclick="openNavWhatsApp()" class="w3-button w3-white"><b>WHATSAPP</b></a>
        <br>
    </div>

    <br>

    <div class="w3-container w3-margin-top">
        <div class="w3-row-padding">
            <div class="w3-third w3-center">
                <a onclick="openNavDemo()" class="w3-button w3-black w3-block"><b>DEMO</b></a>
                <br>
                <!-- <a onclick="openNavLlamar()" class="w3-button w3-black w3-block"><b>LLAMAR</b></a>
                <br> -->
                <a href="registro.php" class="w3-button w3-black w3-block"><b>REGISTRO</b></a>
                <br>
                <a onclick="openNavWhatsApp()" class="w3-button w3-black w3-block"><b>WHATSAPP</b></a>
                <br>
            </div>
            <div class="w3-third w3-center w3-animate-opacity">
                <img src="images/image2.jpg" alt="restaurant" class="w3-image w3-card-4">
            </div>
            <div class="w3-third w3-center">
                <h3 style="margin-top: 24px; margin-bottom: 0px;">
                    <b>Sobre WhatsBusiness</b>
                </h3>
                <p style="margin-top: 0px;">
                    <b>WhatsBusiness</b> es una Herramienta Digital Inteligente que te permite crear tu Menu Digital o Catálogo de Productos y mostrarlos fácilmente para que los compren vía WhatsApp y WhatsApp Business desde cualquier lugar y a cualquier hora, de forma fácil, rápida y simple.
                </p>
            </div>
        </div>
    </div>

    <br>

    <div class="w3-panel w3-black w3-center w3-padding-32 w3-margin-top">
        <h3>
            <b>¿Por qué WhatsBusiness es ideal para tu Negocio?</b>
        </h3>
        <p>
            <b>WhatsBusiness</b> es Rápido y Simple, está full optimizado y pensado en acelerar el proceso de compra y venta de cualquier producto de cualquier Negocio.
        </p>
        <!-- <a onclick="openNavLlamar()" class="w3-button w3-white"><b>LLAMAR</b></a> -->
        <a onclick="openNavWhatsApp()" class="w3-button w3-white"><b>WHATSAPP</b></a>
        <br>
    </div>

    <br>

    <div id="Slideshow" class="w3-content w3-display-container w3-margin-top">
        <div class="w3-display-container mySlides w3-card-4">
            <img src="images/image3.jpg" style="width:100%">
            <div class="w3-display-bottomleft w3-large w3-container w3-padding-large w3-black w3-wide">
                FOTOGRAFÍA
            </div>
        </div>

        <div class="w3-display-container mySlides w3-card-4">
            <img src="images/image4.jpg" style="width:100%">
            <div class="w3-display-bottommiddle w3-large w3-container w3-padding-large w3-black w3-wide">
                ORGANIZA
            </div>
        </div>

        <div class="w3-display-container mySlides w3-card-4">
            <img src="images/image5.jpg" style="width:100%">
            <div class="w3-display-bottomright w3-large w3-container w3-padding-large w3-black w3-wide">
                VENDE
            </div>
        </div>
    </div>

    <br>

    <div class="w3-panel w3-black w3-center w3-padding-32 w3-margin-top">
        <h3>
            <b>Beneficios y Ventajas de WhatsBusiness</b>
        </h3>
        <div class="w3-container">
            <div class="w3-row-padding">
                <div class="w3-col s12 m6 l6 w3-left-align">
                    <p>
                        ✔︎ Acelera el Proceso de Orden y Venta <br>
                        ✔︎ Convierte Órdenes en Clicks y Segundos <br>
                        ✔︎ Impulsa Las Ventas <br>
                        ✔︎ Fácil e Inteligente <br>
                        ✔︎ Rápido y Simple <br>
                        ✔︎ Compatibilidad Universal <br>
                        ✔︎ Funcional y Visual <br>
                        ✔︎ Permanencia de Clientes <br>
                        ✔︎ Enlace Directo de Clientes y Negocios <br>
                        ✔︎ Comunicación Punto a Punto <br>
                        ✔︎ Buena Herramienta de Marketing <br>
                        ✔︎ Publicidad Natural <br>
                        ✔︎ Posicionamiento Espontáneo <br>
                        ✔︎ WhatsApp y Web Simultáneamente <br>
                        ✔︎ Perspectivas de Clientes y Negocios <br>
                        ✔︎ Sin Límites de Órdenes <br>
                    </p>
                </div>
                <div class="w3-col s12 m6 l6 w3-left-align">
                    <p>
                        ✔︎ Diseño Adaptativo, Evolutivo e Inteligente <br>
                        ✔︎ Código QR <br>
                        ✔︎ Tarjeta Digital <br>
                        ✔︎ Sirve Para el Lugar, Reservas, Delivery y Pick Up <br>
                        ✔︎ Sin Instalaciones Ni Registros <br>
                        ✔︎ Sin Comisiones Ni Descuentos <br>
                        ✔︎ Sin Intervenciones Administrativas <br>
                        ✔︎ Sin Pasarelas de Pago <br>
                        ✔︎ Se Adapta A Tu Estructura Comercial <br>
                        ✔︎ Modo Mesonero (Restaurantes) y/o Modo Empleado / Vendedor (Otros Negocios) <br>
                        ✔︎ Tiempo de Orden Promedio Inferior a 1 Minuto <br>
                        ✔︎ Privacidad de Datos <br>
                        ✔︎ Sistema de Seguridad <br>
                        ✔︎ Sistema de Control <br>
                        ✔︎ Asesoría Técnica <br>
                        ✔︎ Más... <br>
                    </p>
                </div>
            </div>
        </div>
        <!-- <a onclick="openNavLlamar()" class="w3-button w3-white"><b>LLAMAR</b></a> -->
        <a onclick="openNavWhatsApp()" class="w3-button w3-white"><b>WHATSAPP</b></a>
        <br>
    </div>

    <br>

    <div class="w3-container w3-center">
        <div class="w3-row-padding">
            <div class="w3-third w3-margin-top">
                <div class="w3-card-4 w3-black w3-animate-opacity">
                    <div class="w3-half w3-col s12">
                        <img src="images/image6.jpg" alt="Tiendas Físicas y Virtuales"
                            style="width:100%; margin-bottom: -6px;">
                    </div>
                    <div class="w3-container">
                        <h3>Restaurantes</h3>
                    </div>
                </div>
            </div>
            <div class="w3-third w3-margin-top">
                <div class="w3-card-4 w3-black w3-animate-opacity">
                    <div class="w3-row">
                        <div class="w3-half w3-col s12">
                            <img src="images/image7.jpg" alt="Mini Markets" style="width:100%; margin-bottom: -6px;">
                        </div>
                        <div class="w3-container">
                            <h3>Tiendas Físicas y Virtuales</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="w3-third w3-margin-top">
                <div class="w3-card-4 w3-black w3-animate-opacity">
                    <div class="w3-row">
                        <div class="w3-half w3-col s12">
                            <img src="images/image8.jpg" alt="Todo Tipo de Negocios"
                                style="width:100%; margin-bottom: -6px;">
                        </div>
                        <div class="w3-container">
                            <h3>Todo Tipo de Negocios...</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <br>


    <div id="Footer" class="w3-panel w3-padding-small w3-center">
        <p>
            <a href="https://whatsbusiness.app/" style="text-decoration: none;"><b>WhatsBusiness</b></a> es propiedad privada © 2023. Todos los derechos reservados. Se prohíbe la copia total o parcial.
        </p>
        <p>
            Made with <span class="mdi--heart"></span> and <span class="devicon--rust"></span> by Combito
        </p>
        <br>
    </div>

    <div id="mySidenavDemo" class="sidenav">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNavDemo()">&times;</a>
        <a href="cs/gl/pedroscafe/">Global - Restaurante</a>
        <a href="cs/gl/pedrospets/">Global - Tienda</a>
        <a href="cs/es/pedroscafe/">España - Restaurante</a>
        <a href="cs/es/pedrospets/">España - Tienda</a>
        <a href="cs/ar/pedroscafe/">Argentina - Restaurante</a>
        <a href="cs/ar/pedrospets/">Argentina - Tienda</a>
        <a href="cs/cl/pedroscafe/">Chile - Restaurante</a>
        <a href="cs/cl/pedrospets/">Chile - Tienda</a>
    </div>

    <div id="mySidenavLlamar" class="sidenav">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNavLlamar()">&times;</a>
        <a href="tel:+18459037580">España</a>
        <!-- <a href="tel:+584129422961">Venezuela</a> -->
    </div>

    <div id="mySidenavWhatsApp" class="sidenav">
        <a href="javascript:void(0)" class="closebtn" onclick="closeNavWhatsApp()">&times;</a>
        <a href="https://wa.me/18459037580">Global</a>
        <a href="https://wa.me/18459037580">España</a>
        <a href="https://wa.me/18459037580">Argentina</a>
        <a href="https://wa.me/18459037580">Chile</a>
    </div>

    <a id="TopBtn" class="w3-btn w3-light-grey w3-text-dark-gray w3-card" data-scroll-goto="0"><b>TOP</b></a>


    <script>
        function MenuIconChange(x) {
            x.classList.toggle("change");
        }
    </script>


    <script>
        function NavbarCollapse() {
            var x = document.getElementById("MobileMenu");
            if (x.className.indexOf("w3-show") == -1) {
                x.className += " w3-show";
            } else {
                x.className = x.className.replace(" w3-show", "");
            }
        }
    </script>


    <script>
        var slideIndex = 1;
        showDivs(slideIndex);

        function plusDivs(n) {
            showDivs(slideIndex += n);
        }

        function showDivs(n) {
            var i;
            var x = document.getElementsByClassName("mySlides");
            if (n > x.length) {
                slideIndex = 1
            }
            if (n < 1) {
                slideIndex = x.length
            }
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            x[slideIndex - 1].style.display = "block";
        }
    </script>


    <script>
        var myIndex = 0;
        carousel();

        function carousel() {
            var i;
            var x = document.getElementsByClassName("mySlides");
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            myIndex++;
            if (myIndex > x.length) {
                myIndex = 1
            }
            x[myIndex - 1].style.display = "block";
            setTimeout(carousel, 2500);
        }
    </script>


    <script>
        let mybutton = document.getElementById("TopBtn");

        window.onscroll = function () { scrollFunction() };

        function scrollFunction() {
            if (document.body.scrollTop > 640 || document.documentElement.scrollTop > 640) {
                mybutton.style.display = "block";
            } else {
                mybutton.style.display = "none";
            }
        }

        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>


    <script>
        function openNavDemo() {
            document.getElementById("mySidenavDemo").style.width = "100%";
        }

        function closeNavDemo() {
            document.getElementById("mySidenavDemo").style.width = "0";
        }
    </script>

    <script>
        function openNavLlamar() {
            document.getElementById("mySidenavLlamar").style.width = "100%";
        }

        function closeNavLlamar() {
            document.getElementById("mySidenavLlamar").style.width = "0";
        }
    </script>

    <script>
        function openNavWhatsApp() {
            document.getElementById("mySidenavWhatsApp").style.width = "100%";
        }

        function closeNavWhatsApp() {
            document.getElementById("mySidenavWhatsApp").style.width = "0";
        }
    </script>

</body>
