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>

Related components

More items from the merged UI library.

View all