> For the complete documentation index, see [llms.txt](https://docs.ektothemes.com/guides/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ektothemes.com/guides/lumi/customization/homepage/hero.md).

# Hero

The Hero section is the main introduction area at the top of your homepage. It helps you create a clean and professional first impression by highlighting a clear message and a primary call to action. This section is designed to welcome visitors and quickly communicate what your site or studio is about.

### Step-by-step:

{% stepper %}
{% step %}
Go to **"Design & branding"** in Ghost Admin and click **"Customize"**.
{% endstep %}

{% step %}
In the theme settings tab, find the **"Hero"** options under the **Homepage** section.
{% endstep %}
{% endstepper %}

### Available options

* **Style** – Choose the hero layout style. Options: *`Title`, `Title / CTA`*
* **Title** – The main heading text of your homepage. Default: `Hey, welcome to [site title]`
* **CTA** – Opens the Ghost Portal and prompts visitors to subscribe or a [Custom CTA](/guides/lumi/customization/site-wide/custom-cta.md).

### Visibility rules

The **CTA** is displayed only when the **Portal is active and the visitor is logged out**, **a** [**Custom CTA link**](/guides/lumi/customization/site-wide/custom-cta.md) **is defined**, and **Hero style is set to** *`Title / CTA`*.