13 lines
868 B
Plaintext
13 lines
868 B
Plaintext
<div class="group relative overflow-hidden rounded-2xl bg-white dark:bg-slate-800 border border-neutral-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-600 transition-all duration-300 p-8">
|
|
<div class="absolute inset-0 bg-gradient-to-br <%= @classes %> opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
|
|
<div class="relative">
|
|
<div class="text-5xl md:text-3xl font-light bg-gradient-to-r from-purple-600 via-indigo-600 to-pink-600 bg-clip-text text-transparent mb-3">
|
|
<%= value %>
|
|
</div>
|
|
<p class="text-neutral-700 dark:text-neutral-300 font-mono uppercase tracking-widest text-sm font-medium">
|
|
<%= title %>
|
|
</p>
|
|
<div class="mt-4 h-1 bg-gradient-to-r from-purple-500 via-indigo-500 to-pink-500 rounded-full w-0 group-hover:w-full transition-all duration-500"></div>
|
|
</div>
|
|
</div>
|