客戶挑戰
地產代理依賴 WhatsApp 和 Excel 管理物業和客戶，資料分散、難以追蹤成交進度。需要一個整合物業展示、客戶管理及代理協作的統一平台，同時前台要展現專業形象吸引業主及租客。
我們的方案
開發多租戶地產管理平台，前台提供精美物業搜尋及 VR 睇樓體驗，後台為管理員及代理提供完整工具：物業管理（草稿 → 審核 → 上架）、CRM 客戶追蹤、預約睇樓、數據分析及電郵模板管理。配合 Glassmorphism 設計風格及 Ken Burns Hero 動畫。
執行步驟
規劃三大角色權限：Admin（全平台管理）、Agent（自己嘅物業及客戶）、Public（搜尋及睇樓）
設計 Glassmorphism 風格前台，配合 Ken Burns 動畫 Hero 及互動物業卡片
整合 Google Maps 顯示物業位置，Pannellum 提供 360° VR 全景睇樓體驗
開發完整後台：物業上架流程、圖片/影片/VR 上傳、自訂欄位、設施管理
建立 CRM 系統：聯絡人管理、Lead 追蹤、預約睇樓、狀態工作流、電郵通知
服務及功能詳情
物業展示前台
精美嘅公開物業搜尋及瀏覽介面，為業主及租客提供專業體驗。
Glassmorphism Hero：毛玻璃搜尋框 + Ken Burns 動畫背景（香港維港夜景）
統計橫幅：50+ 物業、100+ 客戶、15+ 年經驗、24/7 支援，玻璃卡片展示
進階篩選：地區（元朗、屯門、大埔等）、價格範圍、房間數、物業類型
物業詳情頁：多張圖片、影片、平面圖、VR 全景一站展示
VR 360° 睇樓：Pannellum 全景導覽，客戶唔使親身到場
Google Maps 整合：每個物業顯示準確位置，周邊設施一目了然
收藏功能：登入用戶可收藏心儀物業，方便日後比較
預約睇樓：線上填表預約實地睇樓，自動通知代理
Admin 管理後台
平台管理員嘅全方位控制台，管理所有物業、代理及系統設定。
即時儀表板：物業總數、已上架數、代理人數、Lead 數量 KPI 卡片
物業管理：建立 / 編輯 / 刪除，草稿 → 待審核 → 已上架 → 已封存工作流
圖片 / 影片 / VR 上傳：Supabase Storage 多媒體管理
自訂欄位：按物業類型靈活新增文字 / 數字 / 布林 / 選擇欄位
代理管理：新增 / 編輯代理帳號，公司名稱、牌照號碼、聯絡方式
數據分析：物業瀏覽量排行、30 日趨勢圖、Top 10 最受歡迎物業
設施及周邊管理：健身房、泳池、停車場等設施及周邊配套統一管理
電郵模板：歡迎信、管理員通知、密碼重設信件，主題及內容全部可自訂
社交媒體整合：Facebook Pixel、Google Analytics、WhatsApp 一站設定
Agent 代理面板
每位代理嘅專屬工作台，管理自己嘅物業同客戶。
個人儀表板：自己嘅物業總數、已上架數、收藏數，快速操作按鈕
物業管理：上架自己嘅物業，上傳圖片 / 影片 / VR 全景，同 Admin 審核流程對接
聯絡人管理：新增 / 編輯客戶資料，附加備註及自訂狀態標籤（顏色標記）
Lead 追蹤：查看同自己物業相關嘅潛在客戶，記錄跟進進度
個人資料管理：編輯個人檔案、更改密碼、公司資訊
CRM 客戶關係管理
完整嘅客戶追蹤系統，取代 WhatsApp + Excel 嘅傳統做法。
聯絡人資料庫：統一管理所有客戶資料，告別分散嘅 Excel 表格
自訂狀態標籤：顏色標記客戶狀態（新查詢 / 跟進中 / 已成交 / 已失效等）
Lead 工作流：待跟進 → 跟進中 → 已成交，完整狀態轉換
備註功能：每個聯絡人 / Lead 可加入無限備註，記錄溝通歷史
物業關聯：自動追蹤客戶對邊個物業有興趣
預約管理：睇樓預約嘅狀態追蹤（待確認 / 已確認 / 已取消）
系統及安全
企業級嘅安全及系統配置，確保平台穩定可靠。
角色權限系統：Admin / Agent / Public 三級權限，middleware 嚴格驗證
Supabase Auth：Email + 密碼 / Google / Facebook / Twitter 社交登入
reCAPTCHA v2：聯絡表單防機器人保護
Dark / Light Mode：支援深色及淺色主題切換，跟隨系統設定
雙語支援：繁體中文及英文完整翻譯（next-intl）
公司註冊申請：代理公司可線上申請入駐，管理員審核
功能亮點
三角色權限系統：Admin 全平台管理、Agent 管理自己嘅物業同客戶、Public 搜尋瀏覽
物業上架工作流：草稿 → 待審核 → 已上架 → 已封存，完整狀態管理
VR 360° 睇樓：Pannellum 全景導覽，唔使親身到場都可以睇樓
Google Maps 整合：每個物業顯示準確位置，支援地區快速篩選（元朗、屯門、大埔等）
CRM 客戶管理：聯絡人管理、Lead 追蹤、自訂狀態標籤（顏色標記）、備註功能
預約睇樓系統：客戶線上預約、狀態追蹤（待確認 / 已確認 / 已取消）
數據分析儀表板：物業瀏覽量、Top 10 最受歡迎物業、30 日趨勢圖
Glassmorphism UI：毛玻璃 Hero + 統計卡片 + Ken Burns 背景動畫
電郵模板管理：歡迎信、通知信、密碼重設全部可自訂
Dark/Light Mode：支援深色及淺色主題切換
網站截圖
首頁 — Glassmorphism Hero + 搜尋 + 統計
物業列表 — 進階篩選 + 物業卡片
聯絡頁面 — 表單 + reCAPTCHA 保護