A phone lies flat on a desk with a weather app open: a sun disc in the accent color and a cloud stand on the glass with real thickness, the rays turn around the sun and the cloud drifts slowly in front of it above the forecast rows.
The import and the props worth knowing about, in one place.
import { Isometric187 } from "@/components/beste/piece/isometric187";
// 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">
<Isometric187 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">
Know the forecast before you leave.
</p>
</div>