24 lines
799 B
HTML
24 lines
799 B
HTML
{% set title = title | default(value="Feature") %}
|
|
{% set description = description | default(value="") %}
|
|
{% set icon = icon | default(value="") %}
|
|
{% set bg_color = bg_color | default(value="bg-white") %}
|
|
{% set hover_color = hover_color | default(value="hover:bg-gray-50") %}
|
|
|
|
|
|
<div class="relative {{ bg_color }} {{ hover_color }} shadow rounded-lg p-4 transition-all duration-300">
|
|
{% if icon %}
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-gray-200 text-white mb-4">
|
|
<img src="{{ icon | safe }}" class="">
|
|
</div>
|
|
{% endif %}
|
|
<h3 class="text-md font-medium">{{ title }}</h3>
|
|
{% if description %}
|
|
<p class="mt-2 text-base">{{ description }}</p>
|
|
{% endif %}
|
|
{% if caller %}
|
|
<div class="mt-4">
|
|
{{ caller() }}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|