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. 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. 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. 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. 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

Producto general de ejemplo sin marca

Producto general de ejemplo sin marca

Tercer producto DEMO en la categoría general. Muestra una ficha mínima válida: solo los campos obligatorios del esquema (título, descripción, categoría e imagen).

Precio bajo cotización

Descripción

Acerca de Producto general de ejemplo sin marca

Ficha mínima válida

Este producto usa únicamente los campos obligatorios. Es el ejemplo más pequeño que pasa la validación Zod .strict(): cualquier campo extra no declarado en el esquema haría fallar el build.

¿Necesitas general para tu proyecto?

Mándanos lo que buscas y te cotizamos con precio, disponibilidad y tiempos de entrega.

¿Necesitas ayuda?