One-time PricingOne-time Pricing Dark
page.tsx
import OnetimePricing from "@/components/onetime-pricing";
You can configure the One-time Pricing component by changing the values like the name, the price, etc. inside of the src/config/one-time-pricing.ts file. More details about the configuration can be found in the Payments section.

​
Usage

example.tsx
<OnetimePricing />

​
Tips

When customizing the One Time Pricing component:
  • Use clear, benefit-focused language for plan names and features
  • Highlight the most popular plan to guide user choice
  • If offering a discount, make it prominent and explain any limitations (e.g., “first 100 customers”)
  • Keep feature lists concise and focused on value propositions
If you need basic components like buttons, inputs, and more, they are available with Shadcn UI.