All Prompts
All Prompts
pricingplansbilling-togglefeature-comparisonctaenterprise
Pricing Section
Секция с тарифами: выбор месячной/годовой оплаты, 3 уровня цен (Starter, Pro, Enterprise) с полным списком функций и кнопками призыва к действию (CTA).
Prompt
<div class="mt-16">
<div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
<div>
<span class="inline-flex items-center rounded-full bg-slate-100 px-2.5 py-1 text-[11px] font-medium text-slate-600 font-sans">Pricing</span>
<h2 class="mt-3 text-3xl sm:text-4xl font-semibold tracking-tight text-slate-900 font-sans">Simple, transparent
plans</h2>
<p class="mt-2 text-sm text-slate-600 font-sans">Start free. Upgrade when you're ready. No hidden fees.</p>
</div>
<div class="flex items-center gap-3">
<span class="hidden text-xs text-slate-500 sm:inline font-sans">Save 20% annually</span>
<div class="inline-flex rounded-full border border-slate-200/80 bg-white p-1">
<button class="px-3 py-1.5 text-xs font-medium rounded-full bg-slate-900 text-white font-sans">Monthly</button><button class="px-3 py-1.5 text-xs font-medium rounded-full text-slate-700 hover:text-slate-900 font-sans">Yearly</button>
</div>
</div>
</div>
<div class="mt-6 grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3">
<article
class="relative overflow-hidden rounded-3xl bg-gradient-to-b from-white to-slate-50 p-6 shadow-sm ring-1 ring-slate-200/70">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold tracking-tight text-slate-900 font-sans">Starter</h3>
<span class="inline-flex items-center rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-medium text-slate-600 font-sans">Free</span>
</div>
<div class="mt-4">
<div class="flex items-baseline gap-1">
<span class="text-3xl font-semibold tracking-tight text-slate-900 font-sans">$0</span><span class="text-sm text-slate-500 font-sans">/mo</span>
</div>
<p class="mt-1 text-sm text-slate-600 font-sans">Everything you need to explore the platform.</p>
</div>
<ul class="mt-5 space-y-3">
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>Up to 3 projects</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>10k requests / mo</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>Community support</li>
</ul>
<button class="mt-6 inline-flex w-full items-center justify-center gap-2 rounded-full border border-slate-200/80 bg-white px-4 py-2 text-sm font-medium text-slate-900 hover:bg-slate-50 font-sans">Get Started<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button>
</article>
<article
class="relative overflow-hidden rounded-3xl ring-1 ring-slate-200/70 bg-gradient-to-b from-white to-sky-50 p-6 shadow-sm">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold tracking-tight text-slate-900 font-sans">Pro</h3>
<span class="inline-flex items-center gap-1 rounded-full bg-sky-100 px-2 py-0.5 text-[10px] font-medium text-sky-700 font-sans"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>Popular</span>
</div>
<div class="mt-4">
<div class="flex items-baseline gap-1">
<span class="text-3xl font-semibold tracking-tight text-slate-900 font-sans">$29</span><span class="text-sm text-slate-500 font-sans">/mo</span>
</div>
<p class="mt-1 text-sm text-slate-600 font-sans">For teams building production‑ready agents.</p>
</div>
<ul class="mt-5 space-y-3">
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>Unlimited projects</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>1M requests / mo</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>Priority support</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-600 mt-0.5">
<path d="M20 6 9 17l-5-5"></path>
</svg>Fine‑tuned models & analytics</li>
</ul>
<button class="mt-6 inline-flex w-full items-center justify-center gap-2 rounded-full bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-800 font-sans">Start Pro<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button>
</article>
<article
class="relative overflow-hidden rounded-3xl bg-gradient-to-b from-white to-violet-50 p-6 shadow-sm ring-1 ring-slate-200/70">
<div class="flex items-center justify-between">
<h3 class="text-lg font-semibold tracking-tight text-slate-900 font-sans">Enterprise</h3>
<span class="inline-flex items-center rounded-full bg-violet-100 px-2 py-0.5 text-[10px] font-medium text-violet-700 font-sans">Scale</span>
</div>
<div class="mt-4">
<div class="flex items-baseline gap-1">
<span class="text-3xl font-semibold tracking-tight text-slate-900 font-sans">Custom</span></div>
<p class="mt-1 text-sm text-slate-600 font-sans">Advanced security, controls, and support.</p>
</div>
<ul class="mt-5 space-y-3">
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-violet-700 mt-0.5">
<path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path>
<path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path>
<path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path>
<path d="M10 6h4"></path>
<path d="M10 10h4"></path>
<path d="M10 14h4"></path>
<path d="M10 18h4"></path>
</svg>SSO, SAML, SCIM</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-emerald-700 mt-0.5">
<path
d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z">
</path>
<path d="m9 12 2 2 4-4"></path>
</svg>SOC 2, HIPAA (add‑on)</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-slate-700 mt-0.5">
<rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect>
<rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect>
<line x1="6" x2="6.01" y1="6" y2="6"></line>
<line x1="6" x2="6.01" y1="18" y2="18"></line>
</svg>Regional & on‑prem deployment</li>
<li class="flex items-start gap-2 text-sm text-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24"
height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="h-4 w-4 text-slate-700 mt-0.5">
<path
d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z">
</path>
<path d="M21 16v2a4 4 0 0 1-4 4h-5"></path>
</svg>Dedicated TAM & 24/7 support</li>
</ul>
<button class="mt-6 inline-flex w-full items-center justify-center gap-2 rounded-full border border-slate-200/80 bg-white px-4 py-2 text-sm font-medium text-slate-900 hover:bg-slate-50 font-sans">Contact Sales<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path><path d="M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1"></path></svg></button>
</article>
</div>
<p class="mt-4 text-xs text-slate-500 font-sans">Usage beyond plan limits is billed at metered rates. Cancel anytime.
</p>
</div>