Composer 2 - Quick start Guide - Hero Panel

Please note: This is a Quick Guide Only. Full video tutorials are available here.

This guide covers the essential steps to get started with your site, including:

• Creating a Page

• Articles

• Sections

• Buttons

• Widgets

• Header Panel – control menus, logo, CTAs, etc.

• Hero Panel – large introductory area at the top of the homepage.

🖼️ Hero Panel

The Hero Panel manages the main hero area at the top of your homepage.

Hero Styles

There are 6 hero styles available. For visual examples, see the Demo Site Examples.

Hero Content Options

• Image – static visual content

• Text – add headings, paragraphs, or calls to action

• Video – autoplay content for desktop or mobile

• Slider – rotating content/images

Hero Types

• Default – desktop hero

• Mobile – mobile hero

✏️ How to Edit

1. Go to Panels in the main menu.

2. Click the Hero Panel.

3. Edit both options: Default and Mobile.

4. Click Save.

📌 Examples

All 8 hero styles can be viewed on the Demo Site for reference and inspiration.