// All detail pages except home const { useEffect: uE, useState: uS } = React; // ---- Page wrapper with header hero ---- function PageHero({ kicker, jp, en, sub, bg = "var(--ink-2)", accent = "var(--gold-3)", ink = "var(--moon)" }) { return (
{kicker}

{jp} {en}

{sub &&

{sub}

}
); } // ============================================================ // VILLAS index // ============================================================ function VillasPage({ onNav }) { return (
七棟、七つの、
静けさ。} en="Seven villas, seven silences." sub="すべての棟に、専用の門、専用の石段、そして専用の露天風呂。他の客と、ただの一度も顔を合わせずに終えることのできる滞在を、月彩はご提供します。" />
{VILLAS.map((v, i) => ( { e.preventDefault(); onNav(`villa:${v.id}`); }} style={{ flexDirection: i % 2 === 0 ? "row" : "row-reverse" }}>
{v.no} / 07 {v.theme}
{v.jp}
{v.yomi}
{v.subtitle}

{v.tagline}

面積{v.size}
定員{v.guests}
一泊二食{v.price}
View villa →
 ))}
); } // ============================================================ // VILLA DETAIL // ============================================================ function VillaDetail({ id, onNav }) { const v = VILLAS.find((x) => x.id === id) || VILLAS[0]; const idx = VILLAS.indexOf(v); const prev = VILLAS[(idx + VILLAS.length - 1) % VILLAS.length]; const next = VILLAS[(idx + 1) % VILLAS.length]; return (
{v.no} / 07 · {v.theme}
{v.jp}
{v.yomi}
{v.subtitle}

{v.tagline}

About · 棟について

{v.tagline}

{v.desc}

面積
{v.size}
定員
{v.guests}
一泊二食
{v.price}
お風呂
専用露天 + 内湯
Features · しつらえ
    {v.features.map((f, i) => (
  • 0{i + 1}{f}
    • ))}
{/* Floor plan */}
Floor plan · 間取り
{/* Room gallery */}
専用露天風呂 · Private onsen
主室 · Main room
広縁 · Engawa
{/* Adjacent villas nav */}
{ e.preventDefault(); onNav(`villa:${prev.id}`); }}> ← 前の棟 {prev.jp} {prev.yomi} { e.preventDefault(); onNav("villas"); }}> 全棟を見る { e.preventDefault(); onNav(`villa:${next.id}`); }}> 次の棟 → {next.jp} {next.yomi}
); } function FloorPlan({ villa }) { const c = villa.hue.ink; const a = villa.hue.accent; return ( 主室 寝室 茶室 内湯 {/* engawa */} 広縁 {/* onsen */} 露天 {/* garden */} 専用庭 N {villa.size} ); } function RoomSketch({ villa, kind }) { const c = villa.hue.ink; const a = villa.hue.accent; const bg = villa.hue.bg; if (kind === "onsen") return ( {/* Sky */} {/* Garden greenery */} {/* Stone rim */} {/* Water */} {/* Ripples */} {/* Reflected moon */} {/* Steam */} {/* Bamboo water spout */} ); if (kind === "room") return ( {/* Tatami */} {/* Shoji back wall */} {[1,2,3,4,5].map(i => )} {[1,2,3,4].map(i => )} {/* Tokonoma alcove */} {/* hanging scroll */} 月 彩 {/* Ikebana */} {/* Low table */} {/* Cushions */} {/* Ceiling beam */} ); if (kind === "engawa") return ( {/* Outer garden */} {/* Wood deck */} {Array.from({length: 8}).map((_, i) => )} {/* Pillars */} {/* Eave */} {/* Low table w/ tea */} {/* Cushion */} ); return null; } // ============================================================ // KIHIN 貴賓棟「宙」 // ============================================================ function KihinPage({ onNav }) { return (
THE GRAND VILLA · 貴賓棟

宙(そら)Sora

ひと棟だけの、離れの中の離れ。

他の七棟とはまったく別の区画。専用の門、専用の石段、専用の庭、専用の料亭。月彩のすべての贅(ぜい)を、この一棟に集めました。滞在中、二人の料理人と一人の仲居が、この棟のためだけに控えます。

Overview

宙を抱くための、
ただひとつの棟。

面積
220㎡
専用庭
600㎡
定員
2〜4名
一泊二食
¥480,000〜
  • 01天井を持たない露天風呂 (空をそのまま仰ぐ)
  • 02専属料亭「七曜」(シェフズテーブル)
  • 03茶室「皓月庵」(表千家)
  • 04書院 + 寝室 × 2 + 次の間
  • 05二人の料理人、一人の仲居が滞在中専任
  • 06ヘリポートからの直接アクセス (応相談)
  • 07黒塗り車での箱根湯本駅お迎え
空露天 · Open-sky onsen
主室 · Main hall
茶室 皓月庵 · Tea room
); } function TeaRoomSketch() { return ( {/* back shoji */} {[1,2,3,4].map(i => )} {[1,2,3].map(i => )} {/* tatami */} {/* Ro (sunken hearth) */} {/* chashaku and chawan — symbolic */} {/* hanging calligraphy */} 皓 月 庵 ); } Object.assign(window, { PageHero, VillasPage, VillaDetail, FloorPlan, RoomSketch, KihinPage, TeaRoomSketch });