// 天水島ヒルズ components const { useState, useEffect, useRef, useMemo } = React; const LAND = 'https://amamizushima.com/images/photos/landscape/'; const CONT = 'https://amamizushima.com/assets/content/'; const PHOTOS = { // landscape (existing) exterior: CONT + 'hero_dusk.jpg', spring: LAND + 'tanada_00.jpg', summer: LAND + 'tanada_02.jpg', autumn: LAND + 'autumn_rice.jpg', winter: CONT + 'winter_contest2025_yanagida.jpg', winterPure: CONT + 'winter_landscape_pure.jpg', amami: CONT + 'hamlet_view_winter.jpg', winterLandscape: LAND + 'snow_00.jpg', // facility entrance2f: CONT + 'entrance_hall_2026.jpg', hall: CONT + 'hall.jpg', facEntrance: CONT + 'building_full_view.jpg', kitchen: CONT + 'kitchen_dining_fridge.jpg', room1: CONT + 'room1_telework.jpg', winterLand: CONT + 'winter_landscape.jpg', // host & events hostTaue: CONT + 'host_taue.jpg', hostSki: CONT + 'host_ski.jpg', kumano: CONT + 'kumano_saenokami.jpg', saePoster: CONT + 'saenokami_poster.jpg', saeVideo: CONT + 'saenokami.mp4', sansai: CONT + 'sansai_foraging.jpg', ebike: CONT + 'ebike.jpg', // newly added winterHero: CONT + 'exterior_winter_hero.jpg', nabeNight: CONT + 'living_nabe_night.jpg', tanadaSpring: CONT + 'tanada_spring.jpg', tanadaSummer: CONT + 'tanada_summer.jpg', tanadaAutumn: CONT + 'tanada_autumn.jpg', tanadaLateAutumn: CONT + 'tanada_late_autumn.jpg', jisshoSpring: CONT + 'biyaku_spring.jpg', // 実昇清水（ファイル名は旧名のまま） harvestFest: CONT + 'harvest_festival.jpg', winterSunset: CONT + 'winter_sunset.jpg', snowCorridor: CONT + 'snow_corridor.jpg', merhenRoad: CONT + 'merhen_road.jpg', // 中坪メルヘンロード（差し替え可） // contest winners (十日町市フォトコンテスト入賞作品) winterContest2025: CONT + 'winter_contest2025_yanagida.jpg', winterContest2024Ueyama: CONT + 'winter_contest2024_ueyama.jpg', winterSaigamiContest2024: CONT + 'winter_saigami_contest2024_yanagida.jpg', tanadaRusuhara: CONT + 'tanada_rusuhara_summer.jpg', // === 2026 expansion: rooms, water, kitchen, outdoor === // Room 1 (telework, 6畳) room1Monitor: CONT + 'room1_monitor.jpg', room1Telework: CONT + 'room1_telework.jpg', // Room 2 (8畳・床の間+神棚) room2Main: CONT + 'room2_main.jpg', room2_2: CONT + 'room2_2.jpg', room2_3: CONT + 'room2_3.jpg', room2WithLiving: CONT + 'room2_with_living.jpg', // Room 3 (8畳・玄関側) room3Main: CONT + 'room3_main.jpg', room3_2: CONT + 'room3_2.jpg', room3_3: CONT + 'room3_3.jpg', room3_4: CONT + 'room3_4.jpg', // Living (10畳) livingMain: CONT + 'living_main_2026.jpg', living2: CONT + 'living_2_2026.jpg', livingWithRoom2: CONT + 'living_with_room2.jpg', livingBtAmp: CONT + 'living_bluetooth_amp.jpg', tv75: CONT + 'tv_75inch.jpg', // Kitchen variants kitchenLived: CONT + 'kitchen_dining_lived.jpg', kitchenFridge: CONT + 'kitchen_dining_fridge.jpg', kitchenStove: CONT + 'kitchen_stove_ih.jpg', // Water / closet bathroom1: CONT + 'bathroom_1.jpg', bathroom2: CONT + 'bathroom_2.jpg', washroom1: CONT + 'washroom_1.jpg', washroomBath: CONT + 'washroom_bath.jpg', closet: CONT + 'closet.jpg', // Outdoor / common gardenTomato: CONT + 'garden_tomato.jpg', gardenTomato2: CONT + 'garden_tomato_2.jpg', stepInPlan: CONT + 'onsen_gateway_sign.jpg', nakatsuboFlower: CONT + 'nakatsubo_flower_summer.jpg', winterPond: CONT + 'winter_pond.jpg', snowBuriedSign: CONT + 'snow_buried_sign_nakatsubo.jpg', tanadaSunDrying: CONT + 'tanada_sun_drying_rice.jpg', sansaiFresh: CONT + 'sansai_fresh_picked.jpg', snowWallRoad: CONT + 'snow_wall_road_amami.jpg', snowShoveling: CONT + 'snow_shoveling_work.jpg', snowmanPair: CONT + 'snowman_pair.jpg', garage1f: CONT + 'garage_1f.jpg', stairs3f: CONT + '3f_stairs_no_entry.jpg', }; // ============== NAV ============== function Nav({ t, lang, setLang, setPathname, isPrivacy, tweaksOpen, setTweaksOpen, editMode }) { const [scrolled, setScrolled] = useState(false); const [navOpen, setNavOpen] = useState(false); useEffect(() => { const onS = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', onS, { passive: true }); return () => window.removeEventListener('scroll', onS); }, []); useEffect(() => { document.body.style.overflow = navOpen ? 'hidden' : ''; return () => { document.body.style.overflow = ''; }; }, [navOpen]); useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setNavOpen(false); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); return ( ); } // ============== HERO ============== function Hero({ t, heroMode }) { const seasons = ['spring','summer','autumn','winter']; const [idx, setIdx] = useState(0); useEffect(() => { if (heroMode === 'static') return; const v = setInterval(() => setIdx(i => (i + 1) % 4), 4500); return () => clearInterval(v); }, [heroMode]); const seasonLabels = { ja: ['春','夏','秋','冬'], en: ['SPRING','SUMMER','AUTUMN','WINTER'], zh: ['春','夏','秋','冬'] }; const lbls = seasonLabels[t.__lang] || seasonLabels.ja; return (
{seasons.map((s, i) => (
))}
{t.hero.kicker}
{t.hero.open}

{t.hero.title1} {t.hero.title2}

{t.hero.sub}

{t.stats.capacity}
11 {t.stats.people}
{t.stats.onsen}
2 {t.stats.min}
{t.stats.rate}
{t.pricing.openingShort}¥40k¥28,000
{seasons.map((s, i) => (
setIdx(i)}> {lbls[i]}
))}
); } // ============== TICKER ============== function Ticker({ t }) { const items = [ '新潟 · 十日町市 · 松之山', 'AMAMIZUSHIMA HILLS', '定員 11名', '2026.04.25 開業', '最寄り温泉「憩いの湯」車2分・松之山温泉街 車4分', 'ONE PARTY PER DAY', '第M150062846号', '豪雪と棚田の山里', ]; const row = items.join(' · '); return (
{row} {row}
); } // ============== HOUSE ============== function House({ t }) { return (
{t.house.tag}

{t.house.h}

{t.house.body}

{t.house.body2}

{Object.keys(t.house.spec).filter(k => !k.endsWith('V')).map(k => (
{t.house.spec[k]}
{t.house.spec[k + 'V']}
))}
{/* 概念ブロック: 昭和の豪邸を、そのままに */} {(t.house.conceptShowa || t.house.conceptFuton) && (
{t.house.conceptShowa && (

{t.house.conceptShowa}

{t.house.conceptShowaCap &&
{t.house.conceptShowaCap}
}
)} {t.house.conceptFuton && (
{t.house.conceptFutonCap &&
{t.house.conceptFutonCap}
}

{t.house.conceptFuton}

)}
)}
{t.stats.area}
286{t.stats.m2}
{t.stats.capacity}
11{t.stats.people}
{t.stats.onsen}
2{t.stats.min}
{t.stats.ski}
3{t.stats.min}
{t.stats.rate}
{t.pricing.openingShort}¥40k¥28,000
); } // ============== FLOORPLAN (actual image, language-switched) ============== const FLOORPLAN_IMG = { ja: 'assets/floorplan_ja.png', en: 'assets/floorplan_en.png', zh: 'assets/floorplan_zh.png', }; function Floorplan({ t }) { const [zoom, setZoom] = useState(false); const lang = t.__lang || 'ja'; const src = FLOORPLAN_IMG[lang] || FLOORPLAN_IMG.ja; useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setZoom(false); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); return (
{t.floorplan.tag}

{t.floorplan.h}

{t.floorplan.body}

setZoom(true)} style={{ cursor: 'zoom-in' }}> {t.floorplan.h}
⤢
2F · 119.24 {t.stats.m2} {t.floorplan.tag}
{['r1','r2','r3','l'].map(k => (
{k === 'l' ? 'L' : k[1]}
{t.floorplan.legend[k]}
{t.floorplan.legend[k + 's']}
·
))}

{t.floorplan.note}

{t.floorplan.pdf} ↗
{zoom && (
setZoom(false)}>
e.stopPropagation()}> {t.floorplan.h}
{t.floorplan.h}
2F · 119.24 m²
{t.floorplan.sourceNote || t.floorplan.note}
)}
); } // ============== ROOMS ============== const FACILITY_PHOTOS = [ // Building exterior + entrance { src: PHOTOS.exterior, cap: { ja: '建物外観 · 木造＋RC三階建て', en: 'Exterior · timber + RC, 3 storeys', zh: '建筑外观 · 木造+RC 三层' } }, { src: PHOTOS.facEntrance, cap: { ja: '建物入口 · 専用エントランス', en: 'Facility entrance · private approach', zh: '建筑入口 · 专用通道' } }, { src: PHOTOS.entrance2f, cap: { ja: '2階ホール · 玄関から続く廊下', en: '2F hall · from the entrance', zh: '二层走廊 · 从玄关延伸' } }, { src: PHOTOS.hall, cap: { ja: 'ホール · 玄関から居間へ', en: 'Hallway · entry to living', zh: '走廊 · 从玄关到起居室' } }, // Kitchen { src: PHOTOS.kitchenLived, cap: { ja: 'キッチン＆ダイニング · 12畳', en: 'Kitchen & dining · 12-tatami', zh: '厨房与餐厅 · 12叠' } }, { src: PHOTOS.kitchenFridge, cap: { ja: 'キッチン · 冷蔵庫(右)+冷凍庫(左)', en: 'Kitchen · refrigerator (R) + freezer (L)', zh: '厨房 · 冷藏(右)+冷冻(左)' } }, { src: PHOTOS.kitchenStove, cap: { ja: 'キッチン · IHコンロ', en: 'Kitchen · IH cooktop', zh: '厨房 · 电磁炉' } }, // Water + storage { src: PHOTOS.bathroom1, cap: { ja: '浴室', en: 'Bathroom', zh: '浴室' } }, { src: PHOTOS.bathroom2, cap: { ja: '浴室 · 別アングル', en: 'Bathroom · alt angle', zh: '浴室 · 另一角度' } }, { src: PHOTOS.washroom1, cap: { ja: '洗面所', en: 'Washroom', zh: '盥洗室' } }, { src: PHOTOS.washroomBath, cap: { ja: '洗面所 · 浴室入口', en: 'Washroom · bath entry', zh: '盥洗室 · 浴室入口' } }, { src: PHOTOS.closet, cap: { ja: '押入れ', en: 'Closet (oshiire)', zh: '壁柜（押入）' } }, // Outdoor common { src: PHOTOS.garage1f, cap: { ja: '1階車庫', en: '1F garage', zh: '一层车库' } }, { src: PHOTOS.stairs3f, cap: { ja: '3階階段 · 立入禁止エリア', en: '3F stairs · staff-only', zh: '三层楼梯 · 禁止入内' } }, ]; const ROOM_PHOTOS = [ // Room 1 (telework, 6畳) [ { src: PHOTOS.room1Monitor, cap: { ja: 'デスク+モニター', en: 'Desk + monitor', zh: '书桌+显示器' } }, { src: PHOTOS.room1Telework, cap: { ja: 'テレワーク利用シーン', en: 'Telework setup', zh: '远程办公场景' } }, ], // Room 2 (8畳・床の間+神棚) [ { src: PHOTOS.room2Main, cap: { ja: '床の間と神棚のある8畳', en: '8-tatami w/ tokonoma & shrine shelf', zh: '带壁龛与神龛的8叠间' } }, { src: PHOTOS.room2_2, cap: { ja: '別アングル', en: 'Alt angle', zh: '另一角度' } }, { src: PHOTOS.room2_3, cap: { ja: '畳の質感', en: 'Tatami detail', zh: '榻榻米质感' } }, { src: PHOTOS.room2WithLiving, cap: { ja: '居間との続き間', en: 'Open to living room', zh: '与起居室相连' } }, ], // Room 3 (8畳・玄関側) [ { src: PHOTOS.room3Main, cap: { ja: '玄関側の8畳', en: 'Entry-side 8-tatami', zh: '玄关侧8叠间' } }, { src: PHOTOS.room3_2, cap: { ja: '別アングル', en: 'Alt angle', zh: '另一角度' } }, { src: PHOTOS.room3_3, cap: { ja: '床の見え方', en: 'Floor view', zh: '地面视角' } }, { src: PHOTOS.room3_4, cap: { ja: '採光', en: 'Natural light', zh: '采光' } }, ], // Living room (10畳) [ { src: PHOTOS.livingMain, cap: { ja: '10畳の居間', en: '10-tatami living room', zh: '10叠起居室' } }, { src: PHOTOS.living2, cap: { ja: '別アングル', en: 'Alt angle', zh: '另一角度' } }, { src: PHOTOS.livingWithRoom2, cap: { ja: '客室2との続き間', en: 'Open to Room 2', zh: '与客房2相连' } }, { src: PHOTOS.tv75, cap: { ja: '75インチTV', en: '75-inch TV', zh: '75寸电视' } }, { src: PHOTOS.livingBtAmp, cap: { ja: 'Bluetooth真空管アンプ', en: 'Bluetooth tube amplifier', zh: '蓝牙真空管功放' } }, ], ]; function Rooms({ t }) { const cap = [ { room: 1, n: 2 }, { room: 2, n: 3 }, { room: 3, n: 3 }, { room: 4, n: 3 } ]; const lang = t.__lang || 'ja'; const [lb, setLb] = useState(null); // { room: i, idx: j } or { facility: true, idx: j } useEffect(() => { const onKey = (e) => { if (!lb) return; const photos = lb.facility ? FACILITY_PHOTOS : (ROOM_PHOTOS[lb.room] || []); if (e.key === 'Escape') setLb(null); if (e.key === 'ArrowRight') setLb({ ...lb, idx: (lb.idx + 1) % photos.length }); if (e.key === 'ArrowLeft') setLb({ ...lb, idx: (lb.idx - 1 + photos.length) % photos.length }); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [lb]); useEffect(() => { if (!lb) return; window.history.pushState({ lb: 'rooms' }, ''); const onPop = () => setLb(null); window.addEventListener('popstate', onPop); return () => { window.removeEventListener('popstate', onPop); if (window.history.state && window.history.state.lb === 'rooms') window.history.back(); }; }, [!!lb]); return (
{t.rooms.tag}

{t.rooms.h}

{t.rooms.items.map((r, i) => { const photos = ROOM_PHOTOS[i] || []; return (
{photos.length > 0 && (
{photos.length > 1 && (
{photos.slice(1).map((p, j) => ( ))}
)}
)}
{r.no}
{r.size}
{r.name}
{r.area}
{r.body}
· {r.cap}
); })}

{lang === 'en' ? 'Building & Facilities' : (lang === 'zh' ? '建筑与设施' : '建物・設備')}

{lang === 'en' ? 'Kitchen, bath, washroom, garden, garage and more — tap to enlarge.' : (lang === 'zh' ? '厨房・浴室・洗面・庭院・车库等 — 点击放大。' : 'キッチン・浴室・洗面・庭・車庫など建物内の設備をご紹介。タップで拡大。')}

{FACILITY_PHOTOS.map((p, i) => ( ))}
{lb !== null && (() => { const photos = lb.facility ? FACILITY_PHOTOS : (ROOM_PHOTOS[lb.room] || []); if (!photos.length) return null; const cur = photos[lb.idx]; const meta = lb.facility ? (lang === 'en' ? 'BUILDING & FACILITIES' : (lang === 'zh' ? '建筑与设施' : '建物・設備')) : (t.rooms.items[lb.room]?.name || ''); return (
setLb(null)} onTouchStart={(e) => { window.__lbTouchR = e.touches[0].clientX; }} onTouchEnd={(e) => { const x0 = window.__lbTouchR; if (x0 == null) return; const dx = e.changedTouches[0].clientX - x0; window.__lbTouchR = null; if (Math.abs(dx) > 40) { if (dx < 0) setLb({ ...lb, idx: (lb.idx + 1) % photos.length }); else setLb({ ...lb, idx: (lb.idx - 1 + photos.length) % photos.length }); } }} >
e.stopPropagation()}>
{cur.cap[lang]}
{meta}
{String(lb.idx + 1).padStart(2,'0')} / {String(photos.length).padStart(2,'0')}
); })()}
{t.stats.capacity}
Total
{Array.from({ length: 11 }).map((_, i) => (
))}
11{t.stats.people} · MAX
); } // ============== GALLERY ============== function Gallery({ t }) { const CATS = [ { id: 'all', label: { ja: 'すべて', en: 'All', zh: '全部' } }, { id: 'land', label: { ja: '土地・集落', en: 'Land & Hamlet', zh: '土地与村落' } }, { id: 'garden', label: { ja: '庭・屋外', en: 'Garden & Outdoor', zh: '庭院与户外' } }, { id: 'seasons', label: { ja: '四季', en: 'Seasons', zh: '四季' } }, ]; const caps = { exterior: { ja: '建物外観 · 木造＋RC三階建て', en: 'Exterior · timber + RC, 3 storeys', zh: '建筑外观 · 木造+RC 三层' }, hamlet: { ja: '集落を望む · 3階外廊下から冬景色', en: 'View over the hamlet · winter from the 3F corridor', zh: '远眺村落 · 三楼外廊冬景' }, tanada1: { ja: '棚田 · 春の水鏡', en: 'Rice terraces · spring meltwater', zh: '梯田 · 春季水镜' }, tanada2: { ja: '留守原の棚田 · 夏の青', en: 'Rusuhara terraces · summer green', zh: '留守原的梯田 · 盛夏青翠' }, autumn: { ja: '収穫前 · 黄金色の稲穂', en: 'Pre-harvest · golden ears of rice', zh: '收获前 · 金黄稻穗' }, snow: { ja: '冬 · 豪雪と一面の白', en: 'Winter · heavy snow, everything white', zh: '冬 · 豪雪尽白' }, winterHero:{ja: '雪の建物正面 · 2F玄関へ', en: 'Snow · approach to the 2F entrance', zh: '雪中建筑正面 · 二层玄关'}, winterSunset:{ja: '夕焼けの雪景 · 電柱のシルエット', en: 'Snow at sunset · with power poles', zh: '雪景夕阳 · 电杆剥影'}, snowCorridor:{ja: '雪景を望む外廊下', en: 'Outdoor corridor over snow', zh: '雪景延线的外廊'}, winterContest2025: {ja: '冬・4mを超える雪壁（2025 十日町市フォトコンテスト入賞作品／撮影: 植山宏哉、構図とモデル: 簗田友子）', en: 'Winter · over 4m snow wall (2025 Tokamachi Photo Contest award · Photo by Hiroya Ueyama, composition & model by Yuko Yanagida)', zh: '冬·超过4米的雪壁（2025年十日町市摄影比赛获奖作品·摄影: 植山宏哉、构图和模特: 簗田友子）'}, winterContest2024Ueyama: {ja: '冬・快晴の松之山（2024 十日町市フォトコンテスト入賞作品／撮影: ホスト・植山宏哉）', en: 'Winter · clear-sky Matsunoyama (2024 Tokamachi Photo Contest award · by host Hiroya Ueyama)', zh: '冬·晴空松之山（2024年十日町市摄影比赛获奖作品·主理人植山宏哉拍摄）'}, winterSaigamiContest: {ja: '塞の神（2024 十日町市フォトコンテスト入賞作品／撮影: ホスト・簗田友子）', en: 'Sai-no-Kami (2024 Tokamachi Photo Contest award · by host Yuko Yanagida)', zh: '塞之神（2024年十日町市摄影比赛获奖作品·主理人簗田友子拍摄）'}, nabeNight: {ja: '居間で鍋を囲む夜', en: 'Nabe hot-pot evening in the living room', zh: '居间围炉夜晚'}, tanadaSpring:{ja: '棚田 · 春の早苗', en: 'Terraces · spring seedlings', zh: '梯田 · 春日早苗'}, tanadaSummer:{ja: '棚田 · 夏の青々', en: 'Terraces · deep summer green', zh: '梯田 · 夏日青翠'}, tanadaAutumn:{ja: '棚田 · 秋の黄金', en: 'Terraces · autumn gold', zh: '梯田 · 秋日金黄'}, tanadaLate:{ja: '棚田 · 晩秋', en: 'Terraces · late autumn', zh: '梯田 · 深秋'}, jissho: {ja: '実昇清水 · 天水島より車で約15分', en: 'Jissho-shimizu spring · 15 min by car from the house', zh: '实升清水 · 距住所车程约15分钟'}, harvest: {ja: '天水島収穫祭 · ヤナギバヒマワリ', en: 'Amamizushima harvest festival', zh: '天水岛收获祭'}, entrance: { ja: '建物入口 · 専用エントランス', en: 'Facility entrance · private approach', zh: '建筑入口 · 专用通道' }, ent2f: { ja: '2階ホール · 玄関から続く廊下', en: '2F hall · corridor leading from the entrance', zh: '二层走廊 · 从玄关延伸的过道' }, hall: { ja: 'ホール · 玄関から居間へ', en: 'Hallway · from entry to living room', zh: '走廊 · 从玄关到起居室' }, stairs3f: { ja: '3階階段 · 立入禁止エリア', en: '3F stairs · staff-only area', zh: '三层楼梯 · 禁止入内' }, garage1f: { ja: '1階車庫', en: '1F garage', zh: '一层车库' }, // rooms r1Monitor: { ja: '客室1 · デスク+モニター', en: 'Room 1 · desk + monitor', zh: '客房1 · 书桌+显示器' }, r1Tele: { ja: '客室1 · テレワーク利用シーン', en: 'Room 1 · telework setup', zh: '客房1 · 远程办公场景' }, r2Main: { ja: '客室2 · 8畳（床の間+神棚）', en: 'Room 2 · 8-tatami w/ tokonoma & shrine shelf', zh: '客房2 · 8叠（壁龛+神龛）' }, r2_2: { ja: '客室2 · 別アングル', en: 'Room 2 · alt angle', zh: '客房2 · 另一角度' }, r2_3: { ja: '客室2 · 畳の質感', en: 'Room 2 · tatami detail', zh: '客房2 · 榻榻米质感' }, r2WL: { ja: '客室2 · 居間との続き間', en: 'Room 2 · open to living', zh: '客房2 · 与起居室相连' }, r3Main: { ja: '客室3 · 玄関側の8畳', en: 'Room 3 · entry-side 8-tatami', zh: '客房3 · 玄关侧8叠间' }, r3_2: { ja: '客室3 · 別アングル', en: 'Room 3 · alt angle', zh: '客房3 · 另一角度' }, r3_3: { ja: '客室3 · 床の見え方', en: 'Room 3 · floor view', zh: '客房3 · 地面视角' }, r3_4: { ja: '客室3 · 採光', en: 'Room 3 · natural light', zh: '客房3 · 采光' }, livingMain:{ ja: '居間 · 10畳', en: 'Living room · 10-tatami', zh: '起居室 · 10叠' }, living2: { ja: '居間 · 別アングル', en: 'Living · alt angle', zh: '起居室 · 另一角度' }, livingR2: { ja: '居間 · 客室2との続き間', en: 'Living · open to Room 2', zh: '起居室 · 与客房2相连' }, tv75: { ja: '居間 · 75インチTV', en: 'Living · 75-inch TV', zh: '起居室 · 75寸电视' }, livingAmp: { ja: '居間 · Bluetooth真空管アンプ', en: 'Living · Bluetooth tube amp', zh: '起居室 · 蓝牙真空管功放' }, // kitchen kitchenLived: { ja: 'キッチン＆ダイニング · 12畳', en: 'Kitchen & dining · 12-tatami', zh: '厨房与餐厅 · 12叠' }, kitchenFridge: { ja: 'キッチン · 冷蔵庫(右)+冷凍庫(左)', en: 'Kitchen · refrigerator (R) + freezer (L)', zh: '厨房 · 冷藏(右)+冷冻(左)' }, kitchenStove: { ja: 'キッチン · IHコンロ', en: 'Kitchen · IH cooktop', zh: '厨房 · 电磁炉' }, // water bathroom1: { ja: '浴室', en: 'Bathroom', zh: '浴室' }, bathroom2: { ja: '浴室 · 別アングル', en: 'Bathroom · alt angle', zh: '浴室 · 另一角度' }, washroom1: { ja: '洗面所', en: 'Washroom', zh: '盥洗室' }, washroomBath: { ja: '洗面所 · 浴室入口', en: 'Washroom · bath entry', zh: '盥洗室 · 浴室入口' }, closet: { ja: '押入れ', en: 'Closet (oshiire)', zh: '壁柜（押入）' }, // outdoor gardenTomato: { ja: '庭 · トマト畑', en: 'Garden · tomato bed', zh: '庭院 · 番茄园' }, gardenTomato2: { ja: '庭 · トマト畑（別アングル）', en: 'Garden · tomato bed (alt)', zh: '庭院 · 番茄园（另角度）' }, stepInPlan: {ja:'「ステップ イン プラン」（大地の芸術祭・ジョン・クルメリング作）— 松之山温泉郷の入口、登れる地図塔', en:'"Step in Plan" by John Körmeling (Echigo-Tsumari Art Triennale) · climbable map tower at the Matsunoyama onsen entrance', zh:'「Step in Plan」（大地艺术祭·John Körmeling作）— 松之山温泉乡入口的可登地图塔'}, nakatsuboFlower: {ja:'夏の棚田 · 凌霄花の咲く朝', en:'Summer terraces · trumpet flowers in morning light', zh:'夏日梯田 · 凌霄花盛开的清晨'}, winterPond: {ja:'雪解けの晴れた日 · 集落の池', en:'Clear day after the thaw · pond in the hamlet', zh:'雪后晴天 · 村落的池塘'}, snowBuriedSign: {ja:'雪に埋もれた標識 · 中坪集落の冬', en:'Road sign buried in snow · winter in Nakatsubo', zh:'埋没雪中的标识 · 中坪村的冬天'}, tanadaSunDrying: {ja:'秋・はざ掛けの天日干し', en:'Autumn · sun-dried rice on wooden racks (hazakake)', zh:'秋·木架天日干燥稻穗（はざ掛け）'}, sansaiFresh: {ja:'春・採れたて山菜（コゴミ）', en:'Spring · freshly-picked mountain vegetables (kogomi fern)', zh:'春·新采山菜（蕨菜）'}, snowWallRoad: {ja:'冬・4-5m級の雪壁を抜ける道', en:'Winter · road through 4-5m snow walls', zh:'冬·穿越4-5米雪壁的道路'}, snowShoveling: {ja:'冬の暮らし · 雪掘り（埋もれた家を掘り起こす豪雪地ならではの作業）', en:'Winter daily life · yukihori — digging the house out from heavy snow (a Niigata snow-country tradition)', zh:'冬日生活 · 雪掘（从厚厚积雪中挖出被埋家屋的豪雪地特有作业）'}, snowmanPair: {ja:'庭に作ったかまくらと雪だるま、ホスト', en:'Snow cave and snowmen in the garden, with the host', zh:'庭院中的雪洞与雪人和主理人'}, winter: { ja: '雪景色 · 2階からの冬', en: 'Winter view · from the 2F windows', zh: '雪景 · 二层窗外的冬' }, }; const PICS = [ // ── LAND / HAMLET ── { id: 'h2', cat: 'land', src: PHOTOS.amami, cap: caps.hamlet }, { id: 'l1', cat: 'land', src: PHOTOS.jisshoSpring, cap: caps.jissho }, { id: 'l2', cat: 'land', src: PHOTOS.harvestFest, cap: caps.harvest }, { id: 'l3', cat: 'land', src: PHOTOS.stepInPlan, cap: caps.stepInPlan }, { id: 'l4', cat: 'land', src: PHOTOS.nakatsuboFlower, cap: caps.nakatsuboFlower }, // ── GARDEN / OUTDOOR ── { id: 'o1', cat: 'garden', src: PHOTOS.gardenTomato, cap: caps.gardenTomato }, // ── SEASONS ── // 春 { id: 's1', cat: 'seasons', src: PHOTOS.spring, cap: caps.tanada1 }, { id: 's14', cat: 'seasons', src: PHOTOS.sansaiFresh, cap: caps.sansaiFresh }, // 夏 { id: 's2', cat: 'seasons', src: PHOTOS.summer, cap: caps.tanada2 }, // 秋 { id: 's3', cat: 'seasons', src: PHOTOS.autumn, cap: caps.autumn }, { id: 's7', cat: 'seasons', src: PHOTOS.tanadaLateAutumn, cap: caps.tanadaLate }, { id: 's15', cat: 'seasons', src: PHOTOS.tanadaSunDrying, cap: caps.tanadaSunDrying }, // 冬 — 遠景 → 圧倒的雪量 → 暮らし → コンテスト → 茶目っ気 { id: 's4', cat: 'seasons', src: PHOTOS.winterLandscape, cap: caps.snow }, { id: 's8', cat: 'seasons', src: PHOTOS.winterHero, cap: caps.winterHero }, { id: 's9', cat: 'seasons', src: PHOTOS.winterSunset, cap: caps.winterSunset }, { id: 's10', cat: 'seasons', src: PHOTOS.snowCorridor, cap: caps.snowCorridor }, { id: 's17', cat: 'seasons', src: PHOTOS.snowBuriedSign, cap: caps.snowBuriedSign }, { id: 's16', cat: 'seasons', src: PHOTOS.snowWallRoad, cap: caps.snowWallRoad }, { id: 's18', cat: 'seasons', src: PHOTOS.snowShoveling, cap: caps.snowShoveling }, { id: 's19', cat: 'seasons', src: PHOTOS.winterPond, cap: caps.winterPond }, { id: 's11', cat: 'seasons', src: PHOTOS.winterContest2025, cap: caps.winterContest2025 }, { id: 's12', cat: 'seasons', src: PHOTOS.winterContest2024Ueyama, cap: caps.winterContest2024Ueyama }, { id: 's13', cat: 'seasons', src: PHOTOS.winterSaigamiContest2024, cap: caps.winterSaigamiContest }, { id: 's20', cat: 'seasons', src: PHOTOS.snowmanPair, cap: caps.snowmanPair }, ]; const SUB_LABELS = {}; const [cat, setCat] = useState('all'); const [open, setOpen] = useState(null); const filtered = cat === 'all' ? PICS : PICS.filter(p => p.cat === cat); useEffect(() => { const onKey = (e) => { if (open === null) return; if (e.key === 'Escape') setOpen(null); if (e.key === 'ArrowRight') setOpen(i => (i + 1) % filtered.length); if (e.key === 'ArrowLeft') setOpen(i => (i - 1 + filtered.length) % filtered.length); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open, filtered.length]); // History push: back-button closes lightbox instead of navigating away useEffect(() => { if (open === null) return; window.history.pushState({ lb: 'gallery' }, ''); const onPop = () => setOpen(null); window.addEventListener('popstate', onPop); return () => { window.removeEventListener('popstate', onPop); if (window.history.state && window.history.state.lb === 'gallery') { window.history.back(); } }; }, [open !== null]); const lang = t.__lang || 'ja'; const catLbl = { ja: 'カテゴリ', en: 'Filter', zh: '分类' }[lang]; // group rooms by sub when 'rooms' filter is active const groupedSubs = (cat === 'rooms') ? ['r1','r2','r3','lv'].map(sub => ({ sub, items: filtered.filter(p => p.sub === sub), })) : null; // build a flat list mirroring render order so lightbox indices line up const flat = groupedSubs ? groupedSubs.flatMap(g => g.items) : filtered; return ( ); } // ============== DAY TIMELINE ============== function DayTimeline({ t }) { if (!t.day) return null; return (
{t.day.tag}

{t.day.h}

{t.day.items.map((it, i) => (
{it.t}
{it.title}
{it.body}
{String(i + 1).padStart(2, '0')} / {String(t.day.items.length).padStart(2, '0')}
))}
); } // ============== PRICING ============== function Pricing({ t }) { return (
{t.pricing.tag}

{t.pricing.h}

{t.pricing.body}

{t.pricing.openingTag && (
{t.pricing.openingTag}
)}
{t.pricing.single}
{t.pricing.strike && (
{t.pricing.strike}
)}
¥28,000
{t.pricing.after || t.pricing.per}
{t.pricing.openingBody || t.pricing.body}
{Object.keys(t.pricing.opts).filter(k => !k.endsWith('V') && !k.endsWith('Sub')).map(k => (
{t.pricing.opts[k]}{t.pricing.opts[k + 'Sub'] &&
{t.pricing.opts[k + 'Sub']}
}
{t.pricing.opts[k + 'V']}
))}
); } // ============== EVENTS ============== function Events({ t }) { return (
{t.events.tag}

{t.events.h}

{t.events.body}

    {t.events.uses.map((u, i) => (
  • {u}
    • ))}
{t.events.cta} →
{t.events.priceLbl}
{t.events.priceV}
MAX · DAY-USE
25{t.stats.people}
{Array.from({ length: 25 }).map((_, i) => (
))}
); } // ============== SEASONS ============== function Seasons({ t }) { const pics = [PHOTOS.spring, PHOTOS.summer, PHOTOS.autumn, PHOTOS.winterPure]; const [open, setOpen] = useState(null); useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setOpen(null); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); return (
{t.seasons.tag}

{t.seasons.h}

{t.seasons.body}

{t.seasons.items.map((s, i) => (
setOpen(i)} role="button" tabIndex={0}>
⤢
{s.n}
{s.m}
{s.body}
))}
{open !== null && (
setOpen(null)}>
e.stopPropagation()}>
{t.seasons.items[open].n}
{t.seasons.items[open].m}
{t.seasons.items[open].body}
{String(open + 1).padStart(2,'0')} / 04
)}
); } // ============== ONSEN ============== function Onsen({ t }) { const [active, setActive] = useState(0); const [lb, setLb] = useState(null); useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setLb(null); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); useEffect(() => { if (!lb) return; window.history.pushState({ lb: 'onsen' }, ''); const onPop = () => setLb(null); window.addEventListener('popstate', onPop); return () => { window.removeEventListener('popstate', onPop); if (window.history.state && window.history.state.lb === 'onsen') window.history.back(); }; }, [!!lb]); const it = t.onsen.items[active]; return (
{t.onsen.tag}

{t.onsen.h}

{t.onsen.body}

{t.onsen.factsH}
{t.onsen.facts.map((f, i) => (
{f.k}
{f.v}
))}
{t.onsen.picks}
{String(active + 1).padStart(2,'0')} / {String(t.onsen.items.length).padStart(2,'0')}
{t.onsen.items.map((o, i) => ( ))}
{Array.isArray(it.imgs) && it.imgs.length > 0 ? (
{it.imgs.map((im, j) => (
setLb({ src: im.src, cap: im.cap || it.name })} > {im.cap {im.cap &&
{im.cap}
}
))}
) : it.img && (
{it.imgCap {it.imgCap &&
{it.imgCap}
}
)}
{it.tags.map((tg, i) => ({tg}))}

{it.body}

{t.__lang === 'en' ? 'By car' : (t.__lang === 'zh' ? '车程' : '車で')}{it.carV}
{t.__lang === 'en' ? 'On foot' : (t.__lang === 'zh' ? '步行' : '徒歩')}{it.walkV}
{it.tel &&
TEL{it.tel}
} {it.addr &&
{t.__lang === 'en' ? 'Address' : '住所'}{it.addr}
}

{t.onsen.access.note}

{t.onsen.sectionCta}
{lb && (
setLb(null)}> e.stopPropagation()} /> {lb.cap &&
e.stopPropagation()}>{lb.cap}
}
)}
); } // ============== PETS ============== function Pets({ t }) { const p = t.pet; return (
{p.tag}

{p.h}

{p.lede}

{p.pillarsH}
    {p.pillars.map((x, i) => (
  1. {String(i+1).padStart(2,'0')} · {x.n}
    {x.body}
    2. ))}
{p.bringH}
    {p.bring.map((x, i) => (
  • {x.n}
    {x.body}
    • ))}
·
    {p.manners.map((x, i) => (
  • {x.n}
    {x.body}
    • ))}

{p.disclaimer}

{p.cta} {p.ctaSub}
); } // ============== FOOD ============== function Food({ t }) { return (
{t.food.tag}

{t.food.h}

{t.food.body}

{t.food.items.map((f, i) => (
{String(i + 1).padStart(2, '0')}
{f.type}

{f.name}

{f.body}

{f.wide && Array.isArray(f.imgs) && f.imgs.length > 0 && (
{f.imgs.map((im, j) => (
{im.cap &&
{im.cap}
}
))}
)}
{f.addr &&
{f.addr}
} {f.map && ( {f.mapLabel || 'Google Maps'} ↗ )}
))}
{t.food.tip.h}
    {t.food.tip.items.map((s, i) => (
  • ·{s}
    • ))}
{t.food.sectionCta}
); } // ============== RULES ============== function Rules({ t }) { return (
{t.rules.tag}

{t.rules.h}

{t.rules.body}

{t.rules.items.map((r, i) => (
{r.icon}
{r.n}
{r.body}
))}
); } // ============== YEARLY ============== function Yearly({ t }) { return (
{t.yearly.tag}

{t.yearly.h}

{t.yearly.body}

{t.yearly.items.map((y, i) => (
{y.m}
{y.n}
{y.body}
{(y.linkLabel || y.link) && ( {y.linkLabel || y.link} ↗ )} {y.video && (
)} {!y.video && y.img && (
{y.imgCap &&
{y.imgCap}
}
)}
))}
); } // ============== PRACTICAL ============== function Practical({ t }) { const blocks = ['cv', 'bike', 'winter', 'atm', 'delivery', 'pet']; return (
{t.practical.tag}

{t.practical.h}

{t.practical.body}

{blocks.map((k, i) => { const blk = t.practical[k]; const hasImgs = Array.isArray(blk.imgs) && blk.imgs.length > 0; return (
{String(i + 1).padStart(2, '0')}
{blk.h}
{blk.body}
{blk.img && !hasImgs && (
)} {hasImgs && (
{blk.imgs.map((src, j) => (
))}
)}
); })}
); } // ============== AROUND ============== function NearCarousel({ imgs, name, onZoom }) { const [idx, setIdx] = useState(0); const n = imgs.length; const im = imgs[idx]; return (
{n > 1 && ( <>
{imgs.map((_, j) => (
{im.cap &&
{im.cap}
} )}
); } function Around({ t }) { const [lb, setLb] = useState(null); // { src, cap } useEffect(() => { const onKey = (e) => { if (e.key === 'Escape') setLb(null); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); return (
{t.around.tag}

{t.around.h}

{t.around.body &&

{t.around.body}

}