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

Twelve regions,the long way.

Picked because the place actually rewards a month-or-more study — visa-friendly, cost-honest, dense enough to repay staying put. Each card opens a real long-term plan, budget, or transit guide already on file.

{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} days · {p.budget} · {p.season}
{p.best.map(b => {b})}
{p.coord}
 ))}
Showing {filtered.length} of {SB_PLACES.length} All trip durations
); }; /* ---------- II · FIELD NOTES ---------- */ const SBField = () => (
II

Field notes.Why a month is the floor.

The opening pages of the desk's house essay on the sabbatical — what makes it different from a long vacation, and why the first month doesn't count.

Read the full essay
"A sabbatical is the trip you stop being a tourist on. A two-week trip ends before that happens; a month-plus trip is built around the moment it does. The first three weeks, you're still on vacation — checking in, taking pictures, eating out twice a day. Then something shifts. You buy groceries. You learn the bus. You find the café you go back to. That's when the trip starts. Plan for a trip that begins on day 31."

The most common mistake is treating a three-month plan like a stretched two-week plan. It isn't. A two-week plan moves; a three-month plan plants. Two-week plans book everything; three-month plans book the first week. Two-week plans want a packed itinerary; three-month plans want margin — for the place you didn't expect to love, the friend you make in week three, the visa run that takes a day longer than you thought.

What you protect, in those long weeks, is the slowness itself. The plan isn't the trip. The plan is what makes room for the trip to surprise you on a Wednesday in week six.

— Iris Mendoza, Itineraries Desk · House essay Nº 07

); /* ---------- III · EIGHT WAYS ---------- */ const SBItins = () => (
III

Eight waysto take the time.

The packing lists, visa briefs, and rail passes that turn a month-or-more idea into a moving trip. Each is a complete operational guide already on file, hand-walked by the desk.

All 32 long-form plans
{SB_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 SBByStyle = () => (
IV

The sabbaticalmatrix.

Six honest shapes for a month-or-more trip. Pick the row that matches the life you're trying to interrupt — not the trip you think you should want.

Pace planner
Sabbatical shape
Days
Guides
Best examples
Starting
{SB_BY_STYLE.map(l => (
{l.len}
{l.days}
{l.count} guides
{l.examples}
{l.price}
 ))}
); /* ---------- V · READING LIST ---------- */ const SBReading = () => (
V

Eight reads,by depth.

The pieces sitting one click below this page. The first is the house method; the rest are real budgets and on-the-ground transit guides, hand-built. Read in order or skip to the region you're already half-planning.

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

The Itineraries desk.Three editors on the long form.

The sabbatical is the trip the desk takes most often and writes about least. These are the people writing it — what they go for, and what they keep coming back to.

Desk masthead
{SB_VOICES.map(v => ( ))}
); /* ---------- VII · BRIEF ---------- */ const SBPractical = () => (
VII

The brief.Six tips, in order of importance.

The non-obvious things. Tested on the road, ordered by how much they matter to the month-or-more form.

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

{p.h}

{p.b}

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

The questionsreaders send in.

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

Ask the desk →
{SB_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; /* ---------- CTA ---------- */ const SBCTA = () => (
PICK ONE REGION · LOCK THE DATES · BOOK ONE WEEK

Plan a sabbaticalthat ends well.

Open a region, copy the long-form plan, read the brief, lock the dates with HR. A month or more. One base every two weeks. The version of the trip you come home from changed.

Read the full method → ↑ Back to Trip Duration
SABBATICAL · FORM Nº 07 · UPDATED 06.05.2026
FIELD DESK Nº 119
); /* ---------- COMPOSE ---------- */ const SBApp = () => (
); ReactDOM.createRoot(document.getElementById("root")).render();