update: plans
This commit is contained in:
parent
1049677f19
commit
827757804b
|
|
@ -482,13 +482,13 @@
|
|||
<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 lg:grid-cols-4 gap-5 max-w-5xl mx-auto">
|
||||
<div class="grid sm:grid-cols-3 gap-6 max-w-4xl mx-auto">
|
||||
<!-- Free -->
|
||||
<div class="pricing-free rounded-xl p-7 text-left">
|
||||
<div class="pricing-free rounded-xl p-8 text-left">
|
||||
<div class="text-xs text-gray-500 uppercase tracking-wider font-mono mb-2">Free</div>
|
||||
<div class="text-3xl font-bold mb-1">$0</div>
|
||||
<div class="text-sm text-gray-500 mb-5">forever</div>
|
||||
<ul class="space-y-2.5 text-sm text-gray-400">
|
||||
<div class="text-4xl font-bold mb-1">$0</div>
|
||||
<div class="text-sm text-gray-500 mb-6">forever</div>
|
||||
<ul class="space-y-3 text-sm text-gray-400">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-green-400 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>
|
||||
10 monitors
|
||||
|
|
@ -499,20 +499,28 @@
|
|||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-green-400 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>
|
||||
Single region
|
||||
Full query language
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-green-400 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>
|
||||
Single region per monitor
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-green-400 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>
|
||||
API access
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Pro -->
|
||||
<div class="pricing-pro rounded-xl p-7 text-left">
|
||||
<div class="pricing-pro rounded-xl p-8 text-left">
|
||||
<div class="text-xs text-blue-400 uppercase tracking-wider font-mono mb-2">Pro</div>
|
||||
<div class="text-3xl font-bold mb-1">$12</div>
|
||||
<div class="text-sm text-gray-500 mb-5">per month</div>
|
||||
<ul class="space-y-2.5 text-sm text-gray-400">
|
||||
<div class="text-4xl font-bold mb-1">$12<span class="text-lg font-normal text-gray-500">–48</span></div>
|
||||
<div class="text-sm text-gray-500 mb-6">per month</div>
|
||||
<ul class="space-y-3 text-sm text-gray-400">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
200 monitors
|
||||
200–800 monitors
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
|
|
@ -520,51 +528,38 @@
|
|||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
Multi-region
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Pro 4x -->
|
||||
<div class="pricing-pro rounded-xl p-7 text-left">
|
||||
<div class="text-xs text-blue-400 uppercase tracking-wider font-mono mb-2">Pro 4x</div>
|
||||
<div class="text-3xl font-bold mb-1">$48</div>
|
||||
<div class="text-sm text-gray-500 mb-5">per month</div>
|
||||
<ul class="space-y-2.5 text-sm text-gray-400">
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
800 monitors
|
||||
Multi-region monitoring
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
2s check interval
|
||||
</li>
|
||||
<li class="flex items-center gap-2">
|
||||
<svg class="w-4 h-4 text-blue-400 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>
|
||||
Multi-region
|
||||
Full query language
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Lifetime -->
|
||||
<div class="pricing-lifetime rounded-xl p-7 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-3xl font-bold mb-1">$140</div>
|
||||
<div class="text-sm text-gray-500 mb-5">one-time</div>
|
||||
<ul class="space-y-2.5 text-sm text-gray-400">
|
||||
<div class="text-4xl font-bold mb-1">$140</div>
|
||||
<div class="text-sm text-gray-500 mb-6">one-time</div>
|
||||
<ul class="space-y-3 text-sm text-gray-400">
|
||||
<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>
|
||||
Everything in Pro
|
||||
</li>
|
||||
<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>
|
||||
Pay once, forever
|
||||
Pay once, use forever
|
||||
</li>
|
||||
<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>
|
||||
All future updates
|
||||
</li>
|
||||
<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>
|
||||
Limited availability
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue