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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'Hero_2026_Benidorm',
  category: 'Contenido de Imagen',
  name: 'Hero de post con fecha, autor, tags e imagen (usa Contenido_2026_Jaen) 2026',
  description: 'Cabecera de artículo de blog con fecha en mayúsculas, título h1 (renderizado con Contenido_2026_Jaen), descripción HTML, imagen de fondo cover, ficha de autor con foto, tiempo de lectura y lista de tags. Dos variantes alternables: "Enriquecido" (horizontal: texto izquierda + imagen mitad derecha, foto del autor fijada a 48px) o "Estándar" (vertical: texto centrado arriba + imagen 530px con esquinas redondeadas debajo)',
  framework: 'Astro',
  priority: 1,
  tags: ['banner', 'imagen', 'contenido', 'blog', 'hero', 'autor', 'tags', 'cabecera'],
   fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Título principal del artículo (h1). Admite HTML (se pasa al componente Contenido_2026_Jaen)',
      label: 'Texto del título',
      mandatory: false,
      example_value: 'La inteligencia artificial en el sector legal: de la teoría a la práctica'
    },
    {
      name: 'description',
      type: 'text',
      help: 'Descripción o entradilla del artículo. Admite HTML. Aparece debajo del título',
      label: 'Texto de la descripción',
      mandatory: false,
      example_value: 'Analizamos los casos reales en los que la IA generativa está transformando la labor diaria de los despachos de abogados'
    },
    {
      name: 'image',
      type: 'image',
      help: 'Imagen principal del hero. Se usa como background-image con background-size: cover',
      label: 'Imagen de fondo',
      mandatory: false,
      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
    },
    {
      name: 'date',
      type: 'text',
      help: 'Fecha de publicación del artículo. Se muestra en mayúsculas con espaciado entre letras (tracking wide). Acepta cualquier formato de texto (p. ej. "15 enero 2026" o "2026-01-15")',
      label: 'Fecha de publicación',
      mandatory: false,
      example_value: '15 enero 2026'
    },
    {
      name: 'nameAuthor',
      type: 'text',
      help: 'Nombre del autor del artículo. Se pasa al componente Author_2025_Algarve',
      label: 'Nombre del autor',
      mandatory: false,
      example_value: 'María García López'
    },
    {
      name: 'urlAuthor',
      type: 'text',
      help: 'URL opcional de la ficha/perfil del autor. Se pasa al componente Author_2025_Algarve: si se informa, el nombre del autor se renderiza como enlace. Si se deja vacío, el nombre se muestra como texto plano',
      label: 'URL del autor (enlace)',
      mandatory: false,
      example_value: 'https://www.lefebvre.es/autores/maria-garcia-lopez'
    },
    {
      name: 'descriptionAuthor',
      type: 'text',
      help: 'Cargo o profesión del autor que aparece debajo del nombre',
      label: 'Cargo del autor',
      mandatory: false,
      example_value: 'Socia directora de Derecho Fiscal'
    },
    {
      name: 'imageAuthor',
      type: 'image',
      help: 'Foto de perfil del autor. En layout enriquecido se muestra a 48px (fijo); en layout estándar usa el tamaño por defecto del componente Author_2025_Algarve (240px)',
      label: 'Imagen del autor',
      mandatory: false,
      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
    },
    {
      name: 'imageAuthorAlt',
      type: 'text',
      help: 'Texto alternativo de la foto del autor para accesibilidad',
      label: 'Alt de la imagen del autor',
      mandatory: false,
      example_value: 'Foto de perfil de María García López'
    },
    {
      name: 'enriquecido',
      type: 'boolean',
      help: 'Alterna entre dos layouts del hero. ACTIVADO (enriquecido): layout horizontal con texto a la izquierda (fecha, título h1-blog-postenriquecido alineado a la izquierda, autor a ancho completo con imagen de 48px y tags) e imagen de fondo a la derecha (mitad del ancho). DESACTIVADO (estándar): layout vertical con texto centrado arriba (fecha, título h1-blog-post centrado, autor compacto y tags) e imagen de fondo grande debajo (530px de alto con esquinas redondeadas)',
      label: 'Layout enriquecido',
      mandatory: false,
      options: ['false', 'true'],
      options_labels: ['Estándar (vertical)', 'Enriquecido (horizontal)'],
      example_value: true
    },
    {
      name: 'minutes',
      type: 'text',
      help: 'Minutos estimados de lectura del artículo (sin unidades, solo el número). Se pasa al componente Tiempo_2025_Londres a través de Author_2025_Algarve. Si se deja vacío, el indicador de tiempo de lectura NO se muestra',
      label: 'Minutos de lectura',
      mandatory: false,
      example_value: '8'
    },
    {
      name: 'itemsTagPost',
      type: 'list',
      help: 'Listado de tags/etiquetas del artículo. Cada tag se renderiza como una pastilla con el componente Tag_2025_Bolonia. Si se deja vacío, no aparecen tags',
      label: 'Tags del artículo',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
          { name: 'tag', type: 'text', help: 'Nombre del tag (texto corto, típicamente una categoría jurídica o temática)', label: 'Nombre del tag', example_value: 'IA Jurídica' },
          { name: 'url', type: 'text', help: 'URL opcional de enlace del tag. Si se informa, el tag se renderiza como enlace; si se deja vacío, se muestra como texto plano', label: 'URL del tag (enlace)', example_value: 'https://www.lefebvre.es/tags/ia-juridica' }
        ]
      }
    }
   ]
};