拖曳展示首頁

安裝

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

包含的區段

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

1. 1

   導覽與主視覺

   含黏性導覽列、光暈視差與大字標題的深色開場區，帶主要行動按鈕。

   hero
2. 2

   合作客戶跑馬燈

   無限橫向捲動的客戶名單，以等寬字與橘點分隔呈現信任感。

   misc
3. 3

   精選作品拖曳輪播

   可用滑鼠拖曳甩動的作品卡片輪播，帶慣性吸附、速度傾斜與進度條。

   gallery
4. 4

   工作室數據

   四欄關鍵數字，呈現年資、專案量、獲獎與客戶回頭率。

   stats
5. 5

   服務項目

   四張服務卡片，滑過時圖示旋轉並浮現橘色光暈。

   features
6. 6

   客戶評價

   三則客戶推薦語，搭配漸層頭像與職稱說明。

   testimonial
7. 7

   聯絡行動呼籲

   置中大標與電郵按鈕，背景帶橘色光暈的收尾邀約區。

   cta
8. 8

   頁尾資訊

   四欄頁尾，含品牌簡介、社群連結、導覽、服務與聯絡資訊。

   footer