Home-like Stay Experience

以生活感與親和力為核心，使用柔暖色調與清楚步驟，讓家庭型客群快速理解訂房與支付流程。

溫潤品牌語調

家庭客群友善

步驟導引清楚

官網首頁、品牌理念、主題房與 AI 物聯

這個版本保留生活感與溫暖感，完整納入你原始官網主題，做成同頁展示，方便在三種風格中平行比較。

官網首頁風格照片

首頁以溫暖色帶與家庭式空間照片營造迎賓感，強化首次造訪的信任與安心。

品牌理念

品牌文案強調「容易居住、順應自然、溫暖庇佑」，以節奏分明的版型導入核心理念。

詩詞切字主題房

以詩意主題搭配房間照片、設備介紹與入住注意事項，形成可閱讀也可銷售的內容頁結構。

AI 智慧物聯

呈現智慧燈光、空調、門鎖與情境模式，並可與客服/管家流程串接，延伸到入住後服務體驗。

完善訂房流程 UX

將日期、房客、加購選項與總金額放在同一視覺區塊，減少切頁中斷，提升完成率。

入住日期

退房日期

入住人數

夜數

1 晚

早餐加購延後退房

房費

NT$ 0

早餐

NT$ 0

延退

NT$ 0

總金額

NT$ 0

Google OAuth 與 LINE 登入 callback

示範 callback URL 回傳參數解析、token 暫存、前端登入狀態同步。

尚未登入

登入資料

{}

Callback 記錄

尚未接收 callback。

金流 Demo: LINE Pay / 綠界 / Stripe

先完成前端可用流程與 payload 格式，後續只需替換 API endpoint 與簽章邏輯。

LINE Pay

手機快速付款

綠界 ECPay

台灣常見支付

Stripe

信用卡支付

訂單編號: 尚未建立

應付金額: NT$ 0

尚未觸發支付

郵件通知

包含「訂單確認通知」與「付款成功通知」兩個模板，方便串接 Mail API。

房間照片上傳管理

支援多圖上傳、拖曳體驗與縮圖預覽，適合後台房間介紹 / 設備介紹維護。

把圖片拖曳到這裡，或點我上傳

營收統計與訂房趨勢

以 KPI + 趨勢圖同屏呈現，讓營運與財務能快速判讀。

總訂單

已付款

營收

訂房趨勢

營收趨勢