Music Hero
A fold-filling hero with a sentence h1, album lede, play and releases CTAs, a three-stat strip, and a Placeholder album cover beside it.
A fold-filling hero with a sentence h1, album lede, play and releases CTAs, a three-stat strip, and a Placeholder album cover beside it.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Music Hero fills the fold with a two-column layout: the artist name as a full-sentence h1, Avery Stone makes music for long drives and late nights, a lede naming the catalogue and the current release, two CTAs (Play latest and All releases), and a three-stat strip showing 6 albums, 340+ shows played, and active since 2018. A Placeholder cover sits in the right column at a square aspect ratio. The section uses flex min-h-screen with justify-center and no dvh or svh.
Stats are one const array. The h1 reads as a sentence rather than a tagline, which fits a musician landing page better than a punchy fragment.
Place this block at the very top of a musician site, above all other music-audio blocks. No navbar is included; add a navbar block above if the site needs persistent navigation. The installer swaps the artist name, lede copy, stat values, and Placeholder cover.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the solo artist opener. Other hero shapes:
Tip: the h1 sentence is the hook, a plain name plus a line about what the music is for is more memorable than a genre claim.