/* eslint-disable */ const { useState: useWState } = React; /* ---------- HERO ---------- */ const WorkHero = () => (
); /* ---------- I · SHORTLIST ---------- */ const WorkPlaces = () => { const [region, setRegion] = useWState("All"); const regions = ["All", "Europe", "Asia", "Americas", "Africa"]; const filtered = WORK_PLACES.filter(p => region === "All" || p.region === region); return (
I

Twelve cities,for the laptop.

Picked for connection quality, coworking density, timezone usefulness, and the quality of life you get between calls. Not because they photograph well.

{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.tz}
{p.best.map(b => {b})}
{p.coord}
 ))}
Showing {filtered.length} of {WORK_PLACES.length} All 18 workation destinations
); }; /* ---------- II · STYLES ---------- */ const WorkStyles = () => (
II

Six workationstyles.

Workation isn't one thing. The single-timezone stay and the three-month quarter are different trips — different cities, different setups, different discipline requirements.

All six styles
{WORK_STYLES.map(s => (
{s.num}

{s.title} {s.em}

{s.desc}

{s.count} Open lane
))}
); /* ---------- III · ITINERARIES ---------- */ const WorkItins = () => (
III

Eight itinerariesto copy.

Day-by-day structures for real work trips — flight to last working day — with setup logistics, coworking options, and realistic budgets included.

All 18 itineraries
{WORK_ITINS.map(it => (
{it.ref} {it.days}days

{it.title} {it.em}

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

By theweek count.

How long can you go? The trip structure changes meaningfully at each threshold — one week is very different from one month.

Pace planner
Trip window
Days
Guides
Best examples
Starting
{WORK_BY_LENGTH.map(l => (
{l.len}
{l.days}
{l.count}
{l.examples}
{l.price}
 ))}
); /* ---------- V · PRACTICAL BRIEF ---------- */ const WorkPractical = () => (
V

The brief.Six tips, in order of importance.

The non-obvious stuff, in order of how much it will cost you if you skip it.

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

{p.h}

{p.b}

))}
); /* ---------- VI · READING LIST ---------- */ const WorkReading = () => (
VI

The reading list.Eight essays from the desk.

Read the first three before you book anything. The tax piece is the one people wish they'd read earlier.

All Workation essays
{WORK_READING.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.tag}
{r.title}{r.em}
{r.author}
{r.duration}
 ))}
); /* ---------- VII · DESK / VOICES ---------- */ const WorkDesk = () => (
VII

The Workation desk.Four writers, 31 countries.

The people writing this beat. What they use, where they go back to, and what they've stopped tolerating.

Desk masthead
{WORK_DESK.map(v => (
{v.name}
{v.role}

"{v.line}"

{v.countries}
))}
); /* ---------- VIII · FAQ ---------- */ const WorkFAQ = () => { const [open, setOpen] = useWState(0); return (
VIII

The questionswe get a lot.

Lightly edited reader questions. If yours isn't here, the planning desk reads every email.

Ask the desk →
{WORK_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; /* ---------- CTA ---------- */ const WorkCTA = () => (
CHECK THE TIMEZONE · BOOK THE DESK · THEN BOOK THE FLIGHT

Plan a workationwithout kidding yourself.

Open the shortlist, map your calendar to local time, book a coworking desk, then book the flight. That order matters.

Back to Trip Types
WORKATION · LANE 07 · UPDATED 26.04.2026
FIELD DESK Nº 070
); /* ---------- COMPOSE ---------- */ const WorkApp = () => (
); ReactDOM.createRoot(document.getElementById("root")).render();