Recommendation Card

About this block

Recommendation Card is a single centered card holding a long first-person endorsement, the kind that reads like a professional reference rather than a pull quote. The copy is specific: eleven user interviews before a single frame, strong rationale when engineering pushed back, equal willingness to compromise where the trade-off was real, thirty-day retention up nineteen points. Below a divider sit the avatar, name, title, and a relationship line that names the project and the year.

Data is a single object: text, recommender, title, and relationship. The relationship field (direct client, Ledger onboarding project, 2024) is the distinctive detail, it gives the endorsement the provenance of a reference letter.

When to use

Reach for this block on a dedicated about page or at the base of a case study where one voice summarises the engagement with depth. The installer swaps all four data fields and the avatar import.

A natural flow around it on a Portfolio Pro page:

Before

• Case study split
• About split

After

• Contact section
• Call to action

What you can display

One strong use is a detailed reference-style endorsement from a direct client. Other uses:

• Manager endorsement. A quote from a former manager for a consultant or employee transitioning to freelance.
• Collaborator reference. A senior peer who worked alongside you on a large engagement.
• Advisory voice. A board member or mentor speaking to strategic thinking rather than execution.

Tip: the relationship line earns more trust than the job title alone because it tells the reader exactly what the recommender witnessed.