傾斜場景首頁

安裝

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

包含的區段

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

1. 1

   導覽列與 3D 傾斜英雄區

   含品牌導覽列與可用滑鼠、方向鍵操控並展開圖層的 3D 傾斜互動場景首屏。

   hero
2. 2

   客戶信任 Logo 帶

   以淡入動效呈現採用疊境的六個團隊品牌名稱，強化社會認同。

   misc
3. 3

   功能特色六宮格

   用六張漸層圖示卡片說明景深編輯、視差引擎、效能與無障礙等核心能力。

   features
4. 4

   三層渲染管線

   隨捲動逐步展開資料層、合成層與呈現層三張卡片，說明截圖轉為視差圖層的流程。

   timeline
5. 5

   數據成績帶

   以漸層數字呈現採用團隊數、月互動次數、Lighthouse 分數與輸入延遲四項指標。

   stats
6. 6

   客戶見證

   三則產品、前端與成長負責人的引言，搭配漸層頭像與職稱。

   testimonial
7. 7

   結尾行動呼籲

   漸層光暈卡片中的免費開始與聯絡銷售雙按鈕轉換區。

   cta
8. 8

   頁尾導覽

   品牌介紹、社群連結、三欄站內導覽與版權、政策與系統狀態列。

   footer