IntersectionObserver 讓目前閱讀段落清楚浮起，不需要沉重動畫套件。
About
讓第一次到訪的顧客更快理解你
一點心 One Dim Sum HK 位於 Hong Kong。以下內容以公開資訊與示範文案整理，未確認的資料會標示「示範內容，請店家確認」。
餐廳與酒吧 · process
捲動段落變成品牌故事
適合想讓示範頁更有記憶點的版本；用黏著物件、段落高亮與柔和動效創造節奏。
物件停在旁邊陪訪客看完重點，適合招牌產品或服務流程。
CSS 動畫只在使用者允許動態時啟用，保留 reduced-motion 分支。
Template Fit
Hermes 為什麼選這個模板
這個面板把模板選擇拆成產業、版型、內容、來源與在地訊號。它只根據目前已有資料評估，不會把分數當成排名或成效承諾。
目前模板適配度：90/100。這代表示範頁素材完整度，不代表正式網站成效。
產業與模板家族相符
Premium Restaurant - Signature Scroll 使用 餐廳與酒吧 的內容節奏，適合 restaurant 類型的示範頁。
目前證據模板標籤：restaurant、dining、bistro、noodle、hotpot、bar。目前判定：餐廳與酒吧。
訊號分數100/100
下一步確認店家是否接受此產業方向。
變體策略清楚可交付
捲動段落變成品牌故事。這個變體把 ambient-grid、dense 密度與 underlined 行動模式組合成可比較版本。
目前證據變體：v04；影像模式：detail-cards；模組焦點：process。
訊號分數88/100
下一步讓店家在首頁、菜單、來源與上線簡報間比較是否符合品牌個性。
服務與內容槽位可支撐首頁
目前有 5 個可放入服務、菜單或流程卡片的安全項目；正式金額與細節仍保持待確認。
目前證據已找到菜單或服務來源：https://onedimsum.hk/%e8%8f%9c%e5%96%ae/?lang=en
訊號分數100/100
下一步補上正式菜單、供應時段、照片與價格確認。
公開來源足以建立待補清單
目前有 2 個公開渠道、3 個素材候選與已驗證的公開信箱來源。
目前證據公開渠道：Instagram、Website、Google Maps。
訊號分數92/100
下一步補齊缺少的公開來源，避免未確認評論、分數、價格或官方宣稱。
到店與聯絡路徑有基本支撐
地址、電話、營業時間與地圖共 2 個可用訊號；頁面會把地圖按需載入並保留複製控制。
目前證據區域：Hong Kong / Hong Kong。
訊號分數72/100
下一步確認地址、電話、營業時間、服務區域與 Google Maps 連結。
餐廳與酒吧
菜單亮點用待確認卡片先排好
菜色、飲品與用餐場景可以先建立版面；金額、供應狀態與真實評語不會被自動編造。
外賣外送服務請使用 FoodPanda.hk 搜尋 您就近的 一點心
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認One Dim Sum
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認到會服務 請使用 WhatsApp 標誌 聯絡 客服同事
把顧客最常找的資訊放在首頁，讓手機訪客能快速了解服務、位置與聯絡方式。
待店家確認
Interactive Scroll
瓶身視覺滑到段落底部才離開
餐廳類頁面用瓶身、餐盤或醬料罐帶出動態感，像一個可替換的招牌視覺槽。
- 01先抓住餐廳風格
- 02接著呈現菜單方向
- 03最後把地圖與電話放近
Visual Assets
多張本地視覺素材，之後可替換真實照片
Source Media
把線上公開素材整理成候選看板
Hermes 會從公開頁面提取 Logo、主視覺、菜單或服務頁、地圖與社群來源。這些素材先作為候選，不會取代店家授權確認。
5/5 個素材來源已找到。
來源連結已找到
來源連結已找到
來源連結已找到
Google Maps
地址、營業資料與地圖放在同一段
Public Evidence
把公開資料變成正式網站清單
Hermes 會把已找到的公開資料與待補資料分開，讓店家知道哪些內容可直接確認，哪些還不能寫進正式網站。
14/20 個資料點已有公開來源或店家欄位。
店家身分與來源頁
先確認店名、類別、地區與聯絡信箱來源，避免把示範頁做成找不到來源的內容。
- 店名 一點心 One Dim Sum HK 已找到
- 類別 restaurant 已找到
- 城市 Hong Kong 已找到
- Email 來源 https://onedimsum.hk/%E8%81%AF%E7%B5%A1%E6%88%91%E5%80%91/?lang=en 已找到
聯絡與到店資料
電話、地址與營業時間如果沒有公開來源，就保持待補狀態，不把猜測寫進正式頁面。
- 公開聯絡信箱 onedimsumcentral@gmail.com 已找到
- 電話 852) 65026099 已找到
- 地址 待補 待補
- 營業時間 待補 待補
公開網站、地圖與社群
Hermes 可以把公開渠道排成可點擊入口；缺少的渠道會保留待補，不產生不存在的帳號。
- 既有網站 https://onedimsum.hk/%e8%81%af%e7%b5%a1%e6%88%91%e5%80%91/?lang=en 已找到
- Google Maps 正式連結 待補 待補
- Instagram https://www.instagram.com/one_dimsum_central/ 已找到
- Facebook 或 LINE 待補 待補
公開圖片與菜單候選素材
公開頁面找到的 Logo、主視覺或菜單連結會先列為候選來源；正式使用前仍需要店家確認授權與內容正確性。
- Logo 候選來源 https://onedimsum.hk/wp-content/uploads/2023/07/cropped-favicon-1-32x32.png 已找到
- 主視覺候選來源 https://onedimsum.hk/wp-content/uploads/2023/06/menu-img-01.png 已找到
- 菜單或價目來源 https://onedimsum.hk/%e8%8f%9c%e5%96%ae/?lang=en 已找到
- 素材使用授權 店家確認後才替換進正式站 待補
菜單、照片與回饋素材
正式品項、照片、金額與公開回饋都需要來源或店家確認；示範頁只先把版面準備好。
- 菜單項目 外賣外送服務請使用 FoodPanda.hk 搜尋 您就近的 一點心、One Dim Sum、到會服務 請使用 WhatsApp 標誌 聯絡 客服同事、Steamed Bun、Steamed(dumplings)、Chinese Dimsum、Steamed Rice Rolls、Steamed Rice / Congee 已找到
- 真實照片 已找到公開候選素材，仍需授權確認 已找到
- 正式金額或方案 店家確認後才填 待補
- 公開回饋素材 可從公開渠道開始確認 已找到
Visitor Journey
把漂亮頁面變成可追蹤的顧客動線
這個互動模擬器讓店家看到顧客如何從首屏、內容、來源、地圖走到聯絡。每一步都標示哪些資料已準備好，哪些仍需確認。
4/5 個顧客動線節點已有可用資料。
第一眼先知道這是誰、做什麼
首屏以 餐廳與酒吧 的視覺方向承接 一點心 One Dim Sum HK，讓手機訪客先看到名稱、類別、重點與聯絡行動。
目前證據目前使用 Restaurant Demo System 版型與 一點心 One Dim Sum HK 的網站示範頁。
準備狀態已有資料可確認
下一個動作回到首屏
菜單內容 讓顧客快速判斷適不適合
顧客會往下掃過 5 個待確認項目，先理解服務、菜單或流程方向，再決定是否繼續看來源與地圖。
目前證據已有服務或菜單欄位可整理。
準備狀態已有資料可確認
下一個動作查看菜單內容
用公開來源取代空泛稱讚
顧客進一步確認外部渠道、素材候選與待補資料；Hermes 只展示有來源或明確標示待確認的內容。
目前證據目前公開渠道：Instagram、Website。
準備狀態已有資料可確認
下一個動作查看來源
地址、地圖與聯絡方式要一滑就到
地圖採取按需載入，頁面先保持快速，顧客需要路線時再開啟 Google Maps 或複製地址電話。
目前證據地址、地圖或服務區域仍待確認。
準備狀態仍需店家或公開來源補齊
下一個動作查看地圖
最後一步只留下清楚、可確認的聯絡行動
顧客可以回覆、複製詢問訊息或開啟聯絡入口；示範頁不會自動送出內容，也不冒充預約系統。
目前證據已有公開信箱或電話欄位。
準備狀態已有資料可確認
下一個動作前往聯絡
Launch Readiness
把示範頁推進成正式網站
這個互動清單把「已有資料」和「仍需店家確認」分開。勾選狀態只代表準備程度，不會自動送出內容或宣稱已上線。
6/7
準備度正在計算
一點心 One Dim Sum HK 正式網站準備清單
已具備：品牌身分、聯絡入口、地圖與到店、菜單內容、圖片與素材、公開渠道
待補齊：店家最終確認
正式公開前請由店家確認所有文字、圖片、價格、回饋來源與聯絡資訊。
店家確認後才進正式站
Fill Areas
可直接補內容的區塊
首頁先把社群、菜單價格、顧客回饋與地圖入口的位置留好，等資料確認後再替換。
Content Slot
社群連結區
放入 Instagram、Facebook、LINE 或網站
帳號待補
連結有來源才填
顯示順序待補
Content Slot
菜單價格入口
連到菜單與價格確認頁
品項待補
金額店家確認
照片待補
Content Slot
顧客回饋入口
連到顧客回饋素材頁
來源待補
短句店家確認
截圖待補
Content Slot
地圖與外部入口
放入 Google Maps 與公開渠道
地圖已接入
外部入口來源確認
備註待補
Launch FAQ
正式公開前的確認事項
這個區塊讓店家快速看懂哪些資料已經排好、哪些還需要補齊，降低從示範頁走到正式站的落差。
這個示範頁可以直接公開使用嗎？
目前頁面已經能展示版面與動線，但仍標記為 noindex 示範頁。正式公開前，店家需要確認文字、照片、地址、電話、營業時間與外部連結。
哪些內容最需要先補齊？
菜色、供應時段、座位資訊與店內照片 是最優先的確認項目。未確認的價格、回饋、數字與服務條件不會被自動填入。
如果店家還沒有完整素材怎麼辦？
可以先用本地示範視覺與待補欄位保留版面，等真實照片、社群連結或正式說明準備好，再逐步替換。
下一步怎麼變成正式網站？
確認素材與文案後，就能補上正式網址、SEO 標題、聯絡方式與公開來源，讓頁面從示範版本進入正式交付流程。
Inquiry Builder
先選想詢問的方向
訪客可以先選一個安全的詢問方向，再複製整理好的訊息。這裡不會自動送出任何內容。
想修正或加入更多內容？
回覆此示範頁需要修正或新增的內容
社群、地圖與外部入口
有公開社群連結時，Hermes 會直接放入示範頁；沒有來源的社群帳號不會被自動編造。