A round hub sits at the center of a desk with five app tiles around it, each joined to the hub by a groove. One groove at a time takes the accent color together with the tile at its end, then the next one takes its turn, while the hub cap glows softly.
The import and the props worth knowing about, in one place.
import { Isometric242 } from "@/components/beste/piece/isometric242";
// 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">
<Isometric242 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">
Connect the tools you already use.
</p>
</div>