A square lipstick case stands beside its open cap. The bullet in the accent color twists up out of the case, holds, then sinks back in.
The import and the props worth knowing about, in one place.
import { Isometric136 } from "@/components/beste/piece/isometric136";
// Give it the card's media area; the drawing scales to fit and centers itself.
// palette: "theme" | "light" | "dark" | "tone" | "glass" (see-through, for a photo or gradient behind it), accent={false} for one color.
<div className="flex aspect-square flex-col overflow-hidden rounded-3xl border border-border bg-card">
<Isometric136 tone="color" color="#2F6FED" palette="theme" className="min-h-0 flex-1" />
<p className="px-8 pb-8 text-center text-lg text-muted-foreground">
Try 24 shades before you buy 1.
</p>
</div>