產品優先首頁

安裝

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

包含的區段

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

1. 1

   導覽列與產品英雄區

   頂部導覽、漸層標題主張與可互動標註的產品截圖，下方接客戶標誌列。

   hero
2. 2

   核心能力

   六張能力卡片，說明從事件擷取、漏斗留存到 AI 偵測與合規的一站式流程。

   features
3. 3

   五分鐘接入

   左側接入賣點清單搭配右側逐行淡入的 SDK 程式碼編輯器視窗。

   content
4. 4

   漏斗分析

   動畫展開的註冊轉換漏斗圖卡與 AI 流失提示，說明漏斗分析能力。

   product
5. 5

   數據實績

   四項關鍵數字在捲入視窗時以漸層字體滾動計數呈現。

   stats
6. 6

   客戶心聲

   三則客戶推薦語卡片，附漸層頭像與職稱資訊。

   testimonial
7. 7

   結尾行動號召

   漸層光暈與格線背景的圓角卡片，搭配免費開始與預約導覽雙按鈕。

   cta
8. 8

   頁尾

   品牌簡介、社群連結、四欄導航與系統運作狀態列。

   footer