口碑主導首頁

用戶評價牆開場,數據與 logo 牆佐證

Pro首頁排版home-layout8 個區段

安裝

npx shadcn@latest add "https://webberui.com/r/testimonial-led-home.json?t=<安裝 token>"

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

包含的區段

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

  1. 1

    導覽列與評價牆首屏

    含導覽列的首屏,以漸層標題、雙 CTA 與三欄自動滾動的用戶評價瀑布牆建立口碑第一印象。

    hero
  2. 2

    核心數據列

    四欄關鍵指標,進入視窗時以彈簧動畫滾動出評分、團隊數、續約率與回饋處理量。

    stats
  3. 3

    客戶標誌牆

    十個客戶品牌以灰階卡片排列,滑過時回復彩色並微幅上浮,強化採用規模。

    gallery
  4. 4

    深度客戶故事輪播

    深色背景的大字引言輪播,每則搭配決策者頭像與成效數字,可自動播放並手動切換。

    testimonial
  5. 5

    公開評分透明分佈

    左側說明評價透明政策,右側卡片以滾動數字與長條圖呈現一至五星的完整分佈。

    content
  6. 6

    最常被稱讚的三個功能

    三張漸層圖示卡片,說明回饋匯流、AI 主題聚類與流失預警三項核心能力。

    features
  7. 7

    結尾行動呼籲

    以重疊頭像群與 12k+ 徽章開場,帶出免費試用與預約導覽的雙按鈕收尾。

    cta
  8. 8

    頁尾

    品牌介紹、三欄連結、社群按鈕與底部版權暨 G2 評分列。

    footer

你拿到的是原始碼

不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡,可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。

瀏覽其他 103 套模板 →