牙醫診所

親切牙科診所:服務項目、醫師介紹、就診流程、線上預約

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. 1

    導覽列與主視覺

    含診所品牌導覽列與牙齒插畫主視覺,搭配預約行動按鈕與三項信任數據。

    hero
  2. 2

    服務項目

    以六張卡片呈現隱形矯正、植牙、美白等主力門診與各自的優惠標籤。

    features
  3. 3

    醫師團隊

    三位主治醫師的專長、學經歷與專科認證標籤卡片。

    team
  4. 4

    就診流程

    從線上預約、初診諮詢、治療計畫到定期回診的四步驟流程圖。

    timeline
  5. 5

    病患好評

    深墨綠底的三則真實病患回饋,附五星評分與回診轉介數據。

    testimonial
  6. 6

    診所資訊與預約

    左側地圖示意、地址電話與門診時間,右側可互動的線上預約表單。

    contact
  7. 7

    頁尾

    診所識別、三欄站內連結、社群按鈕與版權暨就醫權益資訊。

    footer

收錄於開店套件

套件把這套模板連同相關元件、SEO 骨架與台灣在地欄位打包成一條安裝指令。

你拿到的是原始碼

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

瀏覽其他 103 套模板 →