libreria-astro-lefebvre/src/carbins/Cabecera_2025_Madrid.ts

Librería de componentes Astro, React y Vue para Lefebvre

import type { ComponentMetadata } from '../interfaces/types';

export const metadata: ComponentMetadata = {
  component_name: 'Cabecera_2025_Madrid',
  category: 'Header',
  name: 'Cabecera sticky con menú horizontal, CTA y submenús 2025',
  description: 'Cabecera fija (sticky top-0) con logo de Lefebvre a la izquierda, botón CTA configurable a la derecha y barra de navegación horizontal debajo con 5 categorías (una de ellas con dropdown de subcategorías al hacer hover). En móvil, el menú se oculta y se activa con un botón hamburguesa. Incluye structured data schema.org (SiteNavigationElement raíz con la jerarquía del menú)',
  framework: 'Astro',
  priority: 1,
  tags: ['header', 'cabecera', 'navegacion', 'sticky', 'menu', 'cta'],
   fields: [
     {
      name: 'label',
      type: 'text',
      help: 'Texto del botón CTA principal que aparece en la esquina superior derecha de la cabecera',
      label: 'Texto del botón CTA',
      mandatory: false,
      example_value: 'Pruébalo ya'
    },
     {
      name: 'subdirectory',
      type: 'text',
      help: 'Ruta base del sitio (p. ej. "/genia-l"). Se concatena a todos los enlaces del menú (inicio, categorías, subcategorías) y a la URL del structured data SEO. Déjalo vacío si el menú parte de la raíz',
      label: 'Subdirectorio',
      mandatory: false,
      example_value: '/genia-l'
    },
    {
      name: 'url',
      type: 'text',
      help: 'URL de destino del botón CTA. Por defecto "#"',
      label: 'Enlace del botón CTA',
      mandatory: false,
      example_value: '/genia-l/pruebalo'
    },
    {
      name: 'loading',
      type: 'select',
      help: 'Tipo de carga del logo de la cabecera. Usa "eager" si el logo está above the fold (recomendado en páginas con cabecera visible al cargar); "lazy" si el componente se renderiza fuera del viewport inicial',
      label: 'Carga del logo',
      options: ['lazy', 'eager'],
      options_labels: ['Diferida', 'Inmediata'],
      example_value: 'eager'
    }
   ]
};