定價優先首頁

安裝

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

包含的區段

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

1. 1

   導覽列與定價英雄區

   頂部導覽搭配「價格先講清楚」標題、月繳／年繳切換與三張定價卡，把定價直接當作首頁招牌。

   hero
2. 2

   方案功能對比表

   以分組表格攤開監測、告警、狀態頁與安全治理四大類功能，逐項比較三個方案的差異。

   pricing
3. 3

   客戶信任列

   橫向排列六家客戶名稱，說明這些團隊把凌晨三點的警報交給哨站。

   gallery
4. 4

   可靠度數據

   深色區塊以四項關鍵數字佐證平台自身的可用率、告警速度與全球節點覆蓋。

   stats
5. 5

   客戶見證

   三張卡片呈現 SRE 主管、技術長與後端工程師對監測頻率與透明定價的實際回饋。

   testimonial
6. 6

   付費常見問題

   可展開的手風琴列出免費方案、升降級、超量、付款方式與資料存放等五個付費疑問。

   faq
7. 7

   行動呼籲

   紫藍漸層卡片邀請訪客免費開始監測，並提供再次查看方案比較的次要按鈕。

   cta
8. 8

   頁尾

   品牌簡介、社群連結與產品／資源／公司三欄導覽，附上版權與系統運作正常指示燈。

   footer