commit inicial
This commit is contained in:
81
beta.html
Normal file
81
beta.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Información en tiempo real</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2>
|
||||
<br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="./beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-beta">
|
||||
<div class="encabezado-beta">
|
||||
<h2>Acceso Beta Exclusivo</h2>
|
||||
<p class="descripcion-beta">Únete al futuro de la productividad con Orbis AI. Sé uno de los primeros en probar nuestro asistente personal que usa IA de verdad.</p>
|
||||
</div>
|
||||
|
||||
<div class="caracteristicas-beta">
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-lightning-charge-fill"></i>
|
||||
<h3>Acceso Anticipado</h3>
|
||||
<p>Sé el primero en probar las nuevas funcionalidades</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-chat-square-text-fill"></i>
|
||||
<h3>Feedback Directo</h3>
|
||||
<p>Tu opinión ayudará a moldear el futuro de Orbis</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<h3>Beneficios Exclusivos</h3>
|
||||
<p>Ventajas especiales para usuarios beta</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form class="formulario-contacto">
|
||||
<h3>Formulario de Registro Beta</h3>
|
||||
<label for="name">Nombre Completo:</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
|
||||
<label for="email">Correo Electrónico:</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
|
||||
<label for="phone">Número de Teléfono:</label>
|
||||
<input type="tel" id="phone" name="phone">
|
||||
|
||||
<label for="interests">Área de Interés Principal:</label>
|
||||
<select id="interests" name="interests">
|
||||
<option value="productivity">Productividad Personal</option>
|
||||
<option value="automation">Automatización de Tareas</option>
|
||||
<option value="analytics">Análisis de Datos</option>
|
||||
<option value="integration">Integración de Sistemas</option>
|
||||
</select>
|
||||
|
||||
<label for="message">¿Por qué quieres unirte a la beta?</label>
|
||||
<textarea id="message" name="message" rows="4"></textarea>
|
||||
|
||||
<div class="contenedor-terminos">
|
||||
<input type="checkbox" id="terms" name="terms" required>
|
||||
<label for="terms">Acepto los términos y condiciones del programa beta</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="boton-beta">Solicitar Acceso Beta</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
57
caracteristicas/activacion.html
Normal file
57
caracteristicas/activacion.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Palabra de Activación</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2><br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-voz">
|
||||
<div class="encabezado-voz">
|
||||
<h2>Activación por Voz Personalizada</h2>
|
||||
<p class="subtitulo-voz">Di "Hey Orbis" o personaliza tu palabra de activación</p>
|
||||
</div>
|
||||
|
||||
<div class="caracteristicas-voz">
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-fingerprint"></i>
|
||||
<h3>Reconocimiento Único</h3>
|
||||
<p>Reconoce solo tu voz para mayor seguridad</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-gear-wide-connected"></i>
|
||||
<h3>Personalización Total</h3>
|
||||
<p>Elige la palabra que prefieras para activar Orbis</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-volume-up"></i>
|
||||
<h3>Respuesta Inmediata</h3>
|
||||
<p>Activación en menos de 0.5 segundos</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comandos-voz">
|
||||
<h3>Palabras de Activación Populares</h3>
|
||||
<ul>
|
||||
<li>"Hey Orbis"</li>
|
||||
<li>"Orbis"</li>
|
||||
<li>"Oye Orbis"</li>
|
||||
<li>"Ok Orbis"</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
44
caracteristicas/analisis.html
Normal file
44
caracteristicas/analisis.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Análisis Predictivo</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2><br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-informacion">
|
||||
<div class="encabezado-informacion">
|
||||
<h2>Análisis Predictivo de Productividad</h2>
|
||||
<p class="subtitulo-informacion">Anticípate a tus necesidades con IA avanzada</p>
|
||||
</div>
|
||||
|
||||
<div class="estadisticas-informacion">
|
||||
<div class="elemento-estadistica">
|
||||
<h4>95%</h4>
|
||||
<p>Precisión Predictiva</p>
|
||||
</div>
|
||||
<div class="elemento-estadistica">
|
||||
<h4>+200</h4>
|
||||
<p>Patrones Analizados</p>
|
||||
</div>
|
||||
<div class="elemento-estadistica">
|
||||
<h4>30%</h4>
|
||||
<p>Mejora en Productividad</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
47
caracteristicas/asistencia.html
Normal file
47
caracteristicas/asistencia.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Asistencia 24/7</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2><br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-informacion">
|
||||
<div class="encabezado-informacion">
|
||||
<h2>Asistencia 24/7</h2>
|
||||
<p class="subtitulo-informacion">Siempre disponible cuando lo necesites</p>
|
||||
</div>
|
||||
|
||||
<div class="tarjetas-informacion">
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-clock"></i>
|
||||
<h3>Disponibilidad Total</h3>
|
||||
<p>Acceso ininterrumpido las 24 horas del día</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-lightning"></i>
|
||||
<h3>Respuesta Instantánea</h3>
|
||||
<p>Tiempo de respuesta menor a 1 segundo</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-heart-pulse"></i>
|
||||
<h3>Siempre Activo</h3>
|
||||
<p>Sin tiempos de inactividad ni mantenimientos</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
49
caracteristicas/automatizacion.html
Normal file
49
caracteristicas/automatizacion.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Automatización Inteligente</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2><br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-informacion">
|
||||
<div class="encabezado-informacion">
|
||||
<h2>Automatización Inteligente</h2>
|
||||
<p class="subtitulo-informacion">Deja que Orbis se encargue de las tareas repetitivas</p>
|
||||
</div>
|
||||
<div class="contenedor-video">
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/vIQ_aq78YKo?si=9cfL86-WHooBDP_9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="tarjetas-informacion">
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-magic"></i>
|
||||
<h3>Automatización Inteligente</h3>
|
||||
<p>Aprende de tus rutinas y automatiza tareas comunes</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-clock-history"></i>
|
||||
<h3>Ahorro de Tiempo</h3>
|
||||
<p>Reduce hasta un 40% el tiempo en tareas repetitivas</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-diagram-3"></i>
|
||||
<h3>Flujos de Trabajo</h3>
|
||||
<p>Crea y personaliza tus propios flujos de automatización</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
caracteristicas/informacion.html
Normal file
77
caracteristicas/informacion.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Información en tiempo real</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2>
|
||||
<br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-informacion">
|
||||
<div class="encabezado-informacion">
|
||||
<h2>Información en Tiempo Real</h2>
|
||||
<p class="subtitulo-informacion">Mantente actualizado con datos precisos al instante</p>
|
||||
</div>
|
||||
|
||||
<div class="tarjetas-informacion">
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-calendar-check"></i>
|
||||
<h3>Calendario y Eventos</h3>
|
||||
<p>Sincronización inteligente con tu calendario personal, recordatorios de eventos importantes y sugerencias de organización diaria.</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-cloud-sun"></i>
|
||||
<h3>Condiciones Climáticas</h3>
|
||||
<p>Predicciones meteorológicas precisas y alertas tempranas de fenómenos naturales en tu ubicación.</p>
|
||||
</div>
|
||||
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-newspaper"></i>
|
||||
<h3>Noticias Relevantes</h3>
|
||||
<p>Análisis de más de 1000 fuentes de noticias para mantenerte informado sobre los temas que te interesan.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="caracteristicas-informacion">
|
||||
<h3>¿Cómo funciona?</h3>
|
||||
<ul>
|
||||
<li>Conexión simultánea con múltiples APIs de datos en tiempo real</li>
|
||||
<li>Algoritmos de filtrado para información relevante</li>
|
||||
<li>Aprendizaje continuo de tus preferencias</li>
|
||||
<li>Notificaciones personalizadas según tus intereses</li>
|
||||
<li>Integración con calendarios y recordatorios</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="estadisticas-informacion">
|
||||
<div class="elemento-estadistica">
|
||||
<h4>+1000</h4>
|
||||
<p>Fuentes de datos</p>
|
||||
</div>
|
||||
<div class="elemento-estadistica">
|
||||
<h4>0.5s</h4>
|
||||
<p>Tiempo de respuesta</p>
|
||||
</div>
|
||||
<div class="elemento-estadistica">
|
||||
<h4>99.9%</h4>
|
||||
<p>Precisión</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
71
caracteristicas/sincronizacion.html
Normal file
71
caracteristicas/sincronizacion.html
Normal file
@@ -0,0 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Sincronización</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2><br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
<div class="contenedor-informacion">
|
||||
<div class="encabezado-informacion">
|
||||
<h2>Sincronización entre Dispositivos</h2>
|
||||
<p class="subtitulo-informacion">Tu información siempre actualizada en todos tus dispositivos</p>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-mapa">
|
||||
<h3>Ecosistema de Dispositivos</h3>
|
||||
<img src="../src/sincronizacion.png" usemap="#image-map">
|
||||
|
||||
<map name="image-map">
|
||||
<area target="_blank" alt="Orbis" title="Orbis" href="../index.html" coords="60,259,56" shape="circle">
|
||||
<area target="_blank" alt="Apple Watch" title="Apple Watch" href="https://www.apple.com/es/watch/"
|
||||
coords="153,277,153,244,160,236,163,224,186,224,187,235,195,242,199,249,195,256,196,279,191,284,188,297,165,299,162,286"
|
||||
shape="poly">
|
||||
<area target="_blank" alt="Mac" title="Mac" href="https://www.apple.com/es/mac/"
|
||||
coords="352,425,352,195,356,185,352,180,324,53,326,45,334,43,726,44,732,48,703,178,697,184,702,189,704,429,696,434,363,436"
|
||||
shape="poly">
|
||||
<area target="_blank" alt="iPhone" title="iPhone" href="https://www.apple.com/es/iphone/"
|
||||
coords="232,177,318,358" shape="rect">
|
||||
<area target="_blank" alt="iPad" title="iPad" href="https://www.apple.com/es/ipad/"
|
||||
coords="737,176,1019,380" shape="rect">
|
||||
<area target="_blank" alt="Apple Pencil" title="Apple Pencil"
|
||||
href="https://www.apple.com/es/apple-pencil/"
|
||||
coords="922,158,924,153,921,147,759,147,740,153,759,159" shape="poly">
|
||||
</map>
|
||||
</div>
|
||||
|
||||
<div class="tarjetas-informacion">
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-phone"></i>
|
||||
<h3>Multiplataforma</h3>
|
||||
<p>Disponible en móviles, tablets y ordenadores</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-cloud-arrow-up"></i>
|
||||
<h3>Sincronización en la Nube</h3>
|
||||
<p>Datos actualizados en tiempo real</p>
|
||||
</div>
|
||||
<div class="tarjeta-informacion">
|
||||
<i class="bi bi-shield-lock"></i>
|
||||
<h3>Seguridad Garantizada</h3>
|
||||
<p>Encriptación de extremo a extremo</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
76
caracteristicas/voz.html
Normal file
76
caracteristicas/voz.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Orbis | Comunicación por Voz</title>
|
||||
<link rel="stylesheet" href="../src/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2>
|
||||
<br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<div class="contenedor-voz">
|
||||
<div class="encabezado-voz">
|
||||
<h2>Comunicación por Voz Natural</h2>
|
||||
<p class="subtitulo-voz">Interactúa con Orbis como si hablaras con un amigo</p>
|
||||
</div>
|
||||
|
||||
<div class="demo-voz">
|
||||
<div class="burbuja-voz asistente">
|
||||
<i class="bi bi-robot"></i>
|
||||
<p>"¡Hola! ¿En qué puedo ayudarte hoy?"</p>
|
||||
</div>
|
||||
<div class="burbuja-voz usuario">
|
||||
<i class="bi bi-person"></i>
|
||||
<p>"Necesito organizar mi agenda para mañana"</p>
|
||||
</div>
|
||||
<div class="burbuja-voz asistente">
|
||||
<i class="bi bi-robot"></i>
|
||||
<p>"Claro, veo que tienes 3 reuniones programadas. ¿Quieres que las organice para optimizar tu tiempo?"</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="caracteristicas-voz">
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-mic"></i>
|
||||
<h3>Reconocimiento Preciso</h3>
|
||||
<p>Entiende diferentes acentos y dialectos con una precisión del 98%</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-soundwave"></i>
|
||||
<h3>Voz Natural</h3>
|
||||
<p>Respuestas fluidas y naturales con entonación humana</p>
|
||||
</div>
|
||||
<div class="tarjeta-caracteristica">
|
||||
<i class="bi bi-shield-check"></i>
|
||||
<h3>Privacidad Total</h3>
|
||||
<p>Procesamiento local de voz sin envío de datos a servidores externos</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="comandos-voz">
|
||||
<h3>Comandos Populares</h3>
|
||||
<ul>
|
||||
<li>"Orbis, organiza mi día"</li>
|
||||
<li>"¿Cuáles son mis próximas tareas?"</li>
|
||||
<li>"Programa una reunión para mañana"</li>
|
||||
<li>"Activa el modo concentración"</li>
|
||||
<li>"Resume mis tareas pendientes"</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
107
index.html
Normal file
107
index.html
Normal file
@@ -0,0 +1,107 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Orbis, tu asistente enfocado en la productividad y el desarrollo. Automatización inteligente, análisis predictivo y sincronización multiplataforma.">
|
||||
<meta name="keywords" content="Orbis, asistente virtual, IA, productividad, automatización, análisis predictivo, sincronización, asistente personal, inteligencia artificial">
|
||||
<meta name="author" content="Orbis AI Team">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="Spanish">
|
||||
<meta name="revisit-after" content="7 days">
|
||||
<meta name="generator" content="Visual Studio Code">
|
||||
<meta name="theme-color" content="#769FCD">
|
||||
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://orbis-ai.com/">
|
||||
<meta property="og:title" content="Orbis | Tu Asistente de Productividad">
|
||||
<meta property="og:description" content="Descubre cómo Orbis puede revolucionar tu productividad con IA avanzada">
|
||||
<meta property="og:image" content="https://orbis-ai.com/src/preview.jpg">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta property="twitter:url" content="https://orbis-ai.com/">
|
||||
<meta property="twitter:title" content="Orbis | Tu Asistente de Productividad">
|
||||
<meta property="twitter:description" content="Automatización inteligente y análisis predictivo para maximizar tu productividad">
|
||||
<meta property="twitter:image" content="https://orbis-ai.com/src/preview.jpg">
|
||||
|
||||
<!-- PWA -->
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-title" content="Orbis">
|
||||
|
||||
<link rel="stylesheet" href="src/style.css">
|
||||
<title>Orbis | Home</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="barra-navegacion">
|
||||
<div class="barra-navegacion-izquierda">
|
||||
<img src="src/logo.png" alt="Logo de una esfera con ojitos">
|
||||
<div>
|
||||
<h2 class="lexend-700">Orbis</h2>
|
||||
<br>
|
||||
Tu asistente para la productividad
|
||||
</div>
|
||||
</div>
|
||||
<a class="boton-beta" href="beta.html">Acceso a la Beta</a>
|
||||
</div>
|
||||
|
||||
<h2>Características Principales</h2>
|
||||
<ol>
|
||||
<li><a href="caracteristicas/informacion.html">Obtiene información actualizada en tiempo real</a></li>
|
||||
<li><a href="caracteristicas/voz.html">Comunicación por voz</a></li>
|
||||
<li><a href="caracteristicas/activacion.html">Palabra de activación</a></li>
|
||||
</ol>
|
||||
|
||||
<h2>Beneficios Únicos</h2>
|
||||
<ul>
|
||||
<li><a href="caracteristicas/automatizacion.html">Automatización inteligente de tareas rutinarias</a></li>
|
||||
<li><a href="caracteristicas/analisis.html">Análisis predictivo de productividad</a></li>
|
||||
<li><a href="caracteristicas/asistencia.html">Asistencia 24/7 sin interrupciones</a></li>
|
||||
<li><a href="caracteristicas/sincronizacion.html">Sincronización perfecta entre dispositivos</a></li>
|
||||
</ul>
|
||||
|
||||
<h2>Comparación con otros asistentes</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Funciones</th>
|
||||
<th>Orbis</th>
|
||||
<th colspan="2">Otros Asistentes
|
||||
<table>
|
||||
<tr>
|
||||
<th>ChatGPT</th>
|
||||
<th>Bard</th>
|
||||
</tr>
|
||||
</table>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Productividad</td>
|
||||
<td>Sistema avanzado de gestión</td>
|
||||
<td colspan="2">Gestión básica</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IA Personalizada</td>
|
||||
<td>Aprendizaje continuo</td>
|
||||
<td colspan="2">Configuración limitada</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Integración Apps</td>
|
||||
<td>+50 apps compatibles</td>
|
||||
<td colspan="2">10-15 apps básicas</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Análisis de Datos</td>
|
||||
<td>Tiempo real + Histórico</td>
|
||||
<td colspan="2">Solo histórico</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Modo Offline</td>
|
||||
<td>Disponible</td>
|
||||
<td colspan="2">No disponible</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/logo.png
Normal file
BIN
src/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 144 KiB |
BIN
src/sincronizacion.png
Normal file
BIN
src/sincronizacion.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 414 KiB |
528
src/style.css
Normal file
528
src/style.css
Normal file
@@ -0,0 +1,528 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
|
||||
|
||||
|
||||
body {
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
background: linear-gradient(45deg, #B9D7EA, #F7FBFC);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.contenedor {
|
||||
min-height: calc(100vh - 40px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.barra-navegacion {
|
||||
background-color: white;
|
||||
border-radius: 50px;
|
||||
box-shadow: 5px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
position: sticky;
|
||||
max-width: 75%;
|
||||
margin: auto;
|
||||
margin-top: 10px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
.barra-navegacion-izquierda {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.barra-navegacion-izquierda img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.boton-beta {
|
||||
background-color: #769FCD;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 20px;
|
||||
padding: 10px 20px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s, transform 0.3s;
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.boton-beta:hover {
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.barra-navegacion:hover {
|
||||
box-shadow: #769FCD 0px 0px 10px;
|
||||
}
|
||||
|
||||
.barra-navegacion h2 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.barra-navegacion img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.div-atras {
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
.div-atras > a > i {
|
||||
color: #769FCD;
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
.div-atras:hover {
|
||||
box-shadow: #769FCD 0px 0px 10px;
|
||||
}
|
||||
|
||||
.lexend-700 {
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
color: #769FCD;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
margin: 20px auto;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
table td, table th {
|
||||
padding: 12px;
|
||||
border: 1px solid #D6E6F2;
|
||||
}
|
||||
|
||||
table th {
|
||||
background-color: #769FCD;
|
||||
color: white;
|
||||
}
|
||||
|
||||
table table {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
background-color: white;
|
||||
padding: 20px 40px;
|
||||
border-radius: 10px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 10px 0;
|
||||
color: #769FCD;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
li a {
|
||||
color: #769FCD;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a:hover {
|
||||
color: #B9D7EA;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
color: #B9D7EA;
|
||||
transform: translateX(5px);
|
||||
}
|
||||
|
||||
.formulario-contacto {
|
||||
max-width: 600px;
|
||||
margin: 40px auto;
|
||||
padding: 20px;
|
||||
background-color: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
font-family: "Lexend", sans-serif;
|
||||
}
|
||||
|
||||
.formulario-contacto label {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
color: #769FCD;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.formulario-contacto input,
|
||||
.formulario-contacto textarea,
|
||||
.formulario-contacto select {
|
||||
width: calc(100% - 20px);
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid #D6E6F2;
|
||||
border-radius: 5px;
|
||||
font-family: "Lexend", sans-serif;
|
||||
}
|
||||
|
||||
.formulario-contacto textarea {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.formulario-contacto input[type="checkbox"] {
|
||||
width: auto;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.formulario-contacto button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background-color: #769FCD;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-family: "Lexend", sans-serif;
|
||||
font-weight: 700;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.formulario-contacto button:hover {
|
||||
background-color: #B9D7EA;
|
||||
}
|
||||
|
||||
.contenedor-beta {
|
||||
max-width: 1200px;
|
||||
margin: 40px auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.encabezado-beta {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.descripcion-beta {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
color: #769FCD;
|
||||
font-size: 18px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.caracteristicas-beta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica {
|
||||
flex: 1;
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: #769FCD 0px 0px 15px;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica i {
|
||||
font-size: 2em;
|
||||
color: #769FCD;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica h3 {
|
||||
color: #769FCD;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica p {
|
||||
color: #666;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.formulario-contacto {
|
||||
background: white;
|
||||
padding: 30px;
|
||||
border-radius: 15px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.contenedor-terminos {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.contenedor-terminos input[type="checkbox"] {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.contenedor-terminos label {
|
||||
margin: 0;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.contenedor-informacion {
|
||||
max-width: 1200px;
|
||||
margin: 40px auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.encabezado-informacion {
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.subtitulo-informacion {
|
||||
color: #769FCD;
|
||||
font-size: 1.2em;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.tarjetas-informacion {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.tarjeta-informacion {
|
||||
background: white;
|
||||
padding: 30px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.tarjeta-informacion:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: #769FCD 0px 0px 20px;
|
||||
}
|
||||
|
||||
.tarjeta-informacion i {
|
||||
font-size: 3em;
|
||||
color: #769FCD;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.caracteristicas-informacion {
|
||||
background: white;
|
||||
padding: 30px;
|
||||
border-radius: 15px;
|
||||
margin: 40px 0;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.estadisticas-informacion {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 20px;
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.elemento-estadistica {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.elemento-estadistica h4 {
|
||||
color: #769FCD;
|
||||
font-size: 2.5em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.elemento-estadistica p {
|
||||
color: #666;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.contenedor-voz {
|
||||
max-width: 1200px;
|
||||
margin: 40px auto;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.encabezado-voz {
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.subtitulo-voz {
|
||||
color: #769FCD;
|
||||
font-size: 1.2em;
|
||||
margin-top: -20px;
|
||||
}
|
||||
|
||||
.demo-voz {
|
||||
max-width: 800px;
|
||||
margin: 40px auto;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.burbuja-voz {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin: 20px 0;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.burbuja-voz i {
|
||||
font-size: 2em;
|
||||
color: #769FCD;
|
||||
}
|
||||
|
||||
.burbuja-voz p {
|
||||
background: white;
|
||||
padding: 15px 20px;
|
||||
border-radius: 20px;
|
||||
margin: 0;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.burbuja-voz.usuario {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.burbuja-voz.usuario p {
|
||||
background: #769FCD;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.burbuja-voz.usuario i {
|
||||
color: #769FCD;
|
||||
}
|
||||
|
||||
.caracteristicas-voz {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 30px;
|
||||
margin: 50px 0;
|
||||
}
|
||||
|
||||
.tarjeta-caracteristica {
|
||||
background: white;
|
||||
padding: 30px;
|
||||
border-radius: 15px;
|
||||
text-align: center;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.comandos-voz {
|
||||
background: white;
|
||||
padding: 30px 40px;
|
||||
border-radius: 15px;
|
||||
margin: 40px auto;
|
||||
max-width: 600px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.comandos-voz ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.comandos-voz li {
|
||||
padding: 15px 20px;
|
||||
margin: 10px 0;
|
||||
border-radius: 8px;
|
||||
transition: background-color 0.3s ease;
|
||||
color: #769FCD;
|
||||
}
|
||||
|
||||
.comandos-voz li:hover {
|
||||
background-color: #F7FBFC;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.contenedor-video {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 40px auto;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.contenedor-video iframe {
|
||||
width: 100%;
|
||||
aspect-ratio: 16/9;
|
||||
border-radius: 15px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
}
|
||||
|
||||
.contenedor-mapa {
|
||||
max-width: 1000px;
|
||||
margin: 40px auto;
|
||||
padding: 20px;
|
||||
background: white;
|
||||
border-radius: 15px;
|
||||
box-shadow: #B9D7EA 0px 0px 10px;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
|
||||
.contenedor-mapa:hover {
|
||||
box-shadow: #769FCD 0px 0px 20px;
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
.contenedor-mapa img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.contenedor-mapa area {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.contenedor-mapa area:hover {
|
||||
outline: 2px solid #769FCD;
|
||||
}
|
||||
Reference in New Issue
Block a user