/* eslint-disable */ // Workation — trip-duration hub. Mirrors the three-day template's editorial vocabulary // (cream/teal/tan, Playfair + DM Sans/Mono, numbered sections, hero masthead). const { useState: useWKState } = React; /* ---------- HERO ---------- */ const WKHero = () => (
); /* ---------- I · TWELVE CITIES ---------- */ const WKPlaces = () => { const [region, setRegion] = useWKState("All"); const regions = ["All", "Europe", "Asia", "Americas", "Africa"]; const filtered = WK_PLACES.filter(p => region === "All" || p.region === region); return (
I

Twelve cities,for the laptop traveler.

Picked because the wifi holds, the apartments have the desk you'd actually use, and the time zones don't punish your team. Each card opens a hand-built long-stay or workation 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 {WK_PLACES.length} All trip-duration hubs
); }; /* ---------- II · FIELD NOTES ---------- */ const WKField = () => (
II

Field notes.The workation isn't a vacation with a laptop.

The opening pages of the Long-Stay Desk's house essay on the workation — what it is, what it isn't, and the one variable that decides whether the trip works or quietly fails on day eleven.

Read the full essay
"A workation is the trip you take when you've run out of vacation days but you haven't run out of wanting to leave. The mistake is treating it like a long vacation that you're going to do email through. It isn't. It's a job you've moved to a different apartment, and the trick is to admit that on day one — set up the desk before the bag is unpacked, find the supermarket before you find the bar, keep the morning identical to the morning at home. The city is the reward for closing the laptop, not the place you happen to be while you avoid it."

The single variable that decides whether a workation works is the desk. Not the city, not the visa, not the wifi, not the apartment's view from the photos — the actual surface you sit at for eight hours a day, lit by something other than a screen, with a chair that was chosen by a person who has sat in chairs for a living. Most apartments don't have one. The ones that do are usually the same ones with the fiber connection and the host who answers messages.

The second variable is the time zone, and it isn't optional. Stay within three hours of home and the trip is just a different room. Push it to five and the day flips on its head: you sleep through the morning to be alive for the 4 p.m. stand-up, and you see the city only on weekends, which is the version of the trip you were trying to escape. Eight hours off and you're a writer or you're miserable; there isn't a middle.

— Iris Mendoza, Long-Stay Desk · House essay Nº 11

); /* ---------- III · EIGHT DESKS ---------- */ const WKItins = () => (
III

Eight waysto set up the desk.

The practical guides — the rooms, the routers, the budgets, the visa lines that get you through. Each is a complete long-stay plan with prices that hold in 2026 and a pace tested for the form.

All long-stay plans
{WK_ITINS.map(it => (
{it.ref} {it.days}days

{it.title} {it.em}

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

The workationmatrix.

Six shapes of long stay, ordered by length and intention. Pick the row that matches the trip you actually need to take, not the one your feed thinks you should.

Long-stay decision tree
Trip shape
Days
Guides
Best examples
Starting
{WK_BY_STYLE.map(l => (
{l.len}
{l.days}
{l.count} guides
{l.examples}
{l.price}
 ))}
); /* ---------- V · READING LIST ---------- */ const WKReading = () => (
V

Eight reads,by depth.

The pieces sitting one click below this page. The first is the house essay; the rest are city plans, visa explainers, and long-stay budgets that the desk has actually walked. Read in order or skip to the trip you're already half-planning.

All Long-Stay essays
{WK_READING.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.tag}
{r.title}{r.em}
{r.author}
{r.duration}
 ))}
); /* ---------- VI · DESK / VOICES ---------- */ const WKVoices = () => (
VI

The Long-Stay desk.Three editors on the form.

Workations are the trip the desk has the most personal opinions about, because they've all done them — quietly, badly the first time, and well after that. Here's what they tell their friends.

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

The brief.Six tips, in order of importance.

The non-obvious things. Tested across long stays in three continents, ordered by how much they decide whether the workation works.

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

{p.h}

{p.b}

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

The questionsreaders send in.

Lightly edited reader letters about the workation. If yours isn't here, the long-stay desk reads every email.

Ask the desk →
{WK_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; /* ---------- CTA ---------- */ const WKCTA = () => (
PICK THE DESK · MATCH THE TIME ZONE · STAY A MONTH

Plan a workationthat holds for the month.

Open a city, book the apartment with the desk, set the work hours, get on the plane. Two weeks at the floor, a month for the form, and the city as the reward for closing the laptop on time.

Open Lisbon, the workation → ↑ Back to Trip Duration
WORKATION · FORM Nº 11 · UPDATED 06.05.2026
FIELD DESK Nº 211
); /* ---------- COMPOSE ---------- */ const WKApp = () => (
); ReactDOM.createRoot(document.getElementById("root")).render();