> For the complete documentation index, see [llms.txt](https://docs.chuckwalladesign.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chuckwalladesign.com/arrive-theme-page-templates/home-landing-page.md).

# Home (Landing page)

Live demo: <https://arrive.chuckwalladesign.com>

1\. In the dashboard, click **Website > New Page** to create a new page. You can type anything under **Name** and **Slug**, but we prefer to use "Home" or "Landing" to keep track of what the page is for.&#x20;

![](/files/-LpjQnnKMN90ZF6sYrve)

2\. It's important to upload a [hero image](https://en.wikipedia.org/wiki/Hero_image) and text. Make sure it's an attractive, high resolution (1440 x 800 pixels or higher) image of your candidate.

Click **Subpages > New Subpage** and be sure to name the slug "home\_hero". Otherwise, it won't be visible as a new section on the homepage.

Upload your image to **Files** from your computer. The filename can be anything you want.&#x20;

**Note:** We recommend cropping a separate version (400 x 300 pixels) to accommodate mobile devices. The filename MUST contain the word "mobile" for the theme to display it.

Add your hero text to **Content**. This text will serve as a Call to Action displayed over your hero image.

If you have designated a primary signup page under **Pages > Defaults**, a sign up form will show up over the hero image.

3\. If you have designated a primary donation page under **Pages > Defaults**, a donate section will automatically show on the homepage. The progress bar will show once you have checked "Set goal for donations" in **Donation settings** under your donation page.

![](/files/-LpjYsEMMnP4vZrMJ_rA)

4\. You can add another section to display a quote or additional information about your candidate.&#x20;

Edit your page and click **Content**. Use the WYSIWYG editor to add text and any images you've uploaded to **Files**. To add a background image behind your text (like the demo), make sure the image filename has the abbreviation "bg" in it (stands for background).&#x20;

![](/files/-LpjamOSANSoK2qaMMK4)