ARN Hero — Story is a Vendix Pro Elementor widget that turns a full-screen slider into named steps, each shown in the navigation and above its title. It offers four views, fades, slides or zooms between the steps and arrives with a sample architecture firm in four steps.

Pro · Hero Designs · All widgets

Each example below is the same widget with a different View setting. Select a step to move through the story.

Numbered step tabs run along the bottom, and the line of the current step fills while autoplay runs.

Step 01 Survey the site

Every building begins by listening to the land

We walk the plot with you, read its light and slope, and mark what should stay.

Start a project View projects

Step 02 Draw the plan

Plans shaped around the way you live

Rooms, light and movement are drawn and redrawn until the plan feels like home.

Start a project View projects

Step 03 Raise the frame

Built straight, built to last

Our own crews raise the structure, with weekly site reports you can follow from anywhere.

Start a project View projects

Step 04 Hand over the keys

Your keys, on the day we promised

A final walk-through, a care guide for the house and a team that still answers after you move in.

Start a project View projects

The steps stand in a vertical list inside a frosted glass column at the side, opposite the text.

Step 01 Survey the site

Every building begins by listening to the land

We walk the plot with you, read its light and slope, and mark what should stay.

Start a project View projects

Step 02 Draw the plan

Plans shaped around the way you live

Rooms, light and movement are drawn and redrawn until the plan feels like home.

Start a project View projects

Step 03 Raise the frame

Built straight, built to last

Our own crews raise the structure, with weekly site reports you can follow from anywhere.

Start a project View projects

Step 04 Hand over the keys

Your keys, on the day we promised

A final walk-through, a care guide for the house and a team that still answers after you move in.

Start a project View projects

A numbered strip runs across the top, and a large outlined step number with previous and next arrows sits in a bottom corner.

Step 01 Survey the site

Every building begins by listening to the land

We walk the plot with you, read its light and slope, and mark what should stay.

Start a project View projects

Step 02 Draw the plan

Plans shaped around the way you live

Rooms, light and movement are drawn and redrawn until the plan feels like home.

Start a project View projects

Step 03 Raise the frame

Built straight, built to last

Our own crews raise the structure, with weekly site reports you can follow from anywhere.

Start a project View projects

Step 04 Hand over the keys

Your keys, on the day we promised

A final walk-through, a care guide for the house and a team that still answers after you move in.

Start a project View projects

The text sits on a light panel beside the media, with the steps along the bottom of the panel.

Step 01 Survey the site

Every building begins by listening to the land

We walk the plot with you, read its light and slope, and mark what should stay.

Start a project View projects

Step 02 Draw the plan

Plans shaped around the way you live

Rooms, light and movement are drawn and redrawn until the plan feels like home.

Start a project View projects

Step 03 Raise the frame

Built straight, built to last

Our own crews raise the structure, with weekly site reports you can follow from anywhere.

Start a project View projects

Step 04 Hand over the keys

Your keys, on the day we promised

A final walk-through, a care guide for the house and a team that still answers after you move in.

Start a project View projects

  • Steps: each slide has a step name for the navigation and the line above the title; without one the title is used. Turn the names off to show numbers only. On phones the steps show their numbers and the current step its name.
  • Slides: an image or video background with a focal point, a subtitle, a title, a text and up to three buttons.
  • Content position: start, center or end, following the reading direction. In the panel view it sets the side of the panel, and Center shows a card over the media.
  • Transition: fade, slide or zoom with Ken Burns, plus an optional slow Ken Burns drift on the shown slide.
  • Autoplay: on by default, with a play / pause button. It waits while the hero is hovered or focused and stays off for visitors who prefer reduced motion.
  • Corner links: up to four links such as About or Contact in the corners, each opening a side panel or a modal with text or a saved Elementor template. They are off by default; the first example shows one.

Reviewed against Vendix Pro 1.13.0 · Last updated 21 October 2026