/* eslint-disable */ // Layovers — trip-duration hub. Same editorial vocabulary as the three-day // hub (cream/teal/tan, Playfair + DM Sans/Mono, numbered sections, hero // masthead). Topic: turning an airline routing into a deliberate stop. const { useState: useLOState } = React; /* ---------- HERO ---------- */ const LOHero = () => (
); /* ---------- I · TWELVE CITIES WORTH A STOP ---------- */ const LOPlaces = () => { const [region, setRegion] = useLOState("All"); const regions = ["All", "Asia", "Middle East", "Europe", "Americas"]; const filtered = LO_PLACES.filter(p => region === "All" || p.region === region); return (
I

Twelve cities,worth the stop.

Picked because the airport-to-city math actually works — a direct train, a metro line, or a free transit tour. Every card is a hand-built plan walked by the desk.

{regions.map(r => ( ))}
{filtered.map((p, i) => (
No. {String(p.rank).padStart(2, "0")} {p.tag && {p.tag}}
{p.city} {p.country}

{p.why}

{p.nights} nights · {p.budget} · {p.season}
{p.best.map(b => {b})}
{p.coord}
 ))}
Showing {filtered.length} of {LO_PLACES.length} All trip-duration hubs
); }; /* ---------- II · FIELD NOTES (essay quote, dark band) ---------- */ const LOField = () => (
II

Field notes.Why the layover is the trip.

The opening pages of the Plan Desk's house essay on the deliberate stopover — what it is, what it isn't, and why the airline is paying for the second city.

Read the full essay
"The cheapest way to see a second city is to not pretend you're not flying through it. Singapore Airlines, Qatar, Emirates, Icelandair, TAP, Copa — they all want you in their hub long enough to use it. The hotel is on them. The transit pass is on them. All they want is a fare you were already going to pay. The trip you didn't know you were taking is the one already on your boarding pass."

The mistake most travelers make is treating the layover as a problem to minimize — the shortest connection, the smallest window, the least time on the ground. The math runs the other way. A six-hour layover is a two-hour visit. A ten-hour layover is a four-hour visit. A 24-hour stopover is a free night in a city you'd otherwise have flown over.

Pick an airline with a stopover program. Search multi-city, never round-trip. Plan the layover backwards from the time you have to be back through security. Carry your essentials in your one cabin bag and let the rest sit in the hold, ticketed through. The layover is not the price you pay for the long flight. It's the second trip the long flight pays for.

— Iris Mendoza, Plan Desk · House essay Nº 11

); /* ---------- III · FOUR WAYS TO USE THE LAYOVER ---------- */ const LOWays = () => (
III

Four waysto use the layover.

The booking-side strategy pieces — how to engineer the layover before you've left your kitchen. Each is a complete how-to with route examples and the airline programs that pay for the hotel.

All booking guides
{LO_WAYS.map(it => (
{it.ref} {it.tags[0].split(" ")[0]}angle

{it.title} {it.em}

{it.tags.map(t => {t})}
By {it.author} {it.price}
))}
); /* ---------- IV · THE LAYOVER MATRIX (table) ---------- */ const LOByShape = () => (
IV

The layovermatrix.

Six shapes of the stopover. Pick the row that matches the time you actually have on the ground, not the one that sounded romantic when you booked the flight.

Pace planner
Layover shape
Nights
Guides
Best examples
Starting
{LO_BY_SHAPE.map(l => (
{l.len}
{l.days}
{l.count} guides
{l.examples}
{l.price}
 ))}
); /* ---------- V · READING (the seed essay) ---------- */ const LOReading = () => (
V

The seed essay,under this hub.

The longest piece on file about the layover form — the booking method, the airline programs, and the trade-offs nobody puts on the airline website. (One read: every other URL in this hub is already linked above as a card.)

All Plan essays
{LO_READING.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.tag}
{r.title}{r.em}
{r.author}
{r.duration}
 ))}
); /* ---------- VI · THE DESK ---------- */ const LOVoices = () => (
VI

The Plan desk.Three editors on the form.

The layover is the trip the desk argues about most after the three-day. These are the people writing it — what they go for, and what they keep coming back to.

Desk masthead
{LO_VOICES.map(v => ( ))}
); /* ---------- VII · THE BRIEF ---------- */ const LOPractical = () => (
VII

The brief.Six tips, in order of importance.

The non-obvious things. Tested at Changi, Hamad, Schiphol, and Tocumen, ordered by how much they matter to a layover that actually works.

Full booking guide
{LO_PRACTICAL.map((p, i) => (
{String(i + 1).padStart(2, "0")}
{p.k}

{p.h}

{p.b}

))}
); /* ---------- VIII · FAQ ---------- */ const LOFAQ = () => { const [open, setOpen] = useLOState(0); return (
VIII

The questionsreaders send in.

Lightly edited reader letters about layovers and stopovers. If yours isn't here, the planning desk reads every email.

Ask the desk →
{LO_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; /* ---------- CTA ---------- */ const LOCTA = () => (
PICK A HUB · BOOK MULTI-CITY · LET THE AIRLINE PAY THE HOTEL

Make the layoverthe second trip.

Open a city, read the booking angle, set the multi-city search, watch the same ticket buy you a second hotel. Six hours to three days, one routing, two cities.

Open the seed method → ↑ Back to Trip Duration
LAYOVERS · FORM Nº 11 · UPDATED 06.05.2026
FIELD DESK Nº 117
); /* ---------- COMPOSE ---------- */ const LOApp = () => (
); ReactDOM.createRoot(document.getElementById("root")).render();