HomeHeader
Header sticky con fondo bg-[#0D0D5D] y efecto backdrop-blur. Incluye logo, enlaces de navegacion, boton de sesion y menu movil hamburguesa.
Caracteristicas:
- Sticky al hacer scroll con
position: sticky; top: 0 - Variante
scroll-aware: se compacta al hacer scroll (por defecto) - Variante
slim: siempre compacto - Variante
default: tamano fijo sin reaccionar al scroll - Menu hamburguesa responsivo en movil con animacion slideDown
- Estado de autenticacion: muestra avatar + nombre o boton "Iniciar Sesion"
- Menu dropdown del usuario con opciones "Ir a la App" y "Cerrar Sesion"
- Enlace destacado "Programa Piloto" con estilo dorado
Props:
| Prop | Tipo | Default | Descripcion |
|---|---|---|---|
| variant | String | 'scroll-aware' | 'default' | 'slim' | 'scroll-aware' |
HomeFooter
Footer con fondo oscuro, columnas de enlaces, redes sociales y texto legal. Grid de 4 columnas en desktop, 2 en movil.
shiko.vet - footer
Estructura del Footer:
- Columna 1: Logo + descripcion + redes sociales (Facebook, Instagram, LinkedIn)
- Columna 2: Producto (Funcionalidades, Precios, FAQ, Directorio)
- Columna 3: Para Clinicas (Programa Piloto, Veterinarias, Agenda, Roles, Expediente)
- Columna 4: Empresa (Acerca de, Contacto, Legal, Email, Status)
- Barra inferior: Copyright + texto GeoLove