feat: Agregar botones Book Now y Memberships al navbar

**Navbar Principal (anchor23.mx):**
- Reemplazar botón único "Solicitar Membresía" por dos botones:
  - "Book Now" → /booking/servicios (The Boutique)
  - "Memberships" → /membresias
- Mantener estructura limpia con 2 botones en nav-actions

**The Boutique (booking.anchor23.mx):**
- Crear layout específico con navbar personalizada
- Navbar incluye: logo, "Book Now", "Memberships", "Mis Citas", "Perfil"
- Estilos .booking-header y .booking-nav para header personalizado
- Compartir estilos base con anchor23.mx

**Páginas The Boutique:**
- /booking/servicios - Selección de servicios con calendario interactivo
- /booking/cita - Confirmación de reserva con formulario de cliente
- /booking/confirmacion - Página de confirmación por código (short_id)
- API endpoints para servicios y ubicaciones

**Estilos:**
- Mantener paleta de colores de anchor23.mx (Bone White, Soft Cream, Membresías)
- Consistencia visual entre anchor23.mx y The Boutique
- Responsive para móviles
This commit is contained in:
Marco Gallegos
2026-01-16 16:21:46 -06:00
parent fbd3038ace
commit cf2d8f9b4d
4 changed files with 321 additions and 12 deletions

View File

@@ -22,13 +22,26 @@
}
@layer components {
.site-header {
.booking-header {
@apply fixed top-0 left-0 right-0 z-50;
background: var(--bone-white);
backdrop-filter: blur(8px);
border-bottom: 1px solid var(--mocha-taupe);
}
.booking-nav {
@apply max-w-7xl mx-auto px-8 py-4 flex items-center justify-between;
}
.booking-nav .logo a {
@apply text-xl tracking-tight hover:opacity-80 transition-opacity;
color: var(--charcoal-brown);
}
.booking-nav .nav-actions {
@apply flex items-center gap-4;
}
.nav-primary {
@apply max-w-7xl mx-auto px-8 py-6 flex items-center justify-between;
}