Route Card

Vertical origin to destination route with emerald and rose dots joined by a connector, plus distance and duration.

Office · 5th Ave
Beste HQ · Brooklyn
4.2 mi12 minby car

New here? Read the installation guide.

Import & use
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"
/>

More Location pieces

View all Location
Coordinates
40.7580° N
73.9855° W
Times Square, NY

Coordinates Card

Latitude and longitude in tabular monospace, separated by a dashed line from the resolved place name.

Brightwell · Camden

18 Parkway, London NW1

Open · closes 6pm

Location Card

A compact location card with a pin chip, a site name and address, and an open-status line.

Sites on this plan

United Kingdom

Bramble Health

Bristol

6 rooms

Kingsway Clinic

Leeds

4 rooms

Harbour Practice

Southampton

3 rooms
13rooms live across three sites

Multi-Site Coverage Card

A coverage card listing each site with its city and capacity, closing on a combined figure under a hairline.

IstanbulTürkiye
41.01°N · 28.98°E

Location Pin

Colored pin paired with city, country, and a monospace coordinate.

Headquarters
123 Atlantic Avenue
Suite 4B
Brooklyn, NY 11201
United States

Address Card

Plain text address block with an uppercase label, two street lines, city and postal, and a muted country.

Times Square
Manhattan, New York

Map Preview

Compact street-map panel with city blocks, a park, a dotted walking route, and a tone marker pin, captioned by a place name and address line.

Markdown version