Drag Hero1 onto your page. This creates the main container for the Hero section, usually at the very top so it’s the first thing visitors notice.

In the settings panel, click Select Image to add a background. You can upload a new picture from your computer or pick one from the library. Choose something clear and high-quality that fits your design.

Type your welcome text into the Title field. Use the Title Highlight option if you want to make certain words stand out. Add extra details in the Description field, and check the preview to see if the text looks good and easy to read.

You also can set a Background Color. Pick a preset color or open the color box and use the sliders to adjust brightness, hue, and saturation until it looks right.

Change the Padding values (top, bottom, left, right) to add space inside the Hero. This makes sure the text and other elements don’t stick too close to the edges. Watch the live preview to see how your changes look.

Turn on Dark Mode if you want the Hero to have a separate style for dark backgrounds. This keeps everything readable and balanced in both light and dark themes.

Add interactive elements inside the Hero. For example, drag in a Button, write the label (like Get Started or Learn More), and link it to another part of your site. This makes your Hero section not just welcoming, but also useful. We also provide a guide on how to set up a button that you can refer to when implementing this.