磁吸導覽首頁

安裝

整頁原始碼會落在 app/templates/magnetic-nav-home/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   磁吸導覽與英雄區

   含磁吸導覽列、逐字浮起主標題、視差光球背景與底部合作品牌跑馬燈的開場區塊。

   hero
2. 2

   服務項目

   四張帶圖示與方向感進場的服務卡片，說明品牌官網、互動體驗、設計系統與動態設計。

   features
3. 3

   精選作品

   以模擬瀏覽器視窗呈現的三件代表作品，附上類別、成效數字與年份。

   gallery
4. 4

   數據實績

   四項關鍵成績以數字滾動動畫呈現，包含完成專案、設計獎項與客戶回訪率。

   stats
5. 5

   工作方法

   從研究策略到上線迭代的四階段流程清單，逐項左右交錯進場。

   timeline
6. 6

   客戶推薦

   置中大字推薦語搭配頭像圓形標記與客戶職稱署名。

   testimonial
7. 7

   行動呼籲

   巨型磁吸圓形按鈕搭配光暈背景，引導訪客來信洽談專案檔期。

   cta
8. 8

   頁尾

   品牌識別、社群連結、網站地圖與聯絡資訊三欄式頁尾與版權列。

   footer