Gym Booking

Navbar

Barra de navegación fija con logo, enlaces a secciones, menú hamburguesa en mobile y efecto de scroll. El logo se gestiona desde el panel de admin.

Hero

Pantalla completa con imagen de fondo, texto principal, subtítulo, CTA y número decorativo “01”. Animación de entrada con barras animadas con efecto de máscara.

Marquee

Tira de palabras que se desplaza horizontalmente de forma infinita. Ideal para palabras clave o valores del gimnasio. Configurable desde el admin.

Stats

Cuatro indicadores numéricos (ej: años de experiencia, clientes satisfechos, etc.) con animación de conteo al hacer scroll.

Programas (Servicios)

Grilla responsive de tarjetas con imagen, título, descripción, duración y nivel. Cada servicio se administra desde el panel.

Instructor/a

Sección de dos columnas con foto del instructor/a, nombre, título, descripción, etiquetas y badge flotante de experiencia. Configurable desde admin.

Galería

Grilla tipo bento (4 columnas, con imágenes destacadas que ocupan más espacio). Responsive a 2 columnas en mobile. Se administra desde el panel.

Planes de precios

Tres tarjetas de planes con nombre, precio, período, lista de características y botón de reserva. Se puede destacar un plan visualmente. Administrable desde el panel.

Testimonios

Muestra opiniones de clientes con foto, nombre, cargo, comentario y valoración por estrellas. Si hay 3 o menos se muestran en grilla, si hay más funciona como carrusel.

Booking (Reserva de turnos)

Formulario de dos columnas con selector de fecha, horarios disponibles (según configuración del admin), plan y datos del cliente. Al enviar:

✔ Se guarda la reserva en la base de datos.

✔ Se envía un email de notificación al administrador.

✔ Se envía un email de confirmación al cliente.

Contacto

Formulario de contacto con nombre, email, teléfono, asunto y mensaje. Incluye datos de contacto (email, teléfono, dirección, horarios). Al enviar:

✔ Se guarda el mensaje en la base de datos.

✔ Se envía un email de notificación al administrador.

✔ Se envía un email de auto-respuesta al cliente.