{% load i18n %}
<h4 class="font-semibold text-lg mb-2">{{ feature.title }}</h4>
<p class="text-gray-600 mb-4">{{ feature.description }}</p>
<h5 class="font-medium mb-2">{% translate "Key Features:" %}</h5>
<ul class="list-disc list-inside text-sm text-gray-600 space-y-1">
    {% for item in feature.features %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>
<div class="mt-4">
    <button class="bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors text-sm">
        {% translate "Learn More" %}
    </button>
</div>