Client Quote Hero
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 with name, role lede, and two actions above a full width client quote strip carrying the quote, an avatar, and attribution.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Client Quote Hero anchors the fold with social proof. Priya Nair, brand and web designer, gets the name-and-role h1 and a positioning lede, I build identities and marketing sites for founders who want to look established from day one, with two actions below. A full width client quote strip then closes the fold: the quote, an avatar, and attribution to Daniel Ross, founder at Arlo Health.
The quote strip is one object rendered as a bordered figure. Placing a client testimonial in the hero itself is the distinctive choice, a customer vouches for the work before the visitor has scrolled past the introduction.
Reach for this block when a strong client line does more work than any self-description. The installer replaces the name and lede, swaps the quote text and attribution for a real testimonial, and updates the avatar to match the person quoted.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the founder-facing brand designer opener. Other proof-led variants:
Tip: pick a quote that names a concrete result; a generic great to work with line adds a face but no evidence.