{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "pricing", "title": "Pricing", "type": "registry:block", "files": [ { "path": "packages/registry-svelte/blocks/pricing/Pricing01.svelte", "content": "\n\n
\n
\n \n
\n \n \n Predictable Enterprise Pricing\n
\n

\n Scale effortlessly without seat tax surprises\n

\n

\n Zero setup fees, transparent volume discounts, and instant self-serve provisioning. Switch or cancel plans\n anytime.\n

\n\n \n
\n \n
\n \n Monthly \n \n Annual\n \n Save 20%\n \n \n \n
\n\n \n
\n \n USD ($)\n EUR (€)\n GBP (£)\n \n
\n
\n\n \n
\n
\n
\n \n Simulate Team Size:\n
\n
\n \n {currentSeats} {currentSeats === 1 ? 'seat' : 'seats'}\n \n {#if billingCycle === 'yearly' && annualSavingsTeam > 0}\n \n (Saves ~{sym}{annualSavingsTeam.toLocaleString()}/yr on Team plan)\n \n {/if}\n
\n
\n
\n \n
\n
\n 1 seat\n 25 seats\n 50+ seats\n
\n
\n
\n\n \n
\n \n \n
\n \n
\n Bootstrap & Indie\n
\n Starter Studio\n \n For agile squads and early-stage product teams validating core workflows.\n \n\n
\n
\n \n {sym}{Math.round(starterBase * rates)}\n \n / seat / month\n
\n
\n Est. {sym}{starterMonthlyTotal.toLocaleString()}/mo for {currentSeats}\n {currentSeats === 1 ? 'seat' : 'seats'}\n
\n
\n \n\n \n \n
\n

Included features

\n
    \n
  • \n \n Up to 10 team seats & unlimited guests\n
    • \n
  • \n \n 100,000 monthly API event calls\n
    • \n
  • \n \n 30-day continuous audit & revision history\n
    • \n
  • \n \n Standard Community & Email support (24h)\n
    • \n
  • \n \n Community Discord access & quickstarts\n
    • \n
\n
\n \n
\n\n \n \n \n \n\n \n \n
\n \n \n Most Popular Choice\n \n
\n\n
\n \n
\n \n Scale & High-Growth\n \n
\n Team Scale\n \n For fast-scaling engineering and product organizations requiring deep automation.\n \n\n
\n
\n \n {sym}{Math.round(teamBase * rates)}\n \n / seat / month\n
\n
\n Est. {sym}{teamMonthlyTotal.toLocaleString()}/mo for {currentSeats}\n {currentSeats === 1 ? 'seat' : 'seats'}\n
\n
\n \n\n \n \n
\n

\n Everything in Starter, plus\n

\n
    \n
  • \n \n Unlimited team seats & custom workspace roles\n
    • \n
  • \n \n 2.5M monthly API calls & priority queue\n
    • \n
  • \n \n Google & Okta SAML SSO integration\n
    • \n
  • \n \n 365-day immutable compliance logs\n
    • \n
  • \n \n Priority ticketing with 4h guaranteed SLA\n
    • \n
\n
\n\n \n
\n

Optional Power Add-ons

\n
\n \n \n
\n
\n \n \n
\n
\n \n
\n\n \n \n \n \n\n \n \n
\n \n
\n Enterprise & Security\n
\n Enterprise Suite\n \n Dedicated infrastructure, custom security controls, and bespoke compliance SLAs.\n \n\n
\n
\n \n {sym}{Math.round(enterpriseBase * rates)}\n \n / seat / month\n
\n
\n Custom volume licensing available for 100+ seats\n
\n
\n \n\n \n \n
\n

\n Everything in Team, plus\n

\n
    \n
  • \n \n Custom SCIM v2 user provisioning & directory sync\n
    • \n
  • \n \n Dedicated VPC peering & custom data residency\n
    • \n
  • \n \n 99.99% uptime SLA with financial penalty backing\n
    • \n
  • \n \n Assigned Principal Solutions Engineer & private Slack\n
    • \n
  • \n \n Custom Master Service Agreement (MSA) & DPA\n
    • \n
\n
\n \n
\n\n \n \n \n \n
\n\n \n
\n (showComparisonTable = !showComparisonTable)}\n >\n {showComparisonTable ? 'Hide Detailed Feature Comparison' : 'Compare All Features & Enterprise Limits'}\n {#if showComparisonTable}\n \n {:else}\n \n {/if}\n \n
\n\n \n {#if showComparisonTable}\n
\n
\n
\n

Detailed Specification & Limits

\n

Comprehensive side-by-side breakdown across every tier.

\n
\n All plans include SSL & automated backups\n
\n\n
\n \n \n \n Capabilities\n Starter Studio\n Team Scale\n Enterprise Suite\n \n \n \n {#each comparisonMatrix as group, idx (idx)}\n \n \n {group.category}\n \n \n {#each group.features as feat, fIdx (fIdx)}\n \n \n {feat.name}\n \n {feat.starter}\n {feat.team}\n {feat.enterprise}\n \n {/each}\n {/each}\n \n
\n
\n
\n {/if}\n \n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/Pricing01.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingCalculator.svelte", "content": "\n\n
\n
\n \n \n Pricing Calculator\n \n
\n

\n Interactive Pricing Calculator\n

\n

\n Calculate your exact monthly or annual investment based on usage.\n

\n
\n\n
\n \n Monthly\n \n \n \n Pay Annually\n \n \n Save 20%\n \n
\n
\n\n
\n
\n \n \n Capacity & Scale\n Configure team seats, API request throughput, and dedicated storage.\n \n \n
\n
\n
\n \n \n
\n
\n Team Seats\n \n {seatTier.label}\n \n
\n
\n
\n {seats}\n seats (${seats * SEAT_PRICE}/mo)\n
\n
\n
\n `${val} seats`}\n />\n
\n

\n Full workspace access, fine-grained permission controls, and audit log tracking for each member.\n

\n
\n\n \n\n
\n
\n
\n \n \n
\n
\n Monthly API Requests\n
\n
\n
\n \n {currentRequestTier.label}\n \n \n ({currentRequestTier.cost === 0 ? 'Included' : `+$${currentRequestTier.cost}/mo`})\n \n
\n
\n
\n REQUEST_TIERS[idx]?.label ?? ''}\n />\n
\n

\n Globally distributed edge endpoints, automatic rate limiting, and sub-50ms p99 latency SLA.\n

\n
\n\n \n\n
\n
\n
\n \n \n
\n
\n Dedicated Cloud Storage\n
\n
\n
\n \n {currentStorageTier.label}\n \n (+${currentStorageTier.cost}/mo)\n
\n
\n
\n STORAGE_TIERS[idx]?.label ?? ''}\n />\n
\n

\n Encrypted at rest (AES-256) with multi-region automated replication and daily disaster backups.\n

\n
\n \n \n\n \n \n Enterprise Add-ons\n \n Enhance your infrastructure with enterprise compliance, reliability, and support.\n \n \n \n \n
\n \n \n
\n
\n
\n Dedicated Support Manager\n +$200/mo\n
\n

\n Direct Slack channel, named technical account manager & 1-hour response SLA.\n

\n
\n \n
\n \n
\n \n\n \n
\n \n \n
\n
\n
\n Custom SLA Guarantee\n +$500/mo\n
\n

\n 99.99% uptime guarantee with financial commitments and priority disaster recovery.\n

\n
\n \n
\n \n
\n \n\n \n
\n \n \n
\n
\n
\n Single Sign-On (SSO / SAML)\n +$100/mo\n
\n

\n Okta, Azure AD, Google Workspace, and SAML 2.0 enterprise identity integration.\n

\n
\n \n
\n \n
\n \n \n \n \n\n
\n \n \n
\n \n Estimated Investment\n \n \n {#if recommendedPlan.name === 'Enterprise'}\n \n {/if}\n {recommendedPlan.badge}\n \n
\n
\n
\n \n ${totalMonthly}\n \n / month\n
\n {#if isAnnual}\n

\n Billed annually (${totalAnnual.toLocaleString('en-US')}/yr) ·\n Save ${annualSavings.toLocaleString('en-US')}/yr\n

\n {:else}\n

\n Billed monthly · Switch to annual to save 20% (${annualSavings.toLocaleString('en-US')}/yr)\n

\n {/if}\n
\n \n \n \n
\n
\n Base platform ({recommendedPlan.name})\n ${isAnnual ? Math.round(baseCost * 0.8) : baseCost}/mo\n
\n
\n Team seats ({seats} × ${SEAT_PRICE})\n \n ${isAnnual ? Math.round(seatsCost * 0.8) : seatsCost}/mo\n \n
\n
\n API throughput ({currentRequestTier.label})\n \n {requestsCost === 0 ? 'Included' : `$${isAnnual ? Math.round(requestsCost * 0.8) : requestsCost}/mo`}\n \n
\n
\n Cloud storage ({currentStorageTier.label})\n \n ${isAnnual ? Math.round(storageCost * 0.8) : storageCost}/mo\n \n
\n
\n Add-ons ({activeAddonsCount} active)\n \n {addonsCost === 0 ? '$0/mo' : `$${isAnnual ? Math.round(addonsCost * 0.8) : addonsCost}/mo`}\n \n
\n {#if isAnnual}\n \n Annual discount applied\n 20% off\n
\n {/if}\n
\n \n \n \n \n \n \n \n \n \n \n\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingCalculator.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingEnterpriseSlaCard.svelte", "content": "\n\n
\n
\n \n
\n \n \n Enterprise Custom Contracting\n \n \n\n

\n {title}\n

\n\n

\n {description}\n

\n
\n\n \n
\n
\n \n
\n
\n
Service Level Agreement
\n

Penalty-Backed Contractual Metrics

\n

\n Every commitment is codified into your master service agreement with direct financial remedies.\n

\n
\n\n \n
\n {#each activeGuarantees as item, idx (idx)}\n
\n
\n {item.title}\n {item.metric}\n
\n

\n {item.description}\n

\n
\n {/each}\n
\n\n \n
\n
\n \n Security & Regulatory Attestations\n
\n
\n {#each activeCertifications as cert (cert.id)}\n \n \n {cert.name}\n ({cert.status})\n \n {/each}\n
\n
\n
\n\n \n
\n
\n
\n
\n \n Custom Private Deployment\n
\n \n Tailored\n \n
\n\n
\n
Included with Custom Tier:
\n
    \n
  • \n \n Dedicated AWS / GCP VPC peering or self-hosted air-gap\n
    • \n
  • \n \n Custom SAML 2.0 / Okta / Azure AD SCIM provisioning\n
    • \n
  • \n \n Dedicated Solution Architect & design system migration team\n
    • \n
  • \n \n Invoiced payment via ACH, Wire Transfer, or AWS Marketplace\n
    • \n
\n
\n
\n\n \n
\n \n
\n Average executive response time: under 20 minutes\n
\n
\n
\n
\n
\n
\n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingEnterpriseSlaCard.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingFeatureAddonBuilder.svelte", "content": "\n\n\n
\n \n
\n \n \n Real-time Add-on Cost Synthesizer\n \n \n\n

\n {title}\n

\n\n

\n {description}\n

\n\n \n
\n \n Monthly Billing\n \n (isAnnual = !isAnnual)}\n >\n \n \n \n Annual Billing\n Save 20% \n \n
\n
\n\n \n
\n \n
\n \n
\n
\n Step 1: Choose Base Core Tier\n
\n
\n {#each activePlans as plan (plan.id)}\n (selectedPlanId = plan.id)}\n >\n
\n
{plan.name}
\n
\n ${plan.monthlyPrice}/mo\n
\n
\n
Includes {plan.includedSeats} engineer seats
\n \n {/each}\n
\n
\n\n \n \n \n
\n Engineer Team Seats\n {seatCount} seats (${extraSeatCost}/mo extra)\n
\n (seatCount = e.currentTarget.valueAsNumber)}\n type=\"range\"\n min=\"2\"\n max=\"50\"\n step=\"1\"\n class=\"accent-primary w-full cursor-pointer\"\n />\n
\n 2 seats\n 50 seats\n
\n \n \n\n \n
\n
\n Step 3: Select Modular Capabilities\n
\n
\n {#each activeAddons as addon (addon.id)}\n {@const selected = selectedAddonIds.includes(addon.id)}\n toggleAddon(addon.id)}\n >\n
\n \n {#if selected}\n \n {/if}\n
\n
\n
\n {addon.name}\n \n {addon.category}\n \n
\n
{addon.description}
\n
\n
\n\n
\n +${addon.monthlyPrice}/mo\n
\n \n {/each}\n
\n
\n
\n\n \n
\n \n \n
\n
\n \n Estimated Monthly Invoice\n
\n \n {isAnnual ? 'Annualized' : 'Monthly'}\n \n
\n\n \n
\n
\n {selectedPlan.name}\n ${selectedPlan.monthlyPrice}.00\n
\n\n {#if extraSeats > 0}\n
\n Extra Seats ({extraSeats} × $15)\n ${extraSeatCost}.00\n
\n {/if}\n\n {#each selectedAddons as addon (addon.id)}\n
\n {addon.name}\n ${addon.monthlyPrice}.00\n
\n {/each}\n\n {#if isAnnual}\n
\n Annual Billing Discount (20%)\n −${monthlySubtotal - finalMonthlyRate}.00\n
\n {/if}\n
\n\n \n
\n
Net Monthly Investment
\n
\n \n ${finalMonthlyRate}\n \n / month\n
\n {#if isAnnual}\n
\n Billed annually (${finalMonthlyRate * 12}/yr • Save ${annualSavings}/yr)\n
\n {/if}\n
\n\n \n \n \n
\n
\n \n\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingFeatureAddonBuilder.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingFeatureTierSlider.svelte", "content": "\n\n\n
\n \n
\n \n \n Continuous Scale Synthesizer\n \n \n\n

\n {title}\n

\n\n

\n {description}\n

\n\n \n
\n \n Monthly\n \n (isAnnual = !isAnnual)}\n >\n \n \n \n Annual Billing\n Save 20% \n \n
\n
\n\n \n
\n \n \n \n
\n
\n Calculated Tier Plan\n

{currentTier.tierName}

\n
\n Engineered for {currentTier.mauCount} active user sessions\n
\n
\n\n \n
\n
\n ${effectivePrice}\n / month\n
\n {#if isAnnual}\n
\n Save ${annualSavings}/yr on annual\n
\n {/if}\n
\n
\n\n \n
\n
\n Monthly Traffic Volume\n {currentTier.mauCount} Users\n
\n\n (sliderIndex = e.currentTarget.valueAsNumber)}\n type=\"range\"\n min=\"0\"\n max=\"4\"\n step=\"1\"\n class=\"accent-primary h-2 w-full cursor-pointer\"\n />\n\n \n
\n {#each TIERS as t, idx (idx)}\n \n (sliderIndex = idx)}\n >\n {t.label}\n \n {/each}\n
\n
\n\n \n
\n Guaranteed Tier Deliverables\n
\n {#each currentTier.features as feat, fIdx (fIdx)}\n
\n \n {feat}\n
\n {/each}\n
\n
\n\n \n
\n \n
\n \n \n
\n
\n\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingFeatureTierSlider.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingMatrixGrouped.svelte", "content": "\n\n
\n
\n Compare plans\n

Grouped, so it stays readable

\n\n \n \n \n Capability\n {#each plans as plan (plan)}\n {plan}\n {/each}\n
\n \n\n {#each groups as group (group.id)}\n {@const isOpen = open.includes(group.id)}\n
\n toggle(group.id)}\n >\n \n \n {group.label}\n {group.summary}\n \n {group.rows.length}\n \n\n
\n \n \n {#each group.rows as row (row.feature)}\n \n {row.feature}\n {#each row.values as value, index (index)}\n \n {#if value === true}\n \n Included\n {:else if value === false}\n \n Not included\n {:else}\n {value}\n {/if}\n \n {/each}\n \n {/each}\n \n
\n
\n \n
\n {/each}\n \n \n\n \n \n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingMatrixGrouped.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingMatrixPlanCards.svelte", "content": "\n\n
\n
\n
\n Plans\n

What each plan actually includes

\n

\n The same list on every card, with what is missing shown rather than omitted.\n

\n
\n\n
\n {#each plans as plan (plan.name)}\n \n \n
\n

{plan.name}

\n {#if plan.featured}\n Most chosen\n {/if}\n
\n\n

{plan.price}

\n

{plan.cadence}

\n

{plan.note}

\n\n \n\n
    \n {#each capabilities as capability, index (capability)}\n {@const included = plan.included.includes(index)}\n
  • \n {#if included}\n \n {:else}\n \n {/if}\n {capability}\n
    • \n {/each}\n
\n\n \n \n \n {/each}\n
\n
\n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingMatrixPlanCards.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingMatrixStickyHeader.svelte", "content": "\n\n
\n
\n Compare plans\n

Every line, no asterisks

\n

\n Limits differ between plans. Where a plan caps something, the cap is written in the cell.\n

\n\n \n \n \n
\n \n \n \n Capability\n {#each plans as plan (plan)}\n {plan}\n {/each}\n \n \n \n {#each rows as row (row.feature)}\n \n {row.feature}\n {#each row.values as value, index (index)}\n \n {#if value === true}\n \n Included\n {:else if value === false}\n \n Not included\n {:else}\n {value}\n {/if}\n \n {/each}\n \n {/each}\n \n
\n
\n \n \n\n
\n \n \n
\n
\n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingMatrixStickyHeader.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingSinglePlan.svelte", "content": "\n\n
\n
\n
\n Pricing\n

One plan, one number

\n

\n No seat maths and no feature gates. The only thing that scales is query volume.\n

\n
\n\n \n \n
\n £1,400\n per month, billed annually\n
\n

\n Includes 2 million queries a month. Beyond that it is £0.0004 per query, capped by your own budgets.\n

\n\n \n\n \n\n

Included

\n
    \n {#each included as item (item)}\n
  • \n \n {item}\n
    • \n {/each}\n
\n\n \n\n

Not included

\n
    \n {#each excluded as item (item)}\n
  • \n \n {item}\n
    • \n {/each}\n
\n\n \n\n

\n Past roughly 20 million queries a month, or if any of the exclusions above are hard requirements, a\n conversation will get you a better answer than this page can.\n

\n \n \n \n
\n
\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingSinglePlan.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingTierComparisonMatrix.svelte", "content": "\n\n\n
\n \n
\n \n \n Predictable Pricing\n \n

\n Zero seat taxes. Own your source code forever.\n

\n

\n Choose the tier that fits your engineering team's delivery scale and compliance needs.\n

\n\n \n
\n \n Monthly\n \n
\n (billing = 'monthly')}\n >\n Monthly\n \n (billing = 'annual')}\n >\n Annual\n Save 20%\n \n
\n
\n
\n\n \n
\n {#each plans as plan (plan.id)}\n \n \n {#if plan.badge}\n
\n \n {plan.badge}\n \n
\n {/if}\n\n
\n
\n

{plan.name}

\n

{plan.description}

\n
\n\n \n
\n \n ${billing === 'annual' ? plan.annualPrice : plan.monthlyPrice}\n \n / month\n
\n

\n {billing === 'annual' && plan.annualPrice > 0\n ? 'Billed annually ($' + plan.annualPrice * 12 + '/yr)'\n : 'Billed monthly'}\n

\n
\n\n \n \n {/each}\n
\n\n \n
\n
\n

Detailed Feature Comparison

\n

Full granular matrix of capabilities and entitlements.

\n
\n\n \n
\n \n \n \n \n \n \n \n \n \n \n {#each comparisonData as section, sIdx (sIdx)}\n \n \n {section.category}\n \n \n {#each section.features as row, rIdx (rIdx)}\n \n \n \n \n \n \n {/each}\n {/each}\n \n
CapabilityCommunityPro TeamEnterprise
\n
{row.name}
\n
{row.tooltip}
\n 		\n {#if typeof row.community === 'boolean'}\n {#if row.community}\n \n {:else}\n \n {/if}\n {:else}\n {row.community}\n {/if}\n \n {#if typeof row.pro === 'boolean'}\n {#if row.pro}\n \n {:else}\n \n {/if}\n {:else}\n {row.pro}\n {/if}\n \n {#if typeof row.enterprise === 'boolean'}\n {#if row.enterprise}\n \n {:else}\n \n {/if}\n {:else}\n {row.enterprise}\n {/if}\n
\n
\n \n
\n
\n\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingTierComparisonMatrix.svelte" }, { "path": "packages/registry-svelte/blocks/pricing/PricingUsageCalculatorSlider.svelte", "content": "\n\n\n
\n \n
\n \n \n Interactive Infrastructure ROI Calculator\n \n

\n Calculate your annual savings with unbundled architecture.\n

\n

\n See how eliminating proprietary seat licenses and runtime SaaS wrappers cuts your front-end TCO.\n

\n\n \n
\n \n \n \n
\n
\n\n \n
\n \n \n
\n
\n

Traffic & Telemetry Inputs

\n Dynamic Projection\n
\n\n \n
\n
\n \n Monthly Active Users (MAU)\n \n {formatNumber(mau)} users\n
\n (mau = e.currentTarget.valueAsNumber)}\n type=\"range\"\n min=\"10000\"\n max=\"5000000\"\n step=\"25000\"\n class=\"accent-primary bg-border h-2 w-full cursor-pointer rounded-lg\"\n />\n
\n\n \n
\n
\n \n Peak Query Throughput\n \n {formatNumber(qps)} QPS\n
\n (qps = e.currentTarget.valueAsNumber)}\n type=\"range\"\n min=\"100\"\n max=\"20000\"\n step=\"100\"\n class=\"accent-primary bg-border h-2 w-full cursor-pointer rounded-lg\"\n />\n
\n\n \n
\n
\n \n Global Edge POP Replicas\n \n {edgeReplicas} Edge Regions\n
\n (edgeReplicas = e.currentTarget.valueAsNumber)}\n type=\"range\"\n min=\"1\"\n max=\"12\"\n step=\"1\"\n class=\"accent-primary bg-border h-2 w-full cursor-pointer rounded-lg\"\n />\n
\n
\n\n \n Formula: Direct AST + Raw Static Hosting\n ✓ Zero Seat Surcharges\n
\n \n\n \n \n
\n \n Projected Annual Net Savings\n \n\n \n
\n
\n ${annualSavings.toLocaleString()}\n
\n

\n Saved every year (${monthlySavings.toLocaleString()}/month)\n

\n
\n\n \n
\n
\n
\n Traditional Monolith Stack:\n ${traditionalCost.toLocaleString()}/mo\n
\n
\n
\n
\n
\n\n
\n
\n UIPKGE Unbundled Registry:\n ${uipkgeCost.toLocaleString()}/mo\n
\n
\n
\n
\n
\n
\n
\n\n \n \n \n \n\n", "type": "registry:block", "target": "~/src/lib/components/blocks/pricing/PricingUsageCalculatorSlider.svelte" } ], "dependencies": [ "@lucide/svelte" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/svelte/badge.json", "https://uipkge.dev/r/svelte/button.json", "https://uipkge.dev/r/svelte/card.json", "https://uipkge.dev/r/svelte/separator.json", "https://uipkge.dev/r/svelte/slider.json", "https://uipkge.dev/r/svelte/switch.json", "https://uipkge.dev/r/svelte/table.json", "https://uipkge.dev/r/svelte/toggle-group.json" ], "description": "Pricing collection with eleven interchangeable variants: seat matrix, interactive calculator, enterprise SLA card, feature add-on builder, feature tier slider, grouped matrix, per-plan cards, sticky-header matrix, single plan, tier comparison matrix, and usage calculator slider.", "categories": [ "pricing", "marketing", "billing" ] }