Templates/ Dentist
Dentist website template for Next.js
A complete home page composed from 10 Facade blocks, in the order a visitor reads them. This page explains each section: which block, why it is there and which props to change.
Looking at the blocks themselves? Dentist website components for React.
Install
npx shadcn@latest add @facade/hero-local-business @facade/logo-cloud @facade/team-grid @facade/features-bento @facade/testimonials-wall @facade/before-after-slider @facade/faq-section @facade/booking-slots @facade/contact-section @facade/footer-bigcomponents/facade; you assemble them in a page file in the order below. 5 of the blocks are Pro and need a license key in components.json. Pro setup.Section by section.
What each block does on a dentist site and what to change first.
- 01
Opens the page with the service, a live rating and a phone number. The rotating words name the jobs you want more of.
Change first:rotatingWordsphoneratingreviewCounttrustItemsprimaryCta - 02
Logo cloud
FreeA trusted-by grid of wordmarks with a hover reveal line per logo, or a two row marquee.
List accepted insurance plans. Put the biggest local employer plan first.
Change first:logostitlevariant - 03
Team grid
FreeThe people behind the business, with bios on hover and an optional hiring card.
Add credentials to the role line, for example DDS, 12 years. Hide the hiring card unless you are hiring.
Change first:membersheadingshowHiringCard - 04
Six cells with live micro animations. One service or reason per cell.
Change first:cellstitleeyebrow - 05
A masonry wall of reviews with an aggregate rating header and one featured quote. Depth over density.
Change first:testimonialsratingreviewCountfeatured - 06
A draggable comparison of two photos. The proof block for any trade that changes how something looks.
Use only with written patient consent. One strong case beats five average ones.
Change first:beforeSrcafterSrcbeforeAltafterAltbeforeLabelafterLabel - 07
FAQ section
FreeAnswers the questions that stop a call, and emits FAQPage JSON-LD from the same array so the answers can show in search.
Change first:itemsheadingphoneemailctaHref - 08
A 14 day date strip with grouped time slots and a confirm callback. Booking without a backend.
Change first:serviceNamedurationMinutespriceLabelgetSlotsclosedWeekdaysonConfirm - 09
The contact form next to the address, phone, live hours and a map link. Everything a visitor needs to reach you in one block.
Change first:servicesaddressphoneemailhourstimeZoneonSubmit - 10
Footer, big
FreeName, address and phone for local search, hours, link columns, a newsletter form and a wordmark.
Change first:businessNameaddressphoneemailhourscolumnssocialslegal
The full page.
All 10 blocks stacked in order, live, at desktop width. Numbers match the sections above.
Build it in four steps
Step 1
Install the blocks
Run the shadcn command on this page once. Every block of the dentist page lands in components/facade as editable TypeScript.
Step 2
Configure site data
Create one data file with the business name, address, phone, hours, time zone and services, and pass it to the footer, contact, hours and hero blocks.
Step 3
Replace the copy
Work through the sections below. Each one names the props to change first. Keep one claim per line and no stock phrases.
Step 4
Deploy
Build with next build and deploy to Vercel or any Node host. The blocks are static React, so no extra services are needed.