import { Link, router } from '@inertiajs/react'; import { useState } from 'react'; import PrismLayout from './_layout'; type ContentLink = { label: string; href: string }; type ShellContent = { nav_items: ContentLink[]; footer: { brand_description: string; socials: ContentLink[]; groups: Array<{ title: string; links: ContentLink[] }>; legal_title: string; legal_links: ContentLink[]; copyright: string; }; }; type Plan = { name: string; monthly_price: number; yearly_price: number; currency: string; currency_symbol: string; decimal_places: number; tagline: string; volume: string; cta_label: string; cta_href: string; highlight: boolean; features: string[]; }; type LifetimePlan = { id: string; name: string; price: number | null; currency: string; currency_symbol: string; decimal_places: number; features: string[]; tagline: string; cta_label: string; cta_href: string; monthly_conversations: number; }; type Interval = 'month' | 'year'; type CurrencyChoice = { code: string; name: string; symbol: string }; type MatrixCell = string | boolean; type MatrixRow = { label: string; free: MatrixCell; standard: MatrixCell; pro: MatrixCell; }; type Faq = { q: string; a: string }; type Props = { shell: ShellContent; brand: string; canRegister?: boolean; plans: Plan[]; lifetime_plans: LifetimePlan[]; currency: string; currencies: CurrencyChoice[]; matrix: MatrixRow[]; faqs: Faq[]; contact_email: string; }; function formatPrice(value: number, symbol: string, decimals: number): string { return `${symbol}${value.toLocaleString(undefined, { minimumFractionDigits: decimals, maximumFractionDigits: decimals, })}`; } function MatrixValue({ value }: { value: MatrixCell }) { if (value === true) { return ( ); } if (value === false) { return —; } return {value}; } function FaqItem({ q, a, open, onToggle, }: { q: string; a: string; open: boolean; onToggle: () => void; }) { return (
{open ?
{a}
: null}
); } export default function PrismPricing({ shell, brand, canRegister = false, plans, lifetime_plans, currency, currencies, matrix, faqs, contact_email, }: Props) { const [billingInterval, setBillingInterval] = useState('month'); const [openFaq, setOpenFaq] = useState(0); const onCurrencyChange = (code: string) => { if (code === currency) { return; } router.visit(`/pricing?currency=${encodeURIComponent(code)}`, { preserveScroll: true, preserveState: false, }); }; const hasAnnualOption = plans.some( (p) => p.yearly_price > 0 && p.monthly_price > 0, ); const annualSavingsPercent = (() => { const candidate = plans.find( (p) => p.monthly_price > 0 && p.yearly_price > 0, ); if (!candidate) { return 0; } const monthlyOverYear = candidate.monthly_price * 12; const saved = monthlyOverYear - candidate.yearly_price; return monthlyOverYear === 0 ? 0 : Math.round((saved / monthlyOverYear) * 100); })(); return (

Simple, conversation-based{' '} pricing.

Start free. Upgrade when you outgrow it. No per-seat fees, no setup fees, no surprise overages — just a clear conversation limit.

{hasAnnualOption ? ( <>
{(['month', 'year'] as Interval[]).map( (v) => ( ), )}
{annualSavingsPercent > 0 ? ( Save {annualSavingsPercent}% yearly ) : null} ) : null} {currencies.length > 1 ? ( ) : null}
{plans.map((plan) => { const showYearly = billingInterval === 'year' && plan.yearly_price > 0; const headlinePrice = showYearly ? Math.round(plan.yearly_price / 12) : plan.monthly_price; const ctaHref = billingInterval === 'year' && plan.yearly_price > 0 ? plan.cta_href + (plan.cta_href.includes('?') ? '&' : '?') + 'interval=year' : plan.cta_href; return (
{plan.highlight ? ( Most popular ) : null}

{plan.name}

{plan.tagline}

{formatPrice( headlinePrice, plan.currency_symbol, plan.decimal_places, )} {headlinePrice > 0 ? ( / month ) : null}
{showYearly && plan.yearly_price > 0 ? (

{formatPrice( plan.yearly_price, plan.currency_symbol, plan.decimal_places, )}{' '} billed annually

) : null}

{plan.volume}

    {plan.features.map((feature) => (
  • {feature}
    • ))}
{plan.cta_label} →
); })}

Need higher limits or a self-hosted license?{' '} Talk to us about Enterprise .

{lifetime_plans.length > 0 ? (
Lifetime deal

Pay once.{' '} Use forever.

A one-time purchase that unlocks the agent for the lifetime of your account — no monthly bill, no surprise renewal.

{lifetime_plans.map((plan) => (
LTD

{plan.name}

{plan.tagline}

{plan.price === null ? '—' : formatPrice( plan.price, plan.currency_symbol, plan.decimal_places, )} ONE-TIME
{plan.monthly_conversations > 0 ? (

{plan.monthly_conversations.toLocaleString()}{' '} conversations / month

) : null}
    {plan.features.map((feature) => (
  • {feature}
    • ))}
{plan.cta_label} →
))}
) : null}
Compare

Every feature,{' '} side by side.

{['Free', 'Standard', 'Pro'].map((h) => ( ))} {matrix.map((row) => ( ))}
Feature {h}
{row.label}
{faqs.length > 0 ? (
{faqs.map((faq, idx) => ( setOpenFaq((cur) => cur === idx ? -1 : idx, ) } /> ))}
) : null}
Ready?

Ready to ship a{' '} real sales AI?

Free to start. Deploys in 5 minutes. No card required.

Get started free
); }