About this piece
Route Arc
Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.
Usage
The import and the props worth knowing about, in one place.
import { Travel5 } from "@/components/beste/piece/travel5";
<Travel5
from="Istanbul"
fromCode="IST"
to="Tokyo"
toCode="HND"
duration="11h 05m · Nonstop"
tone="primary"
/>More Travel pieces
View all TravelTurkish Airlines
$31209:40IST
4h 40m · Direct
12:20LHR
Flight Card
Flight result with airline, price, two airport codes, and a dotted route arc connecting times.
09:40IST
12:20CDG
2h 30m layover in Paris
14:50CDG
17:05LHR
Trip Segments
Multi-leg journey card with stacked segment rows and an amber layover strip between them.
BA 117In flight
LHR09:40 · London
JFK12:50 · New York
Landing in 2h 10m0%
Flight Progress
Flight card with a small plane gliding along the arc between two airports as the dotted trail fills behind it and the landing countdown ticks toward Landed.
CultureKyotoJapan
Trending this month64.1K saves
Destination Card
Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.
