/* eslint-disable */ // ─── Hero ────────────────────────────────────────────────────────────────── const AccomHero = () => (
); // ─── Card grid ────────────────────────────────────────────────────────────── const AccomCard = ({ card }) => (
{card.num} {card.badge && ( {card.badge} )}
{card.topic}

{card.title}{card.titleEm && {card.titleEm}}

{card.desc}

{card.count} · {card.read}
); // ─── Section I — Hotels & OTAs ─────────────────────────────────────────────── const AccomHotels = () => { const cards = ACCOM_CARDS.filter(c => ["tourist-trap","hotels-vs-rentals","neighborhood-first","otas-vs-direct"].includes(c.id)); return (
I

Hotels, OTAs, and the booking stack.

When to book direct, when to use the OTA, and the one thing you always check before you click.

All guides
{cards.map(c => )}
); }; // ─── Section II — Four Rules ───────────────────────────────────────────────── const AccomRules = () => (
II

The four rules we never break.

Everything else in accommodation is preference. These four aren't.

Print this

"Spend an hour with a map and a coffee before you spend an hour with Booking.com."

Book Desk
Senior Editor · HowTo: Travel
{ACCOM_RULE_CARDS.map(r => (
RULE {r.n}

{r.title}. {r.body}

))}
4–3
Nights where
rental beats hotel
10%
Gap where refundable
always wins
94%
Our picks that
are refundable
$487
Average saved
per trip by the rules
); // ─── Section III — Stay Types ──────────────────────────────────────────────── const AccomStayTypes = () => { const cards = ACCOM_CARDS.filter(c => ["boutique-stays","long-stay-discount","airbnb-ethics","cancellation-policy","loyalty-programs"].includes(c.id)); return (
III

Stay types matched to the trip.

Boutiques, vacation rentals, long-stay apartments, loyalty programs. Each one earns its place under specific conditions.

All guides
{cards.map(c => )}
); }; // ─── Section IV — Zoe Files ────────────────────────────────────────────────── const ZoeFilesSection = () => { const zoeCards = ACCOM_CARDS.filter(c => c.badgeType === "zoe"); return (
CONTRIBUTOR · ZOE CHEN

The Zoe Files.First-person accommodation.

Zoe travels for the stay. She has slept in riads, capsule hotels, a converted train carriage in Portugal, and more Airbnbs than she'd like to count. Amber badge = her byline.

{zoeCards.map(card => (
{card.badge} · {card.topic}

{card.title}{card.titleEm && {card.titleEm}}

{card.desc}

 ))}
Zoe Chen is a contributing editor at HowTo: Travel. She writes on accommodation, long-stay travel, and the ethics of short-term rentals. Her reserved article on tourist-trap hotels is the first read we assign every new traveler.
Read Zoe's lead piece → Back to Book
); }; // ─── Section V — Reading List ──────────────────────────────────────────────── const AccomReading = () => (
V

The reading list before you book.

Six pieces from the accommodation desk. Good for the research phase, better for the second-night regret phase.

All essays
{ACCOM_READING.map((r, i) => (
{String(i + 1).padStart(2, "0")}
{r.title}{r.em && {r.em}}
{r.tag}
{r.duration}
 ))}
); // ─── Section VI — FAQ ──────────────────────────────────────────────────────── const AccomFAQ = () => { const [open, setOpen] = React.useState(0); return (
FREQUENTLY · BUT QUIETLY · ASKED

What peopleactually ask.

Reader letters, lightly edited. The accommodation questions we get most — answered without hedging.

{ACCOM_FAQS.map((f, i) => (
setOpen(open === i ? -1 : i)}>
{f.q} +
{f.a}
))}
); }; // ─── CTA ───────────────────────────────────────────────────────────────────── const AccomCTA = () => (
BOOK ANYTHING · START WITH THE BLOCK

Right room.Right neighborhood.

The desk has done the research. The rules are written. Pick a guide and let it collapse the decision to one hotel on one street.

Find your neighborhood → Back to Book
); // ─── Root ───────────────────────────────────────────────────────────────────── const AccomApp = () => ( <>