Pricing page

Pro

A full pricing page on the marketing sections: plans with a monthly or yearly switch and a comparison table, logos, a savings estimate with two sliders, a testimonial, billing FAQ and a closing call to action.

Open full screen

Install

The screen lands in app/pricing-page/ with every component it uses. Change it like any other code in your app. It is part of Prodular UI Pro, so run npx prodular-ui login first. See pricing.

npx prodular-ui add pricing-page

Files

app/pricing-page/page.tsx
app/pricing-page/estimate.tsx
app/pricing-page/site.tsx
app/pricing-page/relay-logo.tsx
app/pricing-page/wordmark.tsx