update: launch deal indicator
This commit is contained in:
parent
ed79fe4f12
commit
823b382add
|
|
@ -125,21 +125,6 @@
|
||||||
background: #151720;
|
background: #151720;
|
||||||
border: 1px solid #3b82f650;
|
border: 1px solid #3b82f650;
|
||||||
box-shadow: 0 0 40px rgba(59, 130, 246, 0.1), 0 0 80px rgba(59, 130, 246, 0.05);
|
box-shadow: 0 0 40px rgba(59, 130, 246, 0.1), 0 0 80px rgba(59, 130, 246, 0.05);
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
.pricing-pro::before {
|
|
||||||
content: 'Popular';
|
|
||||||
position: absolute;
|
|
||||||
top: -10px;
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
background: #2563eb;
|
|
||||||
color: white;
|
|
||||||
font-size: 11px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 2px 12px;
|
|
||||||
border-radius: 999px;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
}
|
}
|
||||||
.pricing-lifetime {
|
.pricing-lifetime {
|
||||||
background: #18170f;
|
background: #18170f;
|
||||||
|
|
@ -561,10 +546,10 @@
|
||||||
|
|
||||||
<!-- Lifetime -->
|
<!-- Lifetime -->
|
||||||
<div class="pricing-lifetime rounded-xl p-8 text-left relative">
|
<div class="pricing-lifetime rounded-xl p-8 text-left relative">
|
||||||
|
<span class="absolute top-3 right-3 text-[10px] font-semibold px-2 py-0.5 rounded-full bg-yellow-500/15 text-yellow-500 border border-yellow-500/20">Launch Deal</span>
|
||||||
<div class="text-xs text-yellow-500 uppercase tracking-wider font-mono mb-2">Lifetime</div>
|
<div class="text-xs text-yellow-500 uppercase tracking-wider font-mono mb-2">Lifetime</div>
|
||||||
<div class="text-4xl font-bold mb-1">$140</div>
|
<div class="text-4xl font-bold mb-1">$140</div>
|
||||||
<div class="text-sm text-gray-500 mb-1">one-time</div>
|
<div class="text-sm text-gray-500 mb-6">one-time</div>
|
||||||
<div class="text-xs text-yellow-500/70 mb-5">Launch deal — price will increase</div>
|
|
||||||
<ul class="space-y-3 text-sm text-gray-400">
|
<ul class="space-y-3 text-sm text-gray-400">
|
||||||
<li class="flex items-center gap-2">
|
<li class="flex items-center gap-2">
|
||||||
<svg class="w-4 h-4 text-yellow-500 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
|
<svg class="w-4 h-4 text-yellow-500 shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue