Spaces:
Running
Running
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Asistente de Salud Mental | Inicio</title> | |
<!-- Estilos --> | |
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}"> | |
<!-- Font Awesome --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> | |
<!-- Bootstrap CSS (opcional) --> | |
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> --> | |
</head> | |
<body class="landing-page"> | |
<div class="landing-container"> | |
<div class="welcome-card"> | |
<div class="logo-container"> | |
<br><br><br><img src="{{ url_for('static', filename='img/1.png') }}" alt="Logo" class="logo"> | |
</div> | |
<h1>Bienvenido a tu Asistente de Salud Mental</h1> | |
<div class="features"> | |
<div class="feature-item"> | |
<i class="fas fa-comments"></i> | |
<p>Conversaciones confidenciales</p> | |
</div> | |
<div class="feature-item"> | |
<i class="fas fa-microphone-alt"></i> | |
<p>Interacci贸n por voz</p> | |
</div> | |
<div class="feature-item"> | |
<i class="fas fa-brain"></i> | |
<p>Asistencia profesional</p> | |
</div> | |
</div> | |
<p class="welcome-text"> | |
Un espacio seguro para hablar sobre tus pensamientos y emociones. | |
Nuestro asistente virtual est谩 aqu铆 para escucharte y ayudarte. | |
</p> | |
<a href="{{ url_for('chatbot_page') }}" class="start-chat-btn"> | |
<i class="fas fa-comment-dots"></i> | |
Iniciar Conversaci贸n | |
</a> | |
<div class="disclaimer"> | |
<i class="fas fa-info-circle"></i> | |
<p>Este es un asistente virtual y no reemplaza la atenci贸n profesional. | |
En caso de emergencia, contacta a un profesional de la salud.</p> | |
</div> | |
</div> | |
</div> | |
<!-- Scripts opcionales --> | |
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> --> | |
</body> | |
</html> |