Login Registration Interface - Copy this Html, Tailwind Component to your project
Diseña una interfaz de usuario web para la aplicación Healthy360, enfocada en bienestar y salud, mostrando la vista inmediatamente después de que el usuario ha iniciado sesión. La interfaz debe conectarse visual y funcionalmente con la pantalla de inicio de sesión o pantalla de bienvenida previamente diseñada, asegurando una transición suave y coherente entre ambas. El diseño debe incluir un menú de navegación (lateral o superior) con los siguientes módulos principales: Registro de actividad Muestra un boceto profesional que simule una vista con registros diarios, botones para añadir nueva actividad, estadísticas, y gráficos de progreso. Logros y objetivos Incluye una visualización de medallas/logros desbloqueados, objetivos en progreso, barra de avance y mensajes motivacionales. Foro de conversación Previsualiza un feed con publicaciones recientes, opción de crear un nuevo post, comentar, y filtros por tema. Recursos extra Muestra un grid con tarjetas que representen artículos, videos o podcasts sobre salud, cada uno con miniatura, título y descripción. Consulta profesional Boceto de una sección con opción para agendar citas, ver disponibilidad de profesionales, historial de consultas y botón de contacto directo. Mi perfil (sección aparte) Incluye campos editables del usuario, avatar, preferencias, historial de uso y configuración de cuenta. La interfaz debe: Ser responsiva (adaptarse a móvil y escritorio). Usar una paleta de colores ambientalistas y de salud, con predominancia de azules, verdes y blancos. Seguir una línea de diseño moderna, minimalista y accesible, con íconos representativos, buena tipografía y contraste suficiente. Mostrar un mensaje de bienvenida personalizado al usuario (por ejemplo: “¡Bienvenido, [nombre del usuario]!”). Asegúrate de que cada módulo tenga una previsualización profesional y coherente con su propósito, para simular cómo se vería una versión funcional. Todos los elementos deben estar bien organizados y con jerarquía visual clara.
