Hero Image 1

Padding Settings

Adjust the spacing around the content inside the hero section.

• Top Padding (Desktop): 50 Controls the top space on desktop view.

• Bottom Padding (Desktop): 50 Controls the bottom space on desktop view.

• Top Padding (Mobile): 20 Top spacing for mobile devices.

• Bottom Padding (Mobile): 20 Bottom spacing for mobile devices.

---

Heading Settings

Configure the main headline and subtitle in the hero section.

• Main Heading Text: Text shown as the primary hero title. Example: “WHO WE ARE”

• Main Heading Text Animation: None Select an animation style for the title.

• Enable Custom Fonts for Main Heading: Toggle to apply a custom font.

• Select Font for Main Heading: Choose a font like Poppins (visible when custom fonts are enabled).

• Subtitle Text: Secondary line of text below the heading. Example: “ABOUT US”

• Enable Custom Fonts for Subtitle: Toggle to enable font selection.

• Select Font for Subtitle: Choose a custom font for the subtitle.

• Heading Font Size (Desktop): 70 Size of the main title on desktop.

• Heading Font Size (Mobile): 46 Size of the main title on mobile.

• Text Color: #FFFFFF Color of all heading text.

• Font Weight: Normal / Bold Set text thickness.

---

Image Settings

Manage the background image and how it’s displayed.

• Background Image: Upload or select the hero background image.

• Background Blur (px): 0 Control the level of image blur.

• Section Height (px) [Desktop]: 480 Height of the hero section on desktop.

• Section Height (px) [Mobile]: 300 Height of the hero section on mobile.

• Background Image Contrast: 100 Control how vivid or dull the background appears.

• Background Image Brightness: 50 Adjust how light or dark the image looks.

---

Gradient Text Option

Apply a gradient effect to your main heading text.

• Enable Color Gradient for Main Heading Text: Toggle to activate gradient styling.

• Gradient Start Color: #BEBEBE Color at the beginning of the gradient.

• Gradient Middle Color: #FFFFFF (optional) Middle color (if needed).

• Gradient End Color: #A1A1A1 Ending color of the gradient.

• Gradient Angle (Degrees): 330° Controls the direction of the gradient flow.

---

Subtitle Settings

Customize how the subtitle appears.

• Subtitle Font Size (Desktop): 18 Size of subtitle on desktop.

• Subtitle Font Size (Mobile): 15 Size of subtitle on mobile.

• Subtitle Font Color: #FFFFFF Color of the subtitle text.

---

Fade-in Settings

Add a fade effect at the bottom of the hero section for a smooth visual transition.

• Enable Fade-in Bottom Effect: Toggle to enable a bottom fade overlay.

• Fade Gradient Smoothness: 40 Adjust how soft or sharp the fade looks.

• Enable Fade Color Customizer: Enable to choose your own fade overlay color.

• Fade Color: #000000 Color used for the fade effect.

• Fade Strength: 1 Opacity level of the fade overlay.

• Fade Size (%): 17 Size of the fade as a percentage of the hero section height.