Hero Background

Elevate your landing page or hero section with the Hero Background component — a versatile, dynamic backdrop designed for designers, agencies, and creators seeking a high-quality visual foundation. This component adds motion, depth, and subtle sophistication to your project without overwhelming your core content.

Key Features:

• Multi-image background switching

• Fully responsive layout

• Adjustable padding control

• Horizontal/vertical nav direction

• Show/hide nav for desktop & mobile

• Lightweight, fast animations

• Easy drop-in integration

Controls:

1. 1st / 2nd / 3rd Image: Add or replace background images.

2. Padding: Adjust spacing inside the hero section.

3. Nav Direction: Choose horizontal or vertical image switching.

4. Nav Size: Adjust the size of the navigation preview images.