Guía · Topbar
Barra utilitaria superior (la franja por encima del menú). Cada punto se alimenta de
src/config/site.ts (fuente única); no se escribe a mano. Esto es lo que va en cada lugar:
Propuesta principal
Lo primero que se lee: una frase corta que posiciona la marca. El logotipo NO va aquí — va en el Header, justo debajo.
Dato SITE.tagline
Horario
Señal de disponibilidad y confianza. Se oculta en móvil para priorizar el teléfono y WhatsApp.
Dato CONTACT.schedule.display
Teléfono
Contacto directo con clic-para-llamar. El enlace tel: lo construye telUrl(), no se escribe a mano.
Dato CONTACT.phone · telUrl()
CTA principal de contacto. El enlace SIEMPRE se arma con waUrl(); el mensaje precargado sale de WA_MESSAGES.
Dato waUrl(WA_MESSAGES.cotizar)
Edita en src/components/TopBar.astro · src/config/site.ts
Segundo producto de ejemplo, en la categoría accesorios, para demostrar cómo el grid de catálogo lista múltiples entradas de la misma colección sin tocar código.
Cotizar
Descripción
Agrega un archivo .md más en src/content/productos/ y aparecerá
automáticamente en el catálogo. No se toca ningún componente: la colección es la
fuente de verdad del listado.