{"id":158,"date":"2026-01-01T00:15:55","date_gmt":"2026-01-01T04:45:55","guid":{"rendered":"https:\/\/zytek.app\/?page_id=158"},"modified":"2026-01-02T22:20:26","modified_gmt":"2026-01-03T02:50:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/zytek.app\/en\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!-- ========================================= -->\n<!-- ZYTEK LLC LANDING PAGE - FINAL VERSION -->\n<!-- ========================================= -->\n<div class=\"zytek-root\">\n    \n    <!-- 1. ESTILOS CSS (DISE\u00d1O VISUAL) -->\n    <style>\n        \/* --- VARIABLES DE DISE\u00d1O --- *\/\n        :root {\n            --zy-bg-dark: #050505;\n            --zy-bg-card: rgba(17, 17, 17, 0.95);\n            --zy-text-main: #ffffff;\n            --zy-text-body: #e5e7eb;\n            --zy-text-muted: #9ca3af;\n            --zy-accent: #00AEEF;\n            --zy-success: #10B981;\n            --zy-font: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        }\n\n        \/* --- RESET Y CONTENEDOR PRINCIPAL --- *\/\n        .zytek-root {\n            font-family: var(--zy-font);\n            background-color: var(--zy-bg-dark);\n            color: var(--zy-text-main);\n            width: 100%;\n            min-height: 100vh;\n            line-height: 1.6;\n            overflow-x: hidden;\n            position: relative;\n        }\n\n        .zytek-root * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        .zytek-root a { text-decoration: none; color: inherit; transition: 0.3s; }\n        .zytek-root ul { list-style: none; }\n        .zytek-root img { max-width: 100%; display: block; }\n\n        \/* FONDO TECNOL\u00d3GICO *\/\n        .zy-bg-overlay {\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            z-index: 0;\n            pointer-events: none;\n            background: url('https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?q=80&w=1920&auto=format&fit=crop') no-repeat center center\/cover;\n            filter: brightness(0.15);\n        }\n\n        .zy-container {\n            position: relative;\n            z-index: 2;\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* --- HEADER --- *\/\n        .zy-header {\n            position: fixed; top: 0; left: 0; width: 100%;\n            background: rgba(5, 5, 5, 0.95);\n            backdrop-filter: blur(10px);\n            border-bottom: 1px solid rgba(255,255,255,0.05);\n            z-index: 1000;\n            padding: 20px 0;\n        }\n\n        .zy-nav-flex {\n            display: flex; justify-content: space-between; align-items: center;\n        }\n\n        .zy-logo {\n            font-size: 1.5rem; font-weight: 800; color: #fff;\n            letter-spacing: -1px;\n        }\n        .zy-logo span { color: var(--zy-accent); }\n\n        .zy-nav ul { display: flex; gap: 40px; }\n        .zy-nav a {\n            font-size: 0.95rem; color: var(--zy-text-body); font-weight: 500;\n        }\n        .zy-nav a:hover, .zy-nav a.active { color: var(--zy-accent); }\n\n        \/* --- HERO SECTION --- *\/\n        .zy-hero {\n            min-height: 90vh;\n            display: flex; align-items: center;\n            padding-top: 80px;\n        }\n\n        .zy-badge {\n            display: inline-block;\n            background: rgba(0, 174, 239, 0.1);\n            color: var(--zy-accent);\n            border: 1px solid rgba(0, 174, 239, 0.3);\n            padding: 6px 14px;\n            border-radius: 4px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            margin-bottom: 25px;\n        }\n\n        .zy-hero h1 {\n            font-size: 4rem; line-height: 1.1;\n            margin-bottom: 25px; color: #fff;\n        }\n\n        .zy-hero p {\n            font-size: 1.2rem; color: var(--zy-text-body);\n            margin-bottom: 40px; font-weight: 300; max-width: 600px;\n        }\n\n        .zy-btn {\n            display: inline-block;\n            background: var(--zy-accent); color: #000;\n            padding: 16px 36px;\n            border-radius: 4px; font-weight: 800;\n            text-transform: uppercase; cursor: pointer;\n            border: none; box-shadow: 0 0 20px rgba(0, 174, 239, 0.3);\n            transition: 0.3s;\n        }\n        .zy-btn:hover { transform: translateY(-3px); box-shadow: 0 0 30px rgba(0, 174, 239, 0.5); }\n\n        \/* --- CARDS --- *\/\n        .zy-features { padding: 100px 0; }\n        .zy-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 30px;\n        }\n\n        .zy-card {\n            background: var(--zy-bg-card);\n            padding: 35px; border: 1px solid rgba(255,255,255,0.08);\n            border-radius: 8px; transition: 0.3s;\n        }\n        .zy-card:hover {\n            border-color: var(--zy-accent);\n            transform: translateY(-5px);\n            background: rgba(20, 20, 20, 0.98);\n        }\n        .zy-card h3 { color: #fff; margin: 20px 0 15px; font-size: 1.4rem; }\n        .zy-card p { color: var(--zy-text-body); font-size: 1rem; }\n\n        \/* --- FORM --- *\/\n        .zy-form-section { padding: 100px 0; }\n        .zy-form-wrapper {\n            max-width: 650px; margin: 0 auto;\n            background: rgba(10, 10, 10, 0.95);\n            backdrop-filter: blur(10px);\n            padding: 50px; border-radius: 12px;\n            border: 1px solid rgba(255,255,255,0.1);\n            box-shadow: 0 25px 50px rgba(0,0,0,0.6);\n        }\n\n        .zy-group { margin-bottom: 25px; }\n        .zy-group label { display: block; color: var(--zy-text-body); margin-bottom: 10px; font-size: 0.95rem; font-weight: 500; }\n        \n        .zy-input {\n            width: 100%; padding: 16px;\n            background: rgba(255,255,255,0.05);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 6px; color: #fff;\n            font-family: var(--zy-font); font-size: 1rem;\n            outline: none; transition: 0.3s;\n        }\n        .zy-input:focus { background: rgba(255,255,255,0.08); border-color: var(--zy-accent); }\n\n        \/* SELECT FONDO NEGRO *\/\n        select.zy-input {\n            background-color: #000000 !important;\n            color: #ffffff !important;\n            border: 1px solid #333;\n            -webkit-appearance: none;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300AEEF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4L18.4%20402.6a17.6%2017.6%200%200%200-20.8%200L283.5%20374.8a17.6%2017.6%200%200%200-13-5.4l-83.6-107.5c-4.7-6-4.7-15.8%200-21.8l96.8-123.2a17.6%2017.6%200%200%200%2022-3.6l111-141.6z%22%2F%3E\");\n            background-repeat: no-repeat;\n            background-position: right 10px center;\n            background-size: 12px;\n        }\n        select.zy-input option { background-color: #000; color: #fff; }\n\n        .zy-submit {\n            width: 100%; padding: 18px;\n            background: var(--zy-success); color: #000;\n            font-weight: 800; text-transform: uppercase;\n            border: none; border-radius: 6px;\n            cursor: pointer; font-size: 1rem; margin-top: 15px;\n        }\n\n        \/* BOT\u00d3N TELEGRAM *\/\n        .zy-telegram-secondary {\n            display: block;\n            width: 100%;\n            text-align: center;\n            margin-top: 15px;\n            padding: 14px;\n            background: transparent;\n            border: 1px solid #229ED9;\n            color: #229ED9;\n            border-radius: 6px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: 0.3s;\n        }\n        .zy-telegram-secondary:hover { background: rgba(34, 158, 217, 0.1); color: #fff; }\n\n        \/* --- FOOTER --- *\/\n        .zy-footer {\n            padding: 60px 0; text-align: center;\n            border-top: 1px solid rgba(255,255,255,0.05);\n            color: var(--zy-text-muted); font-size: 0.9rem;\n        }\n\n        \/* --- RESPONSIVE --- *\/\n        @media (max-width: 768px) {\n            .zy-hero h1 { font-size: 2.8rem; }\n            .zy-nav ul { display: none; }\n        }\n    <\/style>\n\n    <!-- 2. FONDO FIJO -->\n    <div class=\"zy-bg-overlay\"><\/div>\n\n    <!-- 3. NAVEGACI\u00d3N -->\n    <header class=\"zy-header\">\n        <div class=\"zy-container zy-nav-flex\">\n            <div class=\"zy-logo\">ZYTEK <span>LLC<\/span><\/div>\n            <nav class=\"zy-nav\">\n                <ul>\n                    <li><a href=\"#\" class=\"active\">Inicio<\/a><\/li>\n                    <li><a href=\"#\">Nosotros<\/a><\/li>\n                    <li><a href=\"#\">Planes<\/a><\/li>\n                <\/ul>\n            <\/nav>\n        <\/div>\n    <\/header>\n\n    <!-- 4. CONTENIDO PRINCIPAL -->\n    <main>\n        <!-- HERO -->\n        <section class=\"zy-hero\">\n            <div class=\"zy-container\">\n                <span class=\"zy-badge\">Infraestructura de Ventas IA<\/span>\n                <h1>Automatiza tu venta.<br>Escala tu empresa.<\/h1>\n                <p>Conecta WhatsApp, Telegram e Instagram en un solo cerebro digital. Zytek captura, vende y gestiona tus datos24\/7 sin interrupciones.<\/p>\n                <a href=\"#conectar\" class=\"zy-btn\">Conectar con Zytek<\/a>\n            <\/div>\n        <\/section>\n\n        <!-- CARACTER\u00cdSTICAS -->\n        <section class=\"zy-features\">\n            <div class=\"zy-container\">\n                <div class=\"zy-grid\">\n                    <div class=\"zy-card\">\n                        <div style=\"font-size: 2rem; color: var(--zy-accent);\">\ud83e\udd16<\/div>\n                        <h3>Ventas Inteligentes<\/h3>\n                        <p>IA capacitada para cerrar ventas, crear carritos y gestionar pagos sin intervenci\u00f3n humana.<\/p>\n                    <\/div>\n                    <div class=\"zy-card\">\n                        <div style=\"font-size: 2rem; color: var(--zy-accent);\">\ud83d\udcca<\/div>\n                        <h3>Base de Datos Activa<\/h3>\n                        <p>Cada conversaci\u00f3n se convierte en un dato estrat\u00e9gico almacenado para remarketing.<\/p>\n                    <\/div>\n                    <div class=\"zy-card\">\n                        <div style=\"font-size: 2rem; color: var(--zy-accent);\">\ud83c\udfdb\ufe0f<\/div>\n                        <h3>El Pilar Estrat\u00e9gico<\/h3>\n                        <p>Estabilidad operativa. Mientras innovas, nosotros aseguramos el flujo de ventas.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- FORMULARIO -->\n        <section id=\"conectar\" class=\"zy-form-section\">\n            <div class=\"zy-container\">\n                <div class=\"zy-form-wrapper\">\n                    <h2 style=\"text-align: center; margin-bottom: 10px; color: #fff; font-size: 1.8rem;\">Inicia tu Transformaci\u00f3n<\/h2>\n                    <p style=\"text-align: center; color: var(--zy-text-muted); margin-bottom: 35px; font-size: 1rem;\">\n                        Completa este formulario. Nuestra IA analizar\u00e1 tu perfil.\n                    <\/p>\n\n                    <form id=\"zytekForm\">\n                        <div class=\"zy-group\">\n                            <label>Nombre Completo<\/label>\n                            <input type=\"text\" name=\"nombre\" class=\"zy-input\" placeholder=\"Ej: Juan P\u00e9rez\" required>\n                        <\/div>\n                        <div class=\"zy-group\">\n                            <label>Tel\u00e9fono<\/label>\n                            <input type=\"tel\" name=\"telefono\" class=\"zy-input\" placeholder=\"Ej: +15551234567\" required>\n                        <\/div>\n                        <div class=\"zy-group\">\n                            <label>Email Corporativo<\/label>\n                            <input type=\"email\" name=\"email\" class=\"zy-input\" placeholder=\"ventas@tuempresa.com\" required>\n                        <\/div>\n                        <div class=\"zy-group\">\n                            <label>Tipo de Negocio<\/label>\n                            <select name=\"negocio_tipo\" class=\"zy-input\" required>\n                                <option value=\"\" disabled selected>Selecciona una opci\u00f3n&#8230;<\/option>\n                                <option value=\"Retail\">Tienda \/ Retail<\/option>\n                                <option value=\"Servicios\">Servicios Profesionales<\/option>\n                                <option value=\"Restaurantes\">Restaurantes<\/option>\n                                <option value=\"Educacion\">Educaci\u00f3n \/ Cursos<\/option>\n                                <option value=\"Otro\">Otro<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"zy-submit\">Iniciar Automatizaci\u00f3n<\/button>\n\n                        <!-- BOT\u00d3N TELEGRAM -->\n                        <a href=\"https:\/\/t.me\/zytekbot\" target=\"_blank\" class=\"zy-telegram-secondary\">\n                            Prefiero hablar con ZytekBot en Telegram\n                        <\/a>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <!-- FOOTER -->\n    <footer class=\"zy-footer\">\n        <div class=\"zy-container\">\n            <p>&copy; 2023 Zytek LLC. Infraestructura de Ventas Inteligente.<\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- 5. L\u00d3GICA JAVASCRIPT (CORREGIDA PARA ABRIR WHATSAPP) -->\n    <script>\n        document.getElementById('zytekForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const btn = this.querySelector('button');\n            const originalText = btn.innerText;\n            const formData = new FormData(this);\n            \n            \/\/ Objeto para enviar a n8n\n            const data = {};\n            formData.forEach((value, key) => {\n                data[key] = value;\n            });\n\n            \/\/ Feedback Visual\n            btn.innerText = \"Conectando...\";\n            btn.style.opacity = \"0.7\";\n\n            \/\/ URL DE PRODUCCI\u00d3N DE N8N\n            const webhookURL = \"https:\/\/zytek.app.n8n.cloud\/webhook\/9c0d6dd8-eb71-40b1-8de9-1cd7b70eb97a\/webhook\";\n\n            \/\/ ACCI\u00d3N 1: ABRIR WHATSAPP INMEDIATAMENTE (Para evitar bloqueos del navegador)\n            window.open('https:\/\/wa.me\/15551777036', '_blank');\n\n            \/\/ ACCI\u00d3N 2: ENVIAR DATOS A N8N EN SEGUNDO PLANO\n            fetch(webhookURL, {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                },\n                body: JSON.stringify(data)\n            })\n            .then(response => {\n                \/\/ \u00c9xito\n                btn.innerText = \"\u00a1Conectado!\";\n                btn.style.backgroundColor = \"#10B981\";\n                btn.style.color = \"#fff\";\n                this.reset();\n            })\n            .catch(error => {\n                console.error('Error:', error);\n                btn.innerText = \"Error\";\n                btn.style.backgroundColor = \"#ef4444\";\n            })\n            .finally(() => {\n                setTimeout(() => {\n                    btn.innerText = originalText;\n                    btn.style.opacity = \"1\";\n                    btn.style.backgroundColor = \"\";\n                }, 4000);\n            });\n        });\n    <\/script>\n\n<\/div>\n<!-- ========================================= -->\n","protected":false},"excerpt":{"rendered":"<p>ZYTEK LLC Inicio Nosotros Planes Infraestructura de Ventas IA Automatiza tu venta.Escala tu empresa. Conecta WhatsApp, Telegram e Instagram en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":7,"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":165,"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/pages\/158\/revisions\/165"}],"wp:attachment":[{"href":"https:\/\/zytek.app\/en\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}