Triple Hero

Triple Hero! 🦸🏾‍♂️🦸🏻‍♀️🦸🏼

A dynamic section which displays three items of content in a full-screen interactive and eye-catching layout using animated masks and z-index layering to create a unique effect.

Best Use Cases:

Hero sections, Work/product/project showcases, Single-screen websites, "Featured" sections

How to Use:

1. Drag and drop the component onto the main desktop breakpoint and set it's width to "fill" and it's height to "viewport: 100vh".

2. Upload your content as needed via the property panel

3. Customize the properties until the visual style of the component's UI works for you.

Highlights:

• Two unique layouts to choose from (Diagonal & Mosaic).

• Lightweight animations utilizing masking effects.

• Dynamic links to internal or external pages.

• Support for both images and videos.

• Full typography customization options.

• Mobile responsive via adjustable trigger zones.