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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'Contenido_2025_Montevideo',
  category: 'Contenido de Imagen',
  name: 'Card clicable con imagen, tag, título, descripción y autor 2025',
  description: 'Card individual totalmente clicable (la card entera es un enlace, no solo un botón) con imagen superior, etiqueta tipo badge opcional, título h3, descripción y línea de autor opcional. Muestra un borde degradado corporativo (indigo → azul → rosa) al hacer hover. Diseñada para usarse como unidad base dentro de grids como Contenido_2026_Estocolmo o Contenido_2026_Seattle',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'card', 'imagen', 'clicable', 'autor', 'badge'],
   fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Título de la card, se renderiza como h3. Si se deja vacío, aparece el h3 vacío (no se oculta automáticamente)',
      label: 'Texto del título',
      mandatory: false,
      example_value: 'Automatización de contratos con GenIA-L'
    },
    {
      name: 'altImage',
      type: 'text',
      help: 'Texto alternativo de la imagen de la card para accesibilidad',
      label: 'Texto alternativo de la imagen',
      mandatory: false,
      example_value: 'Captura de la interfaz de GenIA-L generando un contrato automáticamente'
    },
    {
      name: 'description',
      type: 'text',
      help: 'Descripción de la card, se renderiza como párrafo debajo del título. Si se deja vacía, aparece el párrafo vacío (no se oculta automáticamente)',
      label: 'Texto de la descripción',
      mandatory: false,
      example_value: 'Redacta borradores de contratos en segundos a partir de plantillas personalizables'
    },
    {
      name: 'link',
      type: 'text',
      help: 'URL de destino cuando se hace click en la card. TODA la card es clicable (no solo un botón). Si se deja vacío, apunta a "#" (no navega pero conserva el estilo clicable)',
      label: 'Url del enlace',
      mandatory: false,
      example_value: '/genia-l/blog/automatizacion-contratos'
    },
    {
      name: 'image',
      type: 'image',
      help: 'URL de la imagen de la card (aparece en la parte superior). Se renderiza siempre, por lo que conviene no dejarla vacía o se mostrará una imagen rota',
      label: 'Src de la imagen',
      mandatory: false,
      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png'
    },
    {
      name: 'tag',
      type: 'text',
      help: 'Etiqueta que aparece sobre el título (tipo badge). Si se deja vacía, NO se muestra',
      label: 'Etiqueta del contenido',
      mandatory: false,
      example_value: 'Legaltech'
    },
    {
      name: 'author',
      type: 'text',
      help: 'Nombre del autor del contenido. Se muestra como "Por [nombre]" debajo de la descripción. Si se deja vacío, la línea de autor NO se muestra',
      label: 'Nombre del autor',
      mandatory: false,
      example_value: 'María García López'
    },

   ]
};