即時遊樂場首頁

安裝

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

包含的區段

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

1. 1

   導覽列與英雄區

   含黏性導覽列、漸層光暈視差背景與雙行動按鈕的開場英雄區。

   hero
2. 2

   即時遊樂場

   左程式碼右預覽的互動遊樂場，含彈簧、交錯、粒子場與流體漸層四個可調範例與信任品牌列。

   product
3. 3

   功能亮點與數據

   六格產品功能卡片，搭配數字跳動的效能與規模實績數據帶。

   features
4. 4

   快速上手三步驟

   以編號 01–03 呈現安裝、匯入到啟動遊樂場的指令流程。

   timeline
5. 5

   使用者見證

   三位工程師與設計師的五星推薦語與頭像署名卡片。

   testimonial
6. 6

   定價方案

   Hacker、Pro 與團隊三種方案比較，主打方案帶最受歡迎標籤。

   pricing
7. 7

   結尾行動呼籲

   以中心光暈襯底的收尾標題與進入遊樂場、閱讀文件雙按鈕。

   cta
8. 8

   頁尾

   品牌簡介、社群連結與產品、開發者、公司三欄連結加版權列。

   footer