牙醫診所
親切牙科診所:服務項目、醫師介紹、就診流程、線上預約
Pro產業clinic7 個區段
安裝
npx shadcn@latest add "https://webberui.com/r/dental-clinic.json?t=<安裝 token>"整頁原始碼會落在 app/templates/dental-clinic/。也可以改用長效授權金鑰:在 components.json 的 registries 設定 Authorization: Bearer <key>,適合 CI 或多人共用的專案。使用範圍見授權條款。
包含的區段
同一套模板內的區段共用設計 token,所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。
- 1
導覽列與主視覺
含診所品牌導覽列與牙齒插畫主視覺,搭配預約行動按鈕與三項信任數據。
hero - 2
服務項目
以六張卡片呈現隱形矯正、植牙、美白等主力門診與各自的優惠標籤。
features - 3
醫師團隊
三位主治醫師的專長、學經歷與專科認證標籤卡片。
team - 4
就診流程
從線上預約、初診諮詢、治療計畫到定期回診的四步驟流程圖。
timeline - 5
病患好評
深墨綠底的三則真實病患回饋,附五星評分與回診轉介數據。
testimonial - 6
診所資訊與預約
左側地圖示意、地址電話與門診時間,右側可互動的線上預約表單。
contact - 7
頁尾
診所識別、三欄站內連結、社群按鈕與版權暨就醫權益資訊。
footer
收錄於開店套件
套件把這套模板連同相關元件、SEO 骨架與台灣在地欄位打包成一條安裝指令。
你拿到的是原始碼
不是 npm 套件、不是 zip 檔。安裝之後整頁的 TypeScript 原始碼就在你的 repo 裡,可以任意修改、無執行期相依、沒有到期失效機制——我們的網站故障不會影響你已上線的網站。
瀏覽其他 103 套模板 →