Hero sections

49 components

The hero is what a visitor sees before scrolling: a headline, a line or two of copy and the main button. These variants cover products, services, events and personal sites — with a side image, an interface shot, video, a signup form, client logos or key numbers. Open a block, check it on phone and desktop, then press “Copy for AI”: your agent adds it to a React and Tailwind CSS project and you swap in your own copy.