Service Menu Hero
Split hero pairing a first person intro and availability facts with a bordered service menu panel listing each offering, its scope, and starting price.
Split hero pairing a first person intro and availability facts with a bordered service menu panel listing each offering, its scope, and starting price.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Service Menu Hero pairs a short first person intro with a bordered service menu panel. The left column names Avery Stone, independent designer, opens with a lede about fixed scope engagements priced up front, sets an availability and based-in facts card, and offers two actions, book an intro call and see recent work. The right column is a ruled panel titled Services with a 2026 rates note, listing four offerings, each with a name, a one line scope, and an honest starting price.
The distinctive choice is putting real prices in the first viewport. A visitor can qualify themselves against the brand identity, marketing site, product sprint, and advisory figures before they ever write, so the inquiries that arrive are already a fit.
Reach for this block as the opening hero of an independent designer or small studio homepage where pricing transparency does the filtering. The installer swaps the name, the four services and their scope lines, the starting prices, and the availability and location facts to match their practice.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the productized services opener with fixed package prices. Other menu shapes:
Tip: keep every scope line to a single honest sentence; a menu that promises everything in each row reads as vague and undoes the qualifying effect of the prices beside it.