🏋🏻 EntrenaPro

Crea una aplicación web completa llamada "EntrenaPro" para Entrenadores Personales. Todo en español.

• Enlace en Google AI Studio

Prompt

Funcionalidades:

Landing Page

• Hero section con llamada a la acción.
• Pon esta imagen como fondo de la seccion hero: https://images.unsplash.com/photo-1571019614242-c5c5dee9f50b
• Sección de servicios.
• Paquetes: 5 sesiones, 10 sesiones, 20 sesiones (con precios).
• Testimonios de alumnos.
• Formulario de contacto.
• Botón WhatsApp flotante.

Autenticación

Sólo diseño y navegabilidad primero, luego integraremos base de datos.

• Dos tipos de usuario: entrenador y alumno.
• Registro de nuevos usuarios.
• Login con email/password.
• Logout.
• Recuperación de contraseña.

Panel Entrenador (/admin):

• Dashboard con métricas:
  • Citas de hoy.
  • Ingresos del mes.
  • Total de alumnos activos.
  • Gráfico de ingresos últimos 6 meses.
• Gestión de alumnos:
  • Tabla con todos los alumnos.
  • CRUD completo (crear, leer, actualizar, eliminar).
  • Búsqueda y filtros.
• Calendario semanal:
  • Horario de 7am a 8pm.
  • Ver y gestionar citas.
  • Estados: confirmada, cancelada, completada.
• Configuración:
  • Horarios disponibles.
  • Gestión de paquetes.

Panel Alumno (/alumno):

• Ver sesiones restantes del paquete actual.
• Agendar nueva cita:
  • Seleccionar fecha.
  • Elegir hora disponible.
• Ver próxima cita agendada.
• Cancelar citas.
• Ver historial completo de sesiones.
• Página de compra de paquetes (solo interfaz visual, sin procesamiento de pago real).

Diseño:

• Interfaz moderna, atractiva y profesional.
• Colores energéticos apropiados para fitness.
• Totalmente responsive.
• Notificaciones toast para feedback de acciones.
• Loading states en todas las interacciones.
• Validación visual de formularios.
• Navegación completa entre todas las páginas.
• Datos de ejemplo para revisar visualmente antes de integrar base de datos.

Datos de Demostración:

• Generar set completo de datos demo.
• 10 alumnos con diferentes paquetes.
• 10 citas de ejemplo con diferentes estados.
• Historial de 2 meses para gráficos.
• 3 a 5 citas para próximos días.
• En el calendario del alumno para agendar cita haz que por defecto esté todo disponible y que permita escoger una hora fácilmente.