Pricing

Use this component to show the subscription plans of your product.

Pricing plans

The component is called <Pricing /> and defined in src/components/Pricing.tsx

To configure the subscription plans, open src/config/pricing.constants.ts and set the plan title, monthly and annual price, the checkout URLs (take them from LemonSqueezy), and features.

Component: <Pricing /> File: src/components/Pricing/Pricing.tsx

page.tsx

import { Pricing } from "@/components/Pricing/Pricing";

---

If you need basic components like buttons, inputs, etc, they are all available with ChakraUI.