The Hero Image section displays a large banner image with customizable content and layout options.
Available blocks:
Heading – Add a title or headline.
Text – Add descriptive content.
Button – Add a call-to-action button.
Button Group – Display multiple buttons together.
Countdown – Add a countdown timer.
Spacer – Create spacing between elements.
Custom – Add custom content.
Custom Button – Add a customizable button.
Custom Text – Add custom text content.
Image – Upload the desktop image.
Image Mobile – Upload a separate image for mobile devices.
Link URL – Make the entire image clickable.
Open in New Tab – Open the link in a new browser tab.
Image Height – Configure the image height.
Min Height – Set the minimum desktop height.
Mobile Image Height – Configure the image height on mobile devices.
Mobile Min Height – Set the minimum mobile height.
Animation – Apply an animation effect to the image.
Content Position Type – Choose between Container and Custom positioning.
Content Position – Set the content location within the image.
Text Alignment – Align content left, center, or right.
Content Position – Set the content location on mobile devices.
Text Alignment – Align content left, center, or right.
Overlay – Enable or disable the overlay layer.
Overlay Color – Select the overlay color.
Overlay Opacity – Adjust the overlay transparency.
Display Colors by Section – Enable custom colors for this section.
Color Scheme – Select a predefined color scheme.
Background Opacity – Adjust the background transparency.
Width – Choose the section width.
Background Image – Upload a background image.
Margin – Set the outer spacing around the section.
Margin (Mobile) – Set the outer spacing on mobile devices.
Padding – Set the inner spacing inside the section.
Note: Margin and Padding values use the following format: Top, Right, Bottom, Left
Leave a value blank if you do not want to apply spacing to that side.