Lifetime

Lifetime deal component

Perfect for pre-sales or pre-order landing pages.

Lifetime deals

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

It renders a certain amount of lifetimeDeals.

To configure the lifetime deals, open src/config/lifetime.constants.ts and set the title, price, checkout URL (take it from LemonSqueezy), and features.

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

page.tsx

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

---

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