# Lifetime

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

<figure><img src="https://3985976695-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT3t4pDs63s3Soj1JetJw%2Fuploads%2FL3u0xyxiMWNRIDXxvIdx%2Flifetime.png?alt=media&#x26;token=756a0d0b-de16-469c-bd49-d7691d399d24" alt=""><figcaption><p>Lifetime deals</p></figcaption></figure>

The component is called `<Lifetime />` and defined in `src/components/Lifetime.tsx`&#x20;

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`

{% code title="page.tsx" %}

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

{% endcode %}

***

{% hint style="info" %}
If you need basic components like buttons, inputs, etc, they are all available with [ChakraUI](https://chakra-ui.com/).
{% endhint %}