Capsule Scroll Hero

A scroll-driven hero section.

Your hero image shrinks into a capsule, two rows of capsule images slide in around it, and a brand pill takes the centre. A huge headline then sweeps across, and four stat cards count up into place. Everything is driven by scroll, so it plays forward and backward.

Features:

• Hero, 13 gallery images, brand pill, headline and 4 stat cards in one component

• Hero Content slot for your own headline and buttons; it fades out as you scroll

• Swap the brand pill's text and logo, or use the default mark

• Accent, text and background colors, plus 4 font controls

• Stat counters handle decimals, commas and symbols (4.9, 1,200, $50, 24/7)

• Layout for desktop, tablet and phone

• Nav Overlap setting for pages with a sticky navbar

• Respects the visitor's reduced-motion setting