VITAL — Medical & Dental Clinic
Care that puts you at ease.
A calm, professional marketing and appointment-booking site for a modern dental and family health clinic, built in Nuxt 4 (Vue 3) with accessibility as a headline feature — WCAG 2.2 AA, full keyboard nav and screen-reader-friendly throughout. Multi-step booking form, service detail pages, FAQ accordions and an SVG map placeholder.
Role · Design + front-end build (Nuxt 4, booking form, accessibility-first) · Updated Jun 2026
- 8 page types: home, services list, 5 service detail pages, team, about, contact, book, FAQ
- Typed data layer: services (with FAQs), team members, and a grouped FAQ set
- A multi-step appointment form with inline validation and a demo confirmation state
- A sticky mobile booking bar (Call / Book) visible on every page
- Delivery
- Within 24h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Scheduler / forms
Booking and contact forms are front-end only with a clean seam — connect a scheduler (e.g. Calendly, NexHealth) or your practice-management system to go live.
Delivered as full Nuxt 4 source. Wire the booking + contact forms to a scheduler (Calendly/NexHealth) or your practice-management system.
What makes it special
Accessibility-first
WCAG 2.2 AA contrast, a skip link, ARIA landmarks, labelled form controls, keyboard-operable accordions and forms, visible focus, and reduced-motion safety — accessibility as the selling point.
Multi-step booking form
A two-step appointment request with inline validation, radio groups, date/time pickers and a clearly-labelled demo confirmation. A clean seam to any scheduler.
5 service detail pages
Each service has its own page with a plain-language description, numbered what-to-expect steps, and a service-specific FAQ accordion.
Accessible FAQ accordions
A proper button / aria-expanded / aria-controls pattern. 12 Q&As grouped into 5 categories, fully keyboard and screen-reader operable.
Self-contained static export
Fonts self-hosted via @nuxt/fonts, images pre-downloaded into public/img/, and an SVG map placeholder on contact — zero runtime external requests.
What’s included
- 8 page types: home, services list, 5 service detail pages, team, about, contact, book, FAQ
- Typed data layer: services (with FAQs), team members, and a grouped FAQ set
- A multi-step appointment form with inline validation and a demo confirmation state
- A sticky mobile booking bar (Call / Book) visible on every page
- An honest SVG map placeholder on the contact page — no live API required
Gallery
More Health & Medical templates
Make VITAL yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.