feat: add lifetime plan at to pricing section
This commit is contained in:
parent
819a979f28
commit
e925e9b0ed
|
|
@ -464,7 +464,7 @@
|
|||
<h2 class="text-3xl sm:text-4xl font-bold tracking-tight mb-4">Simple pricing</h2>
|
||||
<p class="text-gray-400 text-lg mb-12">Start for free. No credit card required.</p>
|
||||
|
||||
<div class="grid sm:grid-cols-2 gap-6 max-w-2xl mx-auto">
|
||||
<div class="grid sm:grid-cols-3 gap-6 max-w-4xl mx-auto">
|
||||
<!-- Free -->
|
||||
<div class="glow-card rounded-xl p-8 text-left">
|
||||
<div class="text-xs text-gray-500 uppercase tracking-wider font-mono mb-2">Free</div>
|
||||
|
|
@ -527,6 +527,37 @@
|
|||
Coming Soon
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Lifetime -->
|
||||
<div class="rounded-xl border border-yellow-500/30 bg-[#111] p-8 text-left relative">
|
||||
<div class="absolute -top-3 right-6 px-3 py-1 bg-yellow-900/40 border border-yellow-500/30 rounded-full text-xs text-yellow-400 font-mono">
|
||||
coming soon
|
||||
</div>
|
||||
<div class="text-xs text-yellow-500/70 uppercase tracking-wider font-mono mb-2">Lifetime</div>
|
||||
<div class="text-4xl font-bold mb-1 text-gray-400">$179</div>
|
||||
<div class="text-sm text-gray-600 mb-6">one-time</div>
|
||||
<ul class="space-y-3 text-sm text-gray-500">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-yellow-500/50 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>
|
||||
Everything in Pro
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-yellow-500/50 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>
|
||||
Pay once, use forever
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-yellow-500/50 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>
|
||||
All future updates
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-yellow-500/50 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>
|
||||
Limited availability
|
||||
</li>
|
||||
</ul>
|
||||
<div class="mt-8 block text-center w-full py-3 border border-yellow-500/20 text-yellow-500/50 text-sm font-medium rounded-lg cursor-default">
|
||||
Coming Soon
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in New Issue