A round food bowl sits on a mat with a paw print beside it. Kibble in the accent color drops in and the pile rises to the rim, then settles back.
The import and the props worth knowing about, in one place.
import { Isometric77 } from "@/components/beste/piece/isometric77";
// 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">
<Isometric77 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">
Book a vet visit in 2 taps, any day of the week.
</p>
</div>