Pricing 3

Asymmetric three-column pricing layout with an elevated featured plan card, amber badge, and a security footer note.

Flexible plans that grow with you

Use Inbox individually or upgrade to link more accounts and add seats for your team members.

Hobby

Free

For most individuals

ProBest Value

$20per month

For small businesses

Safe and secure

Enterprise

Tailored pricing terms

For large organizations

import Pricing3 from '@/components/odysseyui/pricing-3';

export default function Page() {
  return <Pricing3 />;
}

Note: This component is inspired from Efferd.

<Pricing3
  title="Plans for every team"
  subtitle="Start free and scale as you grow."
/>

The component uses plans.find() to extract the first non-featured plan (hobby), the featured plan, and the first non-featured plan after index 0 (enterprise) — making plan order flexible.
The featured middle column gets bg-muted/50 background and an inner card with rounded-xl border bg-card to create an elevated floating effect.
An amber Badge with a MoneyBag01Icon labels the featured plan's tier.
If a plan has a customPricing string (instead of price), the layout switches to an icon + label presentation.
A footerNote on the featured plan renders a small security badge row at the bottom of the middle column.

Prop	Type	Default
`plans?`	`Plan3[]`	`DEFAULT_PLANS`
`title?`	`string`	`"Flexible plans that grow with you"`
`subtitle?`	`string`	`DEFAULT_SUBTITLE`