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

45
app/booking/layout.tsx Normal file
View File

@@ -0,0 +1,45 @@
import { ReactNode } from 'react'
import { Button } from '@/components/ui/button'
import Link from 'next/link'
import { Calendar, User } from 'lucide-react'
export default function BookingLayout({
children,
}: {
children: ReactNode
}) {
return (
<>
<header className="site-header booking-header">
<nav className="nav-primary">
<div className="logo">
<Link href="/">
<span className="text-xl font-semibold" style={{ color: 'var(--charcoal-brown)' }}>
ANCHOR:23
</span>
</Link>
</div>
<div className="nav-actions flex items-center gap-4">
<Link href="/mis-citas">
<Button variant="ghost" size="sm">
<Calendar className="w-4 h-4 mr-2" />
Mis Citas
</Button>
</Link>
<Link href="/perfil">
<Button variant="ghost" size="sm">
<User className="w-4 h-4 mr-2" />
Perfil
</Button>
</Link>
</div>
</nav>
</header>
<main className="pt-24">
{children}
</main>
</>
)
}