feat: Completar implementación de The Boutique

**The Boutique - Frontend completo para clientes:**
- Página de login/signup (/booking/login)
  - Autenticación con email/password
  - Registro de nuevos clientes
  - Validación de formularios
  - Diseño responsive y accesible

- Página de perfil (/booking/perfil)
  - Información personal del cliente
  - Edición de datos (modal)
  - Estadísticas de actividad
  - Historial de citas recientes
  - Información de membresía (tier)

- Página Mis Citas (/booking/mis-citas)
  - Lista completa de citas
  - Filtros: todas, próximas, pasadas
  - Detalles completos de cada cita
  - Opción de cancelar citas pendientes
  - Estados visuales por estatus
  - Información de códigos de reserva

- Layout mejorado (/booking/layout)
  - Navbar completo con todas las opciones
  - Navegación entre secciones
  - Estilos consistentes con anchor23.mx

**Funcionalidades implementadas:**
- Gestión completa del perfil de cliente
- Historial y gestión de citas
- Sistema de autenticación básico
- Navegación fluida entre secciones
- Estados de carga y manejo de errores
- Diseño responsive para móviles

**Datos mock/simulados:**
- Perfiles de cliente con tiers
- Historial de citas con diferentes estados
- Información de staff y servicios
- Validación de formularios

**Próximos pasos:**
- Integración con APIs reales de autenticación
- Conexión con Stripe para pagos
- Sincronización con base de datos real
- Notificaciones por email/WhatsApp
This commit is contained in:
Marco Gallegos
2026-01-16 16:36:54 -06:00
parent aeb11e1e96
commit 0016bfb1e5
7 changed files with 946 additions and 8 deletions

View File

@@ -21,18 +21,28 @@ export default function BookingLayout({
</div>
<div className="nav-actions flex items-center gap-4">
<Link href="/mis-citas">
<Link href="/booking/servicios">
<Button variant="ghost" size="sm">
Reservar
</Button>
</Link>
<Link href="/booking/mis-citas">
<Button variant="ghost" size="sm">
<Calendar className="w-4 h-4 mr-2" />
Mis Citas
</Button>
</Link>
<Link href="/perfil">
<Link href="/booking/perfil">
<Button variant="ghost" size="sm">
<User className="w-4 h-4 mr-2" />
Perfil
</Button>
</Link>
<Link href="/booking/login">
<Button variant="outline" size="sm">
Iniciar Sesión
</Button>
</Link>
</div>
</nav>
</header>