分屏同步首頁

安裝

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

包含的區段

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

1. 1

   導覽列與英雄區

   含品牌導覽列與滑鼠掃過即可揭示「設計 ↔ 程式」對照滑桿的主視覺開場。

   hero
2. 2

   分屏反向同步敘事

   左右分屏隨捲動反向同步的四段章節故事，中線可拖曳調整比例。

   content
3. 3

   數據帶

   四項關鍵指標以進場數字滾動呈現同步延遲與採用成效。

   stats
4. 4

   核心功能

   六張卡片說明單一真相來源、毫秒級同步與 Git 原生工作流等賣點。

   features
5. 5

   客戶之聲

   三則設計與工程雙職能的五星推薦，附頭像與職稱。

   testimonial
6. 6

   行動呼籲

   漸層光暈背景的結尾轉換區，含雙按鈕與三項信任標記。

   cta
7. 7

   頁尾

   品牌簡介、社群連結與產品／資源／公司三欄導覽的完整頁尾。

   footer