marcogll/AnchorOS
1
0
Fork 0
mirror of https://github.com/marcogll/AnchorOS.git synced 2026-03-15 13:24:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Agregar botones Book Now y Memberships al navbar

Browse Source 
**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
Download Patch File Download Diff File Expand all files Collapse all files

28
app/layout.tsx
View File

@@ -26,24 +26,30 @@ export default function RootLayout({
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
</head>
<body className={`${inter.variable} font-sans`}>
<header className="site-header">
<nav className="nav-primary">
<div className="logo">
<a href="/">ANCHOR:23</a>
</div>
{typeof window === 'undefined' && (
<header className="site-header">
<nav className="nav-primary">
<div className="logo">
<a href="/">ANCHOR:23</a>
</div>
<ul className="nav-links">
<li><a href="/">Inicio</a></li>
<li><a href="/historia">Nosotros</a></li>
<li><a href="/servicios">Servicios</a></li>
<li><a href="/membresias">Membresías</a></li>
</ul>
<div className="nav-actions">
<a className="btn-primary" href="/membresias">Solicitar Membresía</a>
<div className="nav-actions flex items-center gap-4">
<a href="/booking/servicios" className="btn-secondary">
Book Now
</a>
<a href="/membresias" className="btn-primary">
Memberships
</a>
</div>
</nav>
</header>
</nav>
</header>
)}
<main>{children}</main>
@@ -56,7 +62,7 @@ export default function RootLayout({
<div className="footer-links">
<a href="/historia">Nosotros</a>
<a href="/servicios">Servicios</a>
<a href="/contacto">Contáctanos</a>
<a href="/franchises">Franquicias</a>
</div>
<div className="footer-legal">