A gantry crane lowers a container in the accent color onto a stack on the quay, lets go and lifts its empty spreader back up before the next container swings in.
The import and the props worth knowing about, in one place.
import { Isometric70 } from "@/components/beste/piece/isometric70";
// 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">
<Isometric70 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">
Freight booked across 40 ports worldwide.
</p>
</div>