Hero 224 block design & features
Hero224 is a split hero built with Shadcn UI buttons: copy sits on one side with a multi-line headline, paragraph, and primary plus secondary rounded CTAs. The opposite half hosts a canvas-based image cloud that arranges circular crops on a sphere, spins gently with pointer movement, and supports drag to rotate.
The image reel is the standout motion; text stays clean and left-aligned on desktop. Borders are minimal, with emphasis on the floating photo chips.
This pattern targets teams that want a tactile, exploratory visual instead of a single static mockup. Complexity is moderate because you must curate many thumbnail sources for the cloud to feel rich.
The layout stacks on small screens with the cloud below the text, still interactive where canvas is supported.