Landing/RoleCard
RoleCard
Tarjeta de rol para la sección de audiencias de la landing page. Muestra ícono, título y CTA "Ver solución ↗" que abre un AlertDialog con detalle ampliado. Contenido centrado. Dos estados: default (sin fondo) y hover (fondo secondary-50).
Props
| Prop | Tipo | Requerido |
|---|---|---|
| icon | LucideIcon | Sí |
| title | string | Sí |
| buttonLabel | string | No — "Ver solución" |
| description | string | No — solo para el dialog |
| solutionTitle | string | No — usa title |
| solutionDescription | string | No — usa description |
| className | string | No |
Grilla de roles
Uso real en la landing. Hover sobre cada tarjeta para ver el estado activo. Hacé clic en "Ver solución" para abrir el AlertDialog.
Administrador
Propietario
Inquilino
Arquitecto / Constructor
Seguridad
Proveedor de Servicios
Estados visuales
Default (izquierda) y hover forzado con bg-secondary-50 (derecha).