Hero 247 block design & features
Hero247 is a narrow, centered hero built from shadcn/ui buttons beneath a circular avatar and a multi-line introductory heading sized for personal branding pages. Props drive the avatar URL, long-form heading sentence, and paired primary and outline links so you can reuse it for freelancers or studio leads without restructuring markup.
Motion sequences choreograph the avatar scaling in first, then the heading sliding upward into place, then each button fading from below with slightly offset delays. Hovering a button runs a vertical ticker effect that repeats the label inside a clipped strip, giving tactile feedback without changing routes.
The aesthetic stays restrained: neutral surfaces, medium-weight sans headline, and balanced spacing inside the container. It feels contemporary portfolio minimalism rather than marketing-heavy chrome.
The outline secondary action hides on small screens so mobile viewers focus on the primary path first. Expect to supply portrait photography and concise positioning copy for the heading string.