card
Testimonial Bubble Card
Live Preview
<div
class="max-w-md bg-slate-900 p-12 rounded-[3.5rem] relative shadow-2xl transform transition-transform hover:scale-[1.03]">
<div class="text-indigo-400 text-8xl absolute top-8 left-8 font-serif opacity-30 leading-none">ā</div>
<p class="text-white text-xl relative z-10 italic leading-relaxed mb-10 font-medium">This platform has
completely replaced our old CRM. The speed and UX are second to none.</p>
<div class="flex items-center gap-5">
<div
class="w-14 h-14 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-500 rotate-12 flex items-center justify-center text-white font-black text-xl shadow-lg shadow-indigo-500/30">
JS</div>
<div>
<p class="text-white font-bold text-lg">Jason Statam</p>
<p class="text-slate-500 text-[10px] uppercase font-bold tracking-[0.2em] mt-1">CTO @ FlowState</p>
</div>
</div>
</div>