AI 產品落地頁

安裝

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

包含的區段

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

1. 1

   導覽列與主視覺

   深色科技感導覽列搭配粒子光暈主視覺，右側為逐字打字與串流回覆的 AI 對話展示。

   hero
2. 2

   成效數據條

   四項關鍵指標橫條，滾動進場時數字由零累加至目標值。

   stats
3. 3

   核心能力

   六張功能卡以不等寬網格排列，滑鼠停留時浮起並亮起青綠光暈。

   features
4. 4

   運作流程三步

   從交辦、自主規劃到交付成果的三步驟卡片，並以漸層虛線動畫串接。

   timeline
5. 5

   技能市集與模型

   八張社群與官方技能卡，下方並列三種模型的速度、脈絡長度與適用情境。

   gallery
6. 6

   定價方案

   個人、專業、企業三種方案並排，專業版以青綠光暈標示為最受歡迎。

   pricing
7. 7

   結尾行動呼籲

   置中大標題搭配光暈背景，引導訪客免費開始使用或預約產品演示。

   cta
8. 8

   頁尾

   品牌簡介與系統狀態標記，並列產品、資源、公司與法務四組連結。

   footer