Triangle, circle, and square primitives lined up in three tones.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Shapes2 } from "@/components/beste/piece/shapes2";
<Shapes2 />Three overlapping circles separated by card-colored rings.
Three rounded squares fanned diagonally in foreground, amber, and card tones.
Three feature rows in a card, each pairing an icon tile with a title and a body line.
Three accordion rows, the first one expanded with answer lines underneath.
Three crumb segments separated by chevrons, the last one in foreground tone.
Three small KPI tiles in a row, each with a label and a bold value bar.