Blog Card

About this piece

Side-by-side thumbnail, category dot, two title lines, and a meta line.

Usage

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

import { Shapes39 } from "@/components/beste/piece/shapes39";

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

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

Thumbnail above title and meta, with a 60% emerald progress bar and percent label.

Date block on the left with title lines and a location row carrying a status dot.

Three feature rows in a card, each pairing an icon tile with a title and a body line.

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

Image-topped tile with a title line, price block, and a circular add button.