Forest Calm (參考 Cuckoozen)
自然系留白、木質層次、慢節奏預訂體驗。聚焦故事感與呼吸感。
進入 DemoYIHOUSE GitHub Pages 靜態展示中心
這個版本是給 GitHub Pages 直接顯示的前端 Demo。下方四個頁面包含三種參考風格與一個同頁切換版，並都內建： Google / LINE callback 流程展示、LINE Pay / 綠界 / Stripe 支付流程展示、訂單通知、房間上傳、營收報表與訂房趨勢。
Block Mono (參考 BlockHouse)
高對比、方塊節奏、城市精品旅宿視覺。重視資訊層級與快速決策。
進入 DemoTaiwan Chic (參考 VIVIR)
品牌色帶動的生活感介面，溫潤字體與導覽節奏，適合家庭旅宿場景。
進入 DemoOne-Page 切換版 (不跳頁)
同一頁簡報模式，一鍵循環切換 Forest / Block / Vivir，方便現場快速比較 UX 風格。
進入 Demo粉紅超跑精神整合版 SPA
融合「庇佑精神 × 詩詞美學 × 科技實作」，含 Google 週邊 10 大景點與實際圖片地址。
進入 Demo本次前端 Rendering 範圍
- 會員註冊流程示意（Email/手機）
- 第三方登入 callback 示意（Google / LINE）
- 訂房流程 UX：日期、人數、加購、價格即時計算
- 支付閘道 UX：LINE Pay / 綠界 / Stripe
- 郵件通知視覺模擬：訂單確認與付款成功
- 房間照片上傳拖拉區 + 預覽 + 假上傳進度
- 報表模塊：營收統計 + 訂房趨勢圖
技術說明
- 此為純靜態前端，適合 GitHub Pages。
- OAuth 與支付為可點擊流程 Demo，不直接呼叫正式憑證 API。
- 狀態資料以 LocalStorage 暫存，方便你展示 end-to-end UX。