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:

1

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
2

Horario

Señal de disponibilidad y confianza. Se oculta en móvil para priorizar el teléfono y WhatsApp.

Dato CONTACT.schedule.display
3

Teléfono

Contacto directo con clic-para-llamar. El enlace tel: lo construye telUrl(), no se escribe a mano.

Dato CONTACT.phone · telUrl()
4

WhatsApp

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

EJEMPLOS

Equipo base de ejemplo para catálogo

Ficha de producto DEMO que muestra cómo se ve un equipo en el catálogo: título, descripción, categoría, imagen y precio editorial. Reemplaza este contenido por un producto real.

Desde $0 (DEMO)

Cotizar por WhatsApp Más información

Descripción

Acerca de Equipo base de ejemplo para catálogo

Sobre este producto de ejemplo

Esta es una ficha de producto DEMO de la plantilla. Sirve para que veas qué campos viven en el frontmatter y cómo se valida contra el esquema Zod en src/content.config.ts.

El campo category solo acepta valores del enum PRODUCT_CATEGORIES.
El campo image debe ser una ruta absoluta bajo /images/.
El cuerpo Markdown se renderiza en la página de detalle del producto (parte futura).

Reemplaza este texto por la descripción real del producto del cliente.

¿Necesitas ayuda?

Sobre este producto de ejemplo

¿Necesitas equipos para tu proyecto?