pricing enterprise sales contact compliance trust enterprise custom pricing contact sales compliance sla enterprise pricing page contact sales for custom pricing
Pricing Enterprise
Fetch pattern JSON:
curl https://webspire.de/patterns/pricing/enterprise.json enterprise.html
<section class="ws-pricing bg-[var(--ws-pricing-bg)] py-24">
<div class="mx-auto max-w-4xl px-6">
<!-- Heading -->
<div class="text-center">
<p class="text-sm font-semibold uppercase tracking-[0.18em] text-[var(--ws-pricing-highlight-bg)]">Enterprise</p>
<h2 class="mt-3 text-3xl font-bold tracking-tight text-[var(--ws-pricing-text)] sm:text-4xl">Built for scale</h2>
<p class="mt-4 text-lg text-[var(--ws-pricing-text-soft)]">Custom pricing tailored to your organization. Security, compliance, and dedicated support included.</p>
</div>
<!-- Enterprise Card -->
<div class="mt-16 rounded-2xl border border-[var(--ws-pricing-card-border)] bg-[var(--ws-pricing-card-bg)] shadow-lg">
<div class="p-8 sm:p-12">
<!-- Plan header -->
<div class="flex flex-col items-start justify-between gap-6 sm:flex-row sm:items-center">
<div>
<h3 class="text-2xl font-bold text-[var(--ws-pricing-text)]">Enterprise Plan</h3>
<p class="mt-2 text-[var(--ws-pricing-text-soft)]">Everything your team needs, with no limits.</p>
</div>
<div class="text-right">
<p class="text-3xl font-bold text-[var(--ws-pricing-text)]">Custom</p>
<p class="mt-1 text-sm text-[var(--ws-pricing-text-muted)]">Tailored to your needs</p>
</div>
</div>
<!-- Divider -->
<div class="my-8 border-t border-[var(--ws-pricing-card-border)]"></div>
<!-- Two-column feature list -->
<div class="grid gap-x-12 gap-y-4 sm:grid-cols-2">
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Unlimited users & seats
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Dedicated account manager
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
SSO & SAML authentication
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Custom SLA with 99.99% uptime
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Advanced analytics & reporting
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Priority 24/7 support
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Custom integrations & API
</div>
<div class="flex items-center gap-3 text-sm text-[var(--ws-pricing-text-soft)]">
<svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5"/></svg>
Onboarding & training sessions
</div>
</div>
<!-- Divider -->
<div class="my-8 border-t border-[var(--ws-pricing-card-border)]"></div>
<!-- CTA -->
<div class="flex flex-col items-center gap-4 sm:flex-row sm:justify-between">
<p class="text-sm text-[var(--ws-pricing-text-muted)]">Need a tailored solution? Let's find the right fit for your team.</p>
<a href="#" class="inline-flex shrink-0 items-center gap-2 rounded-xl bg-[var(--ws-pricing-action-bg)] px-8 py-3 text-sm font-semibold text-[var(--ws-pricing-action-text)] transition hover:opacity-90">
Talk to sales
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"/></svg>
</a>
</div>
</div>
</div>
<!-- Trust Indicators -->
<div class="mt-12 text-center">
<p class="text-xs font-medium uppercase tracking-widest text-[var(--ws-pricing-text-muted)]">Trusted & compliant</p>
<div class="mt-6 flex flex-wrap items-center justify-center gap-x-10 gap-y-4">
<div class="flex items-center gap-2 text-sm text-[var(--ws-pricing-text-muted)]">
<svg class="h-5 w-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
SOC 2 Type II
</div>
<div class="flex items-center gap-2 text-sm text-[var(--ws-pricing-text-muted)]">
<svg class="h-5 w-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
GDPR Compliant
</div>
<div class="flex items-center gap-2 text-sm text-[var(--ws-pricing-text-muted)]">
<svg class="h-5 w-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
ISO 27001
</div>
<div class="flex items-center gap-2 text-sm text-[var(--ws-pricing-text-muted)]">
<svg class="h-5 w-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
HIPAA Ready
</div>
<div class="flex items-center gap-2 text-sm text-[var(--ws-pricing-text-muted)]">
<svg class="h-5 w-5 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
99.99% SLA
</div>
</div>
</div>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
pricingenterprisesalescontactcompliancetrust
Slots
| Name | Required | Description |
|---|---|---|
| heading | Yes | Section heading and enterprise-focused subtitle. |
| card | Yes | Single enterprise card with feature list and CTA. |
| features | Yes | Two-column feature checklist inside the card. |
| trust | No | Trust indicators for compliance and certifications. |
Enterprise pricing card extending the base pricing family. Single prominent card with two-column feature grid, custom pricing label, sales CTA, and trust indicators for compliance certifications. Stacks to single column on mobile.