; } // ——— Language toggle (EN / 中文 / 日本語 / TH) ——— function LangToggle({ lang, setLang }) { const langs = [ { code: "en", label: "EN", cls: "" }, { code: "ja", label: "日本語", cls: "lang--ja" }, { code: "zh", label: "中文", cls: "lang--zh" }, { code: "th", label: "TH", cls: "" } ]; return (

{langs.map(l => ( ))}

); } // ——— Top nav ——— function Header({ lang, setLang, t, onBook }) { const contact = window.HON_CONTACT || {}; return ( ); } // ——— Market ticker ——— function Ticker({ items }) { const doubled = [...items, ...items, ...items]; return ( ); } // ——— Reveal-on-scroll wrapper ——— function Reveal({ children, delay = 0, as: Tag = "div", className = "", ...rest }) { const ref = useRef(null); const [seen, setSeen] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver( (entries) => entries.forEach(e => { if (e.isIntersecting) { setSeen(true); io.disconnect(); } }), { threshold: 0.12, rootMargin: "0px 0px -80px 0px" } ); io.observe(ref.current); return () => io.disconnect(); }, []); return ( {children} ); } // ——— Press strip ——— function Press({ t }) { return (

{t.press.eyebrow}

Tatler Asia

BANGKOK POST

Monocle

PropertyGuru

Sotheby's

); } // ——— Map + Districts (flat editorial SVG) ——— function DistrictMap({ t }) { const [activeIdx, setActiveIdx] = useState(0); const districts = (window.I18N.en.map.districts).map((d, i) => ({ ...d, active: i === activeIdx })); const Hover = (i) => () => setActiveIdx(i); return (

{districts.map((d, i) => (

{d.n}

{d.name} {d.bts}

{d.bts.split("·")[0].trim()}

))}

); } // ——— Neighborhood marquee strip (dark, big serif) ——— function NeighborhoodStrip() { const names = [ { n: "Sathorn", sup: "01" }, { n: "Sukhumvit", sup: "02", em: true }, { n: "Ari", sup: "03" }, { n: "Riverside", sup: "04", em: true }, { n: "Phrom Phong", sup: "05" }, { n: "Thong Lo", sup: "06", em: true }, { n: "Ekkamai", sup: "07" } ]; const doubled = [...names, ...names]; return ( ); } // ——— Practice — editorial 3-step "how working together unfolds" + quote ——— function Practice() { return (

04 / Practice

How working together unfolds.

No funnels. No forms after the first reply. Three steps; the last one is a building. If we are not the right fit, I will tell you on the first morning and recommend a colleague I trust by name.

§ I

The coffee.

30 minutes · at a soi you choose

We meet at the neighborhood you are curious about. You bring the questions; I bring the morning. We decide whether what you want actually exists in Bangkok, and whether I am the right person to find it.

CostComplimentary LocationBangkok · in person

§ II

The walk.

90–120 minutes · two or three buildings

A morning together. I show you the lift, the lobby at seven, the parking ratio in person. The buildings I disqualify on the walk matter as much as the ones I do not — most clients leave with a shorter list, not a longer one.

WhenTue–Sat · 07:00 You bringWalking shoes

§ III

The file.

A one-page brief · sent via LINE

A single page: the building's name, the floor plate, the management history, the trade-offs in plain language. You decide. If you proceed, I handle the negotiation. If not, the file is yours to keep.

DeliveredLINE · within 48h FormatOne page · PDF

{/* Testimonial — single, specific, unsalesy */}

Noey turned us down twice before she agreed to walk Sathorn with us. We bought the third building she showed and have not regretted a Sunday morning since.

A. Tanaka

Tokyo / Sathorn · client since 2024

01 / 04

); } // ——— Footer ——— function Footer({ t }) { const en = window.I18N.en; const contact = window.HON_CONTACT || {}; return ( ); } // ——— Mobile bottom-tab nav (shown < 900px) ——— function MobileNav({ t, onBook }) { const tabs = [ { id: "essay", label: t.nav.journal, icon: "§" }, { id: "listings",label: t.nav.forSale, icon: "▢" }, { id: "booking", label: t.nav.contact, icon: "✦" } ]; const go = (id, e) => { e.preventDefault(); if (id === "booking" && onBook) { onBook(); return; } document.getElementById(id)?.scrollIntoView({ behavior: "smooth", block: "start" }); }; return ( ); } // Export shared components to window Object.assign(window, { ScrollProgress, LangToggle, Header, Ticker, Reveal, Press, DistrictMap, NeighborhoodStrip, Practice, MobileNav, Footer });