新創落地頁
早期新創極簡落地頁：Hero、功能、定價
Pro行銷startup8 個區段
安裝
npx webberui@latest add "https://webberui.com/r/startup-landing.json?t=<安裝 token>"整頁原始碼會落在 app/templates/startup-landing/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。
包含的區段
同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。
- 1
導覽列與主視覺
黏性導覽列搭配極光背景、手繪底線標題與候補名單輸入框，並附上一張日報視窗示意卡。
hero - 2
信任列跑馬燈
無限循環的品牌名稱跑馬燈，展示已有超過 1,200 個遠距團隊在等待。
misc - 3
三大核心價值與數據
以三張卡片說明不再開會、跨時區同步與 AI 彙整，下方接三欄關鍵數據。
features - 4
我們的信念
大字引言隨捲動逐字亮起，訴說深度專注與會議成本的品牌理念。
content - 5
產品一瞥
左側說明 30 秒寫完日報的三項優勢，右側以視差浮動的撰寫介面視窗呈現。
product - 6
定價與候補名單
早期團隊永久免費方案，右側卡片內含帶成功動畫的候補名單表單。
pricing - 7
最終行動呼籲
漸層光暈卡片中的大字標語與候補名單輸入框，收束整頁轉換動線。
cta - 8
頁尾
品牌標誌、四欄連結導覽與版權列，帶有台北・遠距優先的標記。
footer
一套 React 新創落地頁模板：主視覺、信任列、核心價值與數據、理念敘述、產品畫面與候補名單登記。以 Next.js App Router、Tailwind CSS 與 Motion 製作。
適用情境
- 早期新創產品上線前的介紹頁
- 收集候補名單的預購或搶先體驗頁
- 新功能或新產品線的獨立發表頁
- 黑客松或校園專案的產品網站
拿到後要改哪裡
- 主色是 page.tsx 開頭的 `ACCENT` 常數（預設 `#FF5C39`），改這一個值就能換掉整頁強調色。
- 價值主張、流程與數據在 `CORE_VALUES`、`FLOW_STEPS`、`METRICS` 陣列，信任列的公司名稱在 `LOGOS`。
- 候補名單表單（`InlineWaitlist`）只在前端檢查信箱格式並顯示成功畫面，沒有送出資料；`handleSubmit` 要接上你自己的名單服務或 API。
- 「產品一瞥」的畫面是 `ComposeMock`，換成你產品的介面內容或截圖。
你拿到的是原始碼
不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡，可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。
瀏覽其他 103 套模板 →