Support Agent

About this piece

Avatar with an online status badge above name and role, plus chat and email actions.

Usage

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

import { Shapes63 } from "@/components/beste/piece/shapes63";

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

Pill badge with status dot above a centered headline pair and a single CTA.

Avatar circle, two stacked content lines, and a rose unread dot.

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

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

Three overlapping circles separated by card-colored rings.

Featured tile beside a stacked column where the last cell carries a more-overlay badge.