Freeframe
Health & Fitness9 pages · 2 downloads · Free

Smile

A bright, friendly website for a family and cosmetic dental practice, with online booking, a cost estimator and an emergency symptom guide.

Stack
v1.0.1 changelog

About this template

Smile is a complete website for Grin Lane Dental, a fictional family and cosmetic dental practice in Boise, Idaho. Rounded Fredoka and Nunito type, a berry, bubble-pink, lemon and mint palette and a friendly tooth mascot set a warm, reassuring tone. It includes a five-step booking flow with time slots built from each clinician's schedule and the visit length, a pay-as-you-go versus membership cost estimator with a payment-plan calculator, a careful emergency triage guide, a multi-step new patient form with a review screen, and filterable treatments and team pages.

Features

  • Five-step booking flow: visit type, clinician or first available, keyboard-accessible calendar, time slots built from each clinician's working days and the appointment length, validated details and a confirmation with a downloadable .ics file
  • Cost estimator comparing pay-as-you-go with the Grin Club membership, with quantity steppers and member counts
  • Illustrative monthly payment-plan calculator with 6 to 24 month terms
  • Emergency triage guide with carefully worded call 911, call now, book today and self-care outcomes
  • Multi-step new patient form with medical history checkboxes, consent, a typed signature check and an editable review screen (nothing is stored)
  • Treatments filterable by category with what to expect, durations and from-prices, plus an FAQ accordion
  • Team filter by role and by spoken language, including ASL
  • Live open-now badge and today's hours in the practice's time zone, and a next-available checkup on the home page
  • Accessible tabs for a nervous-patient guide, a testimonial carousel and a mobile fee table that stacks into cards
  • Friendly SVG tooth mascot, illustrated team portraits and map, accessible mobile menu, scroll reveals and back-to-top button

Pages included

Quick start

unzip smile.zip && cd smileopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Smile documentation →

Changelog

  1. v1.0.1

    Added

    • Booking: each option in the clinician step now shows that clinician's next opening, and "First available" shows the earliest one, as the documentation describes. The time is part of the option's label, so screen readers announce it too.

    Fixed

    • New patient form: an error on a radio-button question (such as "Best way to reach you") now clears as soon as you pick any answer, not only the first one.
    • Booking: if you chose a clinician and then switched to a visit type they don't offer, the summary kept showing their name. It now shows "First available", matching the selection.
  2. v1.0.0

    Added

    • Nine pages: home, treatments, pricing, team, new patients, book online, emergency, contact and a 404 page.
    • Booking flow with seven visit types, a clinician step with "first available", an accessible month calendar, time slots generated from opening hours, each clinician's working days, lunch breaks and the visit length, a validated details form and a confirmation with a .ics download (demo only, nothing is booked).
    • Pricing page with a fee table (stacked cards on phones), Grin Club membership plans, a pay-as-you-go versus membership cost estimator and an illustrative payment-plan calculator.
    • Emergency page with a three-question symptom guide and four carefully worded outcomes, plus first-aid tips.
    • New patients page with a first-visit timeline, a tabbed nervous-patient guide and a five-step patient form with medical history, consent, a typed signature check and a review screen (nothing is sent or stored).
    • Treatments filterable by category with what to expect and from-prices, an FAQ accordion, a team filter by role and language, a live open-now badge, a testimonial carousel and a contact form with inline validation.
    • SVG tooth mascot, illustrated portraits, map, favicon and a PNG social image (SVG source included), scroll reveals, an accessible mobile menu and a back-to-top button. Full documentation in DOCS.md.

More templates

Bloom website template preview

Bloom

Health & Fitness

A calm, elegant website for a hair salon and day spa, with online booking and gift cards.

HTML + TailwindNext.jsAstroWordPress

9 pages · 154 KB

Documentation