家具家居店
北歐家具電商:情境分區、材質故事、空間靈感、量尺服務
Pro電商ecommerce7 個區段
安裝
npx shadcn@latest add "https://webberui.com/r/furniture-store.json?t=<安裝 token>"整頁原始碼會落在 app/templates/furniture-store/。也可以改用長效授權金鑰:在 components.json 的 registries 設定 Authorization: Bearer <key>,適合 CI 或多人共用的專案。使用範圍見授權條款。
包含的區段
同一套模板內的區段共用設計 token,所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。
- 1
導覽列 + Hero 主視覺
頂部公告條、導覽列與純色塊客廳情境主視覺,帶出品牌主張與關鍵數據。
hero - 2
依空間選購
以客廳、臥室、書房、餐廚四大生活空間切入的分類選購卡片網格。
features - 3
精選單品
標示真實材質、產地與售價的精選家具單品網格。
product - 4
材質工藝
以木紋視覺與編號敘事說明木料、工法與塗裝的品牌工藝故事與信任標章。
content - 5
空間靈感拼貼
取自真實顧客居家的傾斜靈感拼貼牆,搭配創辦人引言卡。
gallery - 6
到府量尺服務
免費到府量尺服務的三步驟流程與預約行動呼籲深色區塊。
cta - 7
頁尾
品牌簡介、選購與服務連結、門市資訊與版權宣告的頁尾。
footer
你拿到的是原始碼
不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡,可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。
瀏覽其他 103 套模板 →