// @name: Pricing Three Tiers // @dependencies: lucide-react import { Check } from "lucide-react"; const PLANS = [ { name: "Starter", price: "$0", cadence: "forever", blurb: "For side projects and evaluation.", features: ["1 project", "5k requests / month", "Community support", "7-day log retention"], featured: false, cta: "Start for free", }, { name: "Team", price: "$29", cadence: "per user / month", blurb: "For teams shipping to production.", features: ["Unlimited projects", "2M requests / month", "Priority support", "90-day log retention", "SSO and SCIM", "Audit log"], featured: true, cta: "Start 14-day trial", }, { name: "Enterprise", price: "Custom", cadence: "annual contract", blurb: "For regulated and high-volume workloads.", features: ["Everything in Team", "Dedicated regions", "99.99% SLA", "Named support engineer", "Custom DPA"], featured: false, cta: "Talk to sales", }, ]; export default function PricingThreeTiers() { return (

Pricing that scales with usage, not headcount panic

Every plan includes the full API. The difference is volume and support.

{PLANS.map((plan) => (

{plan.featured && ( Most popular )}

{plan.name}

{plan.blurb}

{plan.price} {plan.cadence}

{plan.cta}

{feature}

))}

); }

More pricing sections

Pricing Monthly Toggle

Pricing Single Plan

Pricing Feature Matrix