Hero 343 block design & features
Hero343 is a hero-format image stream built with shadcn/ui. A small badge, large headline, short description, and primary and outline buttons sit in the center of a full-height section. Behind them, photographs emerge from a single point in the middle of the screen and flow outward in two streams, one to each side, on staggered lanes above and below the center line.
Each photo starts small and far away, then grows, moves toward the viewer, and turns to face the edge it is heading for, before fading out as it leaves the frame. The loop is continuous, a radial wash keeps the middle clear for the copy, and fades at the top and bottom blend the streams into the page. The streams never pause, and the motion stops only for visitors who prefer reduced motion.
It feels immersive and cinematic, a strong opener for media libraries, photography platforms, and creative studios. All motion runs from a single animation loop with no per-frame re-rendering. It needs around sixteen landscape images, and the loop duration is a prop.