# About The Landing Page

#### **The Landing Page is composed of 5 different modules.  Each of these must be configured before you can publish your landing page.**

{% hint style="info" %}
This section will review the different parts of the landing page.  The [next section](https://help.inveterate.com/help-center/guides/program-setup/landing-page/configuring-the-landing-page) will teach you how to configure each module for your membership program.
{% endhint %}

1. The **Hero** introduces your prospects to your membership
2. The **Testimonial** is an area for you to showcase a recent customer review
3. The **Benefits** section is where all of the information you have configured for [your benefits](https://help.inveterate.com/help-center/guides/program-setup/benefits) will be displayed
4. The **CTA** section is where your customers will click to sign up for your membership program
5. The **FAQ** is where you curate a set of questions and answers about your membership program

**Each Landing Page module has two tabs, Content and Design**

The content tab controls all of the copy within each module.  Make sure to edit this according to your brand and membership program policies.

![Landing Page Content Tab](https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2FT5xowsgZWTPszehWMcpC%2FLanding%20Page%20Content.png?alt=media\&token=9e223c01-9310-418b-8cbc-4e9c1f417386)

The design tab controls the color options for each module.  Make sure to edit these according to your brand colors.

![](https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2Fvl6OJXMPNdKBXKQGnzi4%2FLanding%20Page%20Design.png?alt=media\&token=7c34a83a-cef6-4076-b0b5-fec428f91968)

{% hint style="info" %}
Pro Tip: The landing page design is dynamic between desktop and mobile devices
{% endhint %}

You do not have to upload separate content for each display, Inveterate handles this for you in the background.  You can click on the display toggle shown below to see both desktop and mobile previews.

![Preview Style Selector](https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2FxarIyAZBn8YkMOYM8A2C%2FInveterate%20\(15\).png?alt=media\&token=a819bb0e-103e-4f28-8c81-0ca3f56e13bc)