Centered Avatar Quote

About this piece

Avatar above three centered quote lines, name and role under the body.

Usage

The import and the props worth knowing about, in one place.

import { Shapes57 } from "@/components/beste/piece/shapes57";

<Shapes57
  surface="card"
  bordered={true}
  inverted={false}
/>

Quote card with three body lines above an avatar, name, and role.

Faded quote glyph above three quote lines and a name plus role footer.

Centered tagline above a row of four muted brand logo placeholders.

Three overlapping circles separated by card-colored rings.

Two heading bars, supporting body lines, and a primary plus outlined CTA pair.

Foreground panel with a stacked headline, subline, and a single inverted button.