Shadcn Hero Blocks

A hero with a first person intro, lede, and two actions above a numbered three step strip showing how an engagement runs end to end.

A split hero with name, positioning lede, detail strip, and actions beside a single featured case study panel showing a thumbnail and outcome rows.

A hero that leads with a large video frame and play affordance, then names the director and their availability below it.

A name and role hero with a positioning line, a three fact strip, and an honest availability note.

A hero that opens with a craft philosophy sentence as the heading and the practitioner name and studio in a quieter line below.

A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, and a four-row ruled metadata strip covering role, studio, availability, and clients.

A symmetric portfolio opener with everything centered around a single strong positioning sentence, a quiet role lede, and one action button.

A hero that opens with a first-person paragraph above the name and headline, followed by a single action button and a three-field detail strip.

A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.

A small-agency opener with a studio name, a we-voice lede naming what the team does not offer, two actions, and a three-fact founding strip.

A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.

A hero that stacks every discipline this person works in as a static role list with one role emphasised and a facts panel beside it.

A hero built around a 2x2 photo tile grid with the photographer name and credential facts in a height-balanced side panel.

A portfolio hero that pairs a name and role statement with an inline row of past client wordmarks placed between the lede and the action buttons.

A fully reduced centered hero with the name in the h1, a role line below it, and a small set of plain text navigation links and nothing else.

A conversion-first hero with a single confident headline, a start-a-project button, and a four-figure trust signal strip at the base of the fold.

A freelancer hero that centres a card showing the next open project slot, the slot count, and the typical engagement length beside a get-in-touch action.

A hero with name, role lede, and two actions above a full width client quote strip carrying the quote, an avatar, and attribution.

A hero for a dual-practice creator with an h1 naming both disciplines, a lede connecting them, and two cards each pointing at one body of work.

A stripped-back hero with one confident h1 sentence, a single lede, and one primary action directing visitors to the work.

A two-column hero with a name, positioning lede, and ruled availability strip on the left and an aspect-4/5 portrait placeholder on the right.

A split hero with a name, lede, actions, and three grounding facts on the left beside a tall portrait placeholder on the right.

A personal portfolio hero with a name, role lede, two actions, and a branded social icon row that moves profile links into the first viewport.

A fold-filling hero that renders the name at oversized typographic scale with a discipline line, lede, two actions, and a three-cell grounding facts grid.

A fold-filling hero with a declarative h1, lede, two actions, a static row of service chips as a skills strip, and a three-cell availability facts grid.