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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'Card_2025_Malta',
  category: 'Contenido con listas',
  name: 'Grid responsive de cards minimalistas solo-título 2025',
  description: 'Grid responsive (1 columna en móvil, 2 en tablet, 4 en desktop) de cards minimalistas que contienen únicamente un título h3 centrado, sin imagen ni descripción. Toda la card es clicable (navega al URL indicado) y muestra un borde degradado corporativo (indigo → azul → rosa) al hacer hover',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'card', 'grid', 'clicable', 'minimalista'],
   fields: [
    {
      name: 'items',
      type: 'list',
      help: 'Listado de cards que se muestran en un grid responsive: 1 columna en móvil, 2 en tablet (sm) y 4 en escritorio (lg)',
      label: 'Listado de cards',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
          { name: 'title', type: 'text', help: 'Texto visible de la card. Es el único contenido que se muestra (no hay imagen ni descripción en este componente)', label: 'Texto del título', example_value: 'Guía de contratos digitales' },
          { name: 'link', type: 'text', help: 'URL de destino cuando se hace click en la card. Si se deja vacío, la card apunta a "#" (no navega a ningún sitio pero conserva el estilo clicable)', label: 'URL de enlace', example_value: '/genia-l/guia-contratos-digitales' }
        ]
      }
    }
   ]
};