Hero Navigation

Help

Visual-first. Action-first.

Demo How Hero Navigation works.

Hero Navigation

Visual-first. Action-first. Recognize your next move in seconds.

One reusable Hero Card — image, overlay, icon, title, badge, counts.
One reusable Hero Strip — grid on desktop, swipe snap on mobile.
Page rhythm: Banner → Hero Nav → Continue → Featured → Live → Recommendations → Search → else.
Every role configures cards; none rewrite the framework.