開發者工具落地頁

安裝

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

包含的區段

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

1. 1

   導覽列與主視覺

   含品牌導覽列、漸層極光標題、CLI 安裝指令與自動打字終端機示範，下方接客戶信任 logo 牆。

   hero
2. 2

   開發體驗程式碼示範

   左側說明邊緣驗證、快取與地理路由三大重點，右側是可切換分頁的語法高亮程式碼視窗。

   content
3. 3

   平台能力功能網格

   以六張卡片呈現 0ms 冷啟動、全球節點、邊緣驗證、Git 部署、可觀測性與邊緣 KV 等平台能力。

   features
4. 4

   整合生態

   展示 GitHub、PostgreSQL、Stripe 等 12 個官方整合方塊，說明如何接上既有工具鏈。

   gallery
5. 5

   效能數據

   四張動畫計數指標卡搭配延遲下降趨勢長條圖，呈現真實生產環境的效能表現。

   stats
6. 6

   定價方案

   Hobby、Pro、Enterprise 三種方案並列，Pro 以漸層光暈標示為最受歡迎選擇。

   pricing
7. 7

   開始使用行動呼籲

   視差光暈背景中置中呈現品牌標記、雙按鈕行動呼籲與可一鍵複製的 CLI 安裝指令。

   cta
8. 8

   頁尾

   品牌簡介與四欄連結導覽，底部附版權宣告與系統運作狀態指示燈。

   footer