Files
trabajoHTMLOrbis/caracteristicas/voz.html
2024-11-27 00:01:01 +01:00

77 lines
2.8 KiB
HTML

<!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>