mirror of
https://github.com/marcogll/AnchorOS.git
synced 2026-03-15 14:24:27 +00:00
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:
45
app/booking/layout.tsx
Normal file
45
app/booking/layout.tsx
Normal 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user