TestimonialCard

Single testimonial card with quote, author, optional role, company, and avatar.

The TestimonialCard component from @publier/shell renders a single customer testimonial. Use it standalone or inside a grid on a marketing page.

Usage

import { TestimonialCard } from '@publier/shell/components';

<TestimonialCard
  quote="We replaced our docs stack with Publier in an afternoon."
  author="Grace Hopper"
  role="VP Engineering"
  company="Acme Corp"
  avatarUrl="/testimonials/grace.jpg"
/>

Props

Prop	Type	Default	Description
`quote`	`string`	required	The testimonial body.
`author`	`string`	required	Author’s full name.
`role`	`string`	`undefined`	Author’s role or title.
`company`	`string`	`undefined`	Company name.
`avatarUrl`	`string`	`undefined`	Optional avatar URL. Rendered at 40×40 px with `loading="lazy"`.

Behaviour

Renders as <figure> with the quote in a <blockquote> and author details in <figcaption>.
When both role and company are set, they render as "{role}, {company}". When only one is set, only that one renders.
A decorative quote glyph is rendered above the quote.