commit 916fb2497aaae16ffb9582497e56ee848188043d Author: h4ckx0r Date: Wed Nov 27 00:01:01 2024 +0100 commit inicial diff --git a/beta.html b/beta.html new file mode 100644 index 0000000..fe88fd5 --- /dev/null +++ b/beta.html @@ -0,0 +1,81 @@ + + + + + + + Orbis | Información en tiempo real + + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis

+
+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Acceso Beta Exclusivo

+

Únete al futuro de la productividad con Orbis AI. Sé uno de los primeros en probar nuestro asistente personal que usa IA de verdad.

+
+ +
+
+ +

Acceso Anticipado

+

Sé el primero en probar las nuevas funcionalidades

+
+
+ +

Feedback Directo

+

Tu opinión ayudará a moldear el futuro de Orbis

+
+
+ +

Beneficios Exclusivos

+

Ventajas especiales para usuarios beta

+
+
+ +
+

Formulario de Registro Beta

+ + + + + + + + + + + + + + + +
+ + +
+ + +
+
+ + + diff --git a/caracteristicas/activacion.html b/caracteristicas/activacion.html new file mode 100644 index 0000000..3f53ae8 --- /dev/null +++ b/caracteristicas/activacion.html @@ -0,0 +1,57 @@ + + + + + + Orbis | Palabra de Activación + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis


+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Activación por Voz Personalizada

+

Di "Hey Orbis" o personaliza tu palabra de activación

+
+ +
+
+ +

Reconocimiento Único

+

Reconoce solo tu voz para mayor seguridad

+
+
+ +

Personalización Total

+

Elige la palabra que prefieras para activar Orbis

+
+
+ +

Respuesta Inmediata

+

Activación en menos de 0.5 segundos

+
+
+ +
+

Palabras de Activación Populares

+
    +
  • "Hey Orbis"
    • +
  • "Orbis"
    • +
  • "Oye Orbis"
    • +
  • "Ok Orbis"
    • +
+
+
+ + diff --git a/caracteristicas/analisis.html b/caracteristicas/analisis.html new file mode 100644 index 0000000..685e000 --- /dev/null +++ b/caracteristicas/analisis.html @@ -0,0 +1,44 @@ + + + + + + Orbis | Análisis Predictivo + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis


+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Análisis Predictivo de Productividad

+

Anticípate a tus necesidades con IA avanzada

+
+ +
+
+

95%

+

Precisión Predictiva

+
+
+

+200

+

Patrones Analizados

+
+
+

30%

+

Mejora en Productividad

+
+
+
+ + diff --git a/caracteristicas/asistencia.html b/caracteristicas/asistencia.html new file mode 100644 index 0000000..c6113b1 --- /dev/null +++ b/caracteristicas/asistencia.html @@ -0,0 +1,47 @@ + + + + + + Orbis | Asistencia 24/7 + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis


+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Asistencia 24/7

+

Siempre disponible cuando lo necesites

+
+ +
+
+ +

Disponibilidad Total

+

Acceso ininterrumpido las 24 horas del día

+
+
+ +

Respuesta Instantánea

+

Tiempo de respuesta menor a 1 segundo

+
+
+ +

Siempre Activo

+

Sin tiempos de inactividad ni mantenimientos

+
+
+
+ + diff --git a/caracteristicas/automatizacion.html b/caracteristicas/automatizacion.html new file mode 100644 index 0000000..2dea97e --- /dev/null +++ b/caracteristicas/automatizacion.html @@ -0,0 +1,49 @@ + + + + + + Orbis | Automatización Inteligente + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis


+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Automatización Inteligente

+

Deja que Orbis se encargue de las tareas repetitivas

+
+
+ +
+
+
+ +

Automatización Inteligente

+

Aprende de tus rutinas y automatiza tareas comunes

+
+
+ +

Ahorro de Tiempo

+

Reduce hasta un 40% el tiempo en tareas repetitivas

+
+
+ +

Flujos de Trabajo

+

Crea y personaliza tus propios flujos de automatización

+
+
+
+ + diff --git a/caracteristicas/informacion.html b/caracteristicas/informacion.html new file mode 100644 index 0000000..9766e01 --- /dev/null +++ b/caracteristicas/informacion.html @@ -0,0 +1,77 @@ + + + + + + + Orbis | Información en tiempo real + + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis

+
+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Información en Tiempo Real

+

Mantente actualizado con datos precisos al instante

+
+ +
+
+ +

Calendario y Eventos

+

Sincronización inteligente con tu calendario personal, recordatorios de eventos importantes y sugerencias de organización diaria.

+
+
+ +

Condiciones Climáticas

+

Predicciones meteorológicas precisas y alertas tempranas de fenómenos naturales en tu ubicación.

+
+ +
+ +

Noticias Relevantes

+

Análisis de más de 1000 fuentes de noticias para mantenerte informado sobre los temas que te interesan.

+
+
+ +
+

¿Cómo funciona?

+
    +
  • Conexión simultánea con múltiples APIs de datos en tiempo real
    • +
  • Algoritmos de filtrado para información relevante
    • +
  • Aprendizaje continuo de tus preferencias
    • +
  • Notificaciones personalizadas según tus intereses
    • +
  • Integración con calendarios y recordatorios
    • +
+
+ +
+
+

+1000

+

Fuentes de datos

+
+
+

0.5s

+

Tiempo de respuesta

+
+
+

99.9%

+

Precisión

+
+
+
+ + diff --git a/caracteristicas/sincronizacion.html b/caracteristicas/sincronizacion.html new file mode 100644 index 0000000..7d94f85 --- /dev/null +++ b/caracteristicas/sincronizacion.html @@ -0,0 +1,71 @@ + + + + + + + Orbis | Sincronización + + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis


+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+
+
+

Sincronización entre Dispositivos

+

Tu información siempre actualizada en todos tus dispositivos

+
+ +
+

Ecosistema de Dispositivos

+ + + + Orbis + Apple Watch + Mac + iPhone + iPad + Apple Pencil + +
+ +
+
+ +

Multiplataforma

+

Disponible en móviles, tablets y ordenadores

+
+
+ +

Sincronización en la Nube

+

Datos actualizados en tiempo real

+
+
+ +

Seguridad Garantizada

+

Encriptación de extremo a extremo

+
+
+
+ + + diff --git a/caracteristicas/voz.html b/caracteristicas/voz.html new file mode 100644 index 0000000..8dc3262 --- /dev/null +++ b/caracteristicas/voz.html @@ -0,0 +1,76 @@ + + + + + + + Orbis | Comunicación por Voz + + + + +
+
+
+ Logo de una esfera con ojitos +
+

Orbis

+
+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +
+
+

Comunicación por Voz Natural

+

Interactúa con Orbis como si hablaras con un amigo

+
+ +
+
+ +

"¡Hola! ¿En qué puedo ayudarte hoy?"

+
+
+ +

"Necesito organizar mi agenda para mañana"

+
+
+ +

"Claro, veo que tienes 3 reuniones programadas. ¿Quieres que las organice para optimizar tu tiempo?"

+
+
+ +
+
+ +

Reconocimiento Preciso

+

Entiende diferentes acentos y dialectos con una precisión del 98%

+
+
+ +

Voz Natural

+

Respuestas fluidas y naturales con entonación humana

+
+
+ +

Privacidad Total

+

Procesamiento local de voz sin envío de datos a servidores externos

+
+
+ +
+

Comandos Populares

+
    +
  • "Orbis, organiza mi día"
    • +
  • "¿Cuáles son mis próximas tareas?"
    • +
  • "Programa una reunión para mañana"
    • +
  • "Activa el modo concentración"
    • +
  • "Resume mis tareas pendientes"
    • +
+
+
+ + diff --git a/index.html b/index.html new file mode 100644 index 0000000..221943d --- /dev/null +++ b/index.html @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Orbis | Home + + +
+
+ Logo de una esfera con ojitos +
+

Orbis

+
+ Tu asistente para la productividad +
+
+ Acceso a la Beta +
+ +

Características Principales

+
    +
  1. Obtiene información actualizada en tiempo real
    2. +
  2. Comunicación por voz
    3. +
  3. Palabra de activación
    4. +
+ +

Beneficios Únicos

+ + +

Comparación con otros asistentes

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FuncionesOrbisOtros Asistentes + + + + + +
ChatGPTBard
+
ProductividadSistema avanzado de gestiónGestión básica
IA PersonalizadaAprendizaje continuoConfiguración limitada
Integración Apps+50 apps compatibles10-15 apps básicas
Análisis de DatosTiempo real + HistóricoSolo histórico
Modo OfflineDisponibleNo disponible
+ + diff --git a/src/logo.png b/src/logo.png new file mode 100644 index 0000000..a661bd3 Binary files /dev/null and b/src/logo.png differ diff --git a/src/sincronizacion.png b/src/sincronizacion.png new file mode 100644 index 0000000..b763cc5 Binary files /dev/null and b/src/sincronizacion.png differ diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..c925e3b --- /dev/null +++ b/src/style.css @@ -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; +}