京時系統家具

為京時打造的品牌官網，涵蓋前台展示、互動色卡／門板選配、工程案例與完整後台 CMS，以 PHP + MySQL 自架，支援 SEO、reCAPTCHA 與多模組內容管理。
前台功能

1. 品牌首頁
Hero 區塊、信任指標、代表公共工程案件
服務項目、合作流程、精選案例（資料庫動態載入）
板材工藝預覽、認證報告、CTA 洽詢引導

2. 核心頁面（8 頁）
頁面與功能說明
關於我們：公司沿革、設備能力、認證展示
服務項目：公共工程 / B2B / 住宅三大服務線與付款流程
工程案例：標籤分類、案例列表與詳情（圖片／影片）
板材與規格：色卡、門板、封邊工藝、五金品牌（後台驅動）
板材色系選配：互動式三層選色流程
門板樣式選配：門板類型 × 色系 × 造型互動瀏覽
合作洽詢：表單送出、reCAPTCHA 驗證、詢價清單帶入

3. 互動選配系統（亮點功能）
色系選配頁：依北／中／南／全區篩選供應商系列 → 選系列 → 瀏覽色卡 → 複選加入詢價清單 → 一鍵帶入聯絡表單
門板選配頁：依後台門板系列與材料資料瀏覽，支援詢價清單串接
資料來源為後台 materials、suppliers、supplier_series，前台以 JSON 注入 + 原生 JS 渲染，無需額外框架

4. 使用者體驗
全站響應式，手機／平板／桌面適配
懸浮按鈕（回到頂部、快速聯絡）
動態 CSS/JS 版本號，利於快取與更新
後台可調整 SEO 標題、描述、關鍵字、社群分享圖
後台 CMS 功能
完整後台管理系統，讓客戶自行維護網站：

內容管理：商品、工程案例、最新消息、首頁輪播
材料管理：板材色卡、供應商、供應商系列（含地區、全區系列設定）
頁面區塊：封邊工藝規格、五金品牌、認證報告
聯絡表單：洽詢記錄查看、新舊資料表結構相容
系統設定：聯絡資訊、SEO、Google Analytics / Ads、reCAPTCHA 金鑰
權限與安全：使用者分級、操作日誌、密碼加密
統計：訪問統計、控制台儀表板
服務狀態：整合 Siang.Pro 客戶服務 API（授權、代管、網域到期等）