Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.
The import and the props worth knowing about, in one place.
import { Location5 } from "@/components/beste/piece/location5";
<Location5
origin="Office · 5th Ave"
destination="Beste HQ · Brooklyn"
distance="4.2 mi"
duration="12 min"
mode="by car"
/>Brightwell · Camden
18 Parkway, London NW1
Open · closes 6pm
A compact location card with a pin chip, a site name and address, and an open-status line.
Fela Kuti
Heading to Studio B, 14 Kreuzberg St
Map card on a faint street grid where a courier dot follows the plotted route while the ETA counts down to Arrived, pauses, and sets off again.
Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.
Sites on this plan
United KingdomBramble Health
Bristol
Kingsway Clinic
Leeds
Harbour Practice
Southampton
A coverage card listing each site with its city and capacity, closing on a combined figure under a hairline.