手機遊戲落地頁

手遊預約頁:世界觀、角色圖鑑、玩法特色、事前登錄獎勵

Pro行銷game7 個區段

安裝

npx shadcn@latest add "https://webberui.com/r/mobile-game-landing.json?t=<安裝 token>"

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

包含的區段

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

  1. 1

    英雄區與導覽

    sticky 導覽列搭配遊戲 LOGO、事前登錄人數進度條與雙平台下載按鈕的開場區塊。

    hero
  2. 2

    世界觀編年史

    以垂直卷軸時間軸呈現序章到終章的星隕故事,並附前導 PV 播放區。

    timeline
  3. 3

    角色圖鑑

    四張可懸停翻面的角色卡,正面展示稀有度、背面顯示戰鬥屬性數值。

    gallery
  4. 4

    玩法特色

    三欄式介紹即時連攜戰鬥、無縫開放大陸與百人公會攻城等核心玩法。

    features
  5. 5

    事前登錄獎勵

    以總進度條與里程碑清單呈現隨登錄人數逐階解鎖的獎勵內容。

    content
  6. 6

    下載事前登錄

    置中行動呼籲區,含旋轉魔法陣背景與雙平台事前登錄下載按鈕。

    cta
  7. 7

    頁尾

    品牌資訊、社群連結、多欄導覽與遊戲分級版權聲明的頁尾區。

    footer

你拿到的是原始碼

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

瀏覽其他 103 套模板 →