深色暖金餐廳形象官網 + 後台全內容管理
2026
皇泰火鍋城 Dynasty Hotpot 是宜蘭礁溪的「火鍋・烤串吃到飽」餐廳（宜蘭縣礁溪鄉和平路122號），正式網域 039887766.com 即是訂位專線 (03) 988-7766 — 網址就是電話號碼，讓客人看一眼就記得。Hero 以《舒心放空》「讓音樂火鍋伴隨您，鮮美好心情的饗宴」開場，搭配品牌標語「相聚一堂・品味榮耀 / Gather Around · Taste the Glory」。
內容主打 8 種湯底任選 2（金酸麻湯、麻香花椒、海鮮昆布、泰式酸辣、經典麻辣、東北酸菜、胡椒豚骨、素食香菇）、10 款炭香烤串吃到飽、原肉現切（美國板腱、安格斯牛、台灣黑豚）、自助食材吧與 Meiji / Niseko 冰淇淋飲料無限暢飲，成人火鍋 729 元起、火鍋+烤串 828 元起，並以「匠師十年熬煮工藝」湯頭與火鍋三千年起源的文化敘事鋪陳品牌底蘊。
網站以深褐 × 暖金的溫暖聚餐視覺貫穿全站，前端採 Astro 5 SSR 零框架實作，後端以 Laravel + GraphQL + Filament 驅動 12 個頁面內容區塊（home、menu、gallery、reservation 等 PageContent slug），文案、圖片、菜單價格到 SEO/OG 欄位全部後台可維護。
深褐底 × 暖金主色 × Noto Serif TC 襯線標題，營造火鍋店的溫暖聚餐氛圍
後台可管理的多張主視覺 5 秒自動輪播，疊加店名、標語與雙 CTA（預約用餐・看菜單與價格）
商周「鼎食」到清代的三千年火鍋歷史時間軸，搭配湯頭哲學頁強化品牌底蘊
8 湯底 grid、10 烤串、價格卡與用餐須知，湯底烤串價格皆由後台 menu-items 內容驅動
環境與美食攝影 grid + Lightbox 燈箱瀏覽，圖片後台上傳管理
訂位須知 repeater + 「立即來電訂位」tel: 與 Google 地圖導航 CTA，行動裝置一鍵撥號
評論送烤串卷、壽星半價、LINE 好友 95 折等優惠公告發布
12 個頁面 slug 的文案、圖片、SEO/OG 欄位全部 Filament 後台可維護
前端以 Astro 5 建構，採用伺服器端渲染（SSR）模式，output: server 搭配 Node adapter 以 PM2 部署。首屏內容由後端 GraphQL API 即時拉取並預先組裝，確保 SEO 爬蟲與社群分享預覽都能取得完整內容。
全站不使用 Vue / React，首頁 Hero 輪播、相簿 Lightbox 燈箱、行動選單皆以原生 vanilla JS 實作 — 零 hydration 成本、零框架 runtime，換來極致的載入效能與最精簡的傳輸體積，對餐廳官網這類內容導向站點是最務實的選擇。
後端以 Laravel 作為 headless CMS，前端透過 fetchPageContent(slug) 驅動 12 個頁面內容區塊（home、menu、gallery、reservation 等），並以 fetchCompanySetting() 取得全站公司設定（電話、營業時間、地圖）。後台無資料時自動 fallback 前端預設值，確保任何情況下頁面都不會開天窗。
每個 PageContent slug 皆有獨立的 seo_title、seo_description、seo_keyword、json_ld 與 OG 完整欄位，業主可針對每一頁單獨調整搜尋與分享呈現。全站另注入 Restaurant JSON-LD 結構化資料（priceRange NT$499–NT$828），強化 Google 餐廳搜尋的呈現。
整合 GA4、GTM、LINE Tag、Microsoft Clarity、Facebook Pixel 五路行銷追蹤，全部環境變數化管理且僅在 production 載入，開發與預覽環境不會汙染數據，方便業主依行銷活動需求開關與更換追蹤 ID。
以 Tailwind CSS 4 @theme 定義暖金 / 深褐色階與 Noto Serif TC 字級 token，品牌色彩與字體排印集中一處管理，卡片、按鈕、表單在全站維持一致的溫暖聚餐質感。
皇泰火鍋城的官網不只是靜態頁面——菜單價格、優惠公告、環境相簿、12 個頁面的文案與 SEO/OG 欄位全部要能讓業主自行從後台更新，不需要每次改菜單價格都回頭找工程師。Astro 負責前台的高速載入與 SEO，Laravel + GraphQL 提供穩定的 API 層，Filament 後台則讓非技術背景的餐廳業主也能輕鬆維護內容，這是套版網站做不到的長期維運彈性。
本專案於 2026 年完成，涵蓋首頁 Hero 輪播、火鍋起源文化敘事、8 湯底 + 10 烤串的菜單價格系統、用餐環境相簿、電話預約動線，以及 12 個頁面全內容 Filament 後台管理。這類含後台內容管理系統的餐飲形象官網，開發時程一般落在 6–8 週，實際天數依內容量與客製動效需求而定。
對餐飲業來說，官網的核心任務是把線上流量轉換成實際訂位，而不是單純展示。皇泰火鍋城官網以「立即來電訂位」tel: 連結搭配 Google 地圖導航 CTA，讓手機使用者一鍵撥號或導航到店，訂位須知則清楚說明用餐規則減少現場溝通成本，這種行動裝置優先的預約動線設計，是餐飲業官網轉換率的關鍵。
