pricing

Summary

The three plans, a pricing FAQ and a closing call to action.

Raw wireframe

• .context/designs/web/store/pricing.html

Why it is drawn this way

Pro is the highlighted plan. pricing-card.tsx gives a highlighted plan a blue border, a blue tint and a "Most Popular" badge. That is the accent colour, not the brand indigo of the buttons.

Each card says its description twice. page.tsx maps tier.description to both subtitle and description. The card renders both.

"Per seat" is lost. The Team tier has priceSuffix: "per seat". The mapping drops it and the card has no slot for it, so Team reads $29/month. The FAQ below says per seat.

The plan buttons do not start a trial. "Start Free Trial" links to /auth/register?plan=…. The register page ignores plan, and the new account is on Free. Free's button goes to the recorder.

The FAQ contradicts the cards. Its first answer says Free has "local storage"; the card and the next answer say 500 MB cloud. The downgrade answer says new recordings "will be saved locally".

Both closing buttons are outline. CTASection in its blue variant makes the primary button outline too. Its text is dark on the blue band in light mode.

"Contact Sales" opens the support form. It links to /contact-us.

Related

• plans
• register
• contact
• billing
• brand-and-accent

Sources

• apps/website/src/app/pricing/page.tsx
• apps/website/src/data/pricing.ts
• apps/website/src/data/faq.ts
• packages/ui/src/components/marketing/pricing-card.tsx
• packages/ui/src/components/marketing/cta-section.tsx