layout
Pricing Popup UI
Live Preview
<div
class="bg-gradient-to-br from-indigo-600 to-violet-700 text-white p-10 rounded-[2rem] max-w-sm text-center shadow-2xl relative overflow-hidden mx-6">
<div class="absolute -top-10 -left-10 w-40 h-40 bg-white/10 rounded-full"></div>
<h3 class="text-3xl font-bold mb-4">Wait! ✋</h3>
<p class="text-indigo-100 mb-8 font-medium">Get a 15% discount for your first year if you sign up in the next 10
minutes.</p>
<div class="text-5xl font-black mb-8">15% OFF</div>
<button
class="w-full py-4 bg-white text-indigo-600 rounded-xl font-bold shadow-xl active:scale-95 transition-all">Claim
Discount</button>
</div>