renako/templates/components/stats_cards.html

<!-- Statistics Cards Component -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-4xl mx-auto">
    <!-- Total URLs -->
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-8 text-center">
        <div class="inline-flex items-center justify-center w-16 h-16 bg-blue-50 rounded-full mb-4">
            <i class="fas fa-link text-2xl text-primary"></i>
        </div>
        <h3 class="text-3xl font-bold text-gray-900 mb-2">{{ total_urls }}</h3>
        <p class="text-gray-600">Enlaces Acortados</p>
        <div class="mt-4 text-sm text-gray-500">
            Total de enlaces creados
        </div>
    </div>

    <!-- Total Clicks -->
    <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-8 text-center">
        <div class="inline-flex items-center justify-center w-16 h-16 bg-green-50 rounded-full mb-4">
            <i class="fas fa-mouse-pointer text-2xl text-green-600"></i>
        </div>
        <h3 class="text-3xl font-bold text-gray-900 mb-2">{{ total_clicks }}</h3>
        <p class="text-gray-600">Clicks Totales</p>
        <div class="mt-4 text-sm text-gray-500">
            Redirecciones realizadas
        </div>
    </div>
</div>