Freeframe
Health & Fitness9 pages · 0 downloads · Free

Mend

A calm, clinical-notes website for an independent physiotherapy and sports injury clinic.

About this template

Mend is a complete website for Lavant Physiotherapy, a fictional physio clinic in Chichester. It opens with a "Where does it hurt?" body map that leads straight into booking, and has a four-step online booking with health screening and a diary that rolls forward, conditions from neck to heel, a home exercise library with a saved plan and a rep and hold counter, clinician profiles, and prices with packages and an insurer checker, all laid out like a clinician's notepad in biro blue with a red margin rule.

Features

  • "Where does it hurt?" body map hero: front and back line drawings where every region is a keyboard-accessible control, leading into booking
  • 4-step booking: treatment, clinician, day and time, details with health screening that stops the booking for red flags
  • Diary built from clinician shifts, opening hours and UK bank holidays, rolling forward from today, with seven-day diary strips
  • Conditions from neck to heel with a sticky side index, suggested appointments and "don't wait" red flags
  • Home exercise library with filters, a saved "my plan" and daily ticks, with storage fallback when blocked
  • Rep counter and hold timer with rests between sets
  • First-visit timeline, open-now line and next available appointment in UK time
  • Clinician profiles with working days, "in clinic today" and first free slot
  • Prices with packages, a cost estimator and an insurer checker
  • Clinical-notes design: ruled paper, a red margin rail with index numbers and hand-drawn SVG art for every treatment, exercise and page

Pages included

Quick start

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

Changelog

  1. v1.1.0

    Changed

    • Redesigned every page as a clinician's notepad, so Mend no longer shares its layout with the other clinic templates: biro-blue ink on warm paper, ruled lines, a red margin rail with index numbers and margin notes, and a highlighter for whatever is selected. New palette (biro, margin red, highlighter) and new fonts (Piazzolla, Reddit Sans and Reddit Mono, loaded from Google Fonts).
    • The home page now opens with "Where does it hurt?": a new front and back anatomical line drawing where every region is a keyboard-accessible radio button, with a notes panel and a booking link that carries the area. The urgent-help strip at the top is replaced by a "When not to wait" section and a footer note.
    • New home sections: a first-visit timeline, a seven-day diary strip of free initial assessments (each day links to booking on that day), a ruled treatment index and a "Visit us" section with a drawing of the clinic.
    • Conditions page rebuilt as an index of eight areas with one section per area, locator figures and a sticky side index. Treatments, team and prices use the notes layout with filters or an index in the rail; booking puts the steps and summary in the rail under a seven-day view of the clinic's hours.
    • Booking accepts ?day= (from the diary strips) and, with ?area=, marks the treatments suggested for that area.
    • New art: treatment room, exercise sheet, receipt and clinic front heroes, the body map, the social image and the favicon. Exercise figures are redrawn with outlines, start positions and highlighted working muscles (the clamshell and glute bridge are much clearer); portraits, the map, the spine study and the 404 drawing are recoloured.

    Fixed

    • The clinic phone number was the same as another template's; it is now 01632 960517 everywhere, including the validation hint.
    • Renamed the clinic director to Thea Varcoe (portrait team-varcoe.svg), so no surname is shared with another template or a real brand.
    • The self-pay price table no longer overflows at phone widths, and its scrolling wrapper is a focusable, labelled region.
    • The body map no longer draws joint circles that look clickable but aren't: every visible region and pin is a real control.
    • The booking diary labelled Sunday "closed for the weekend" although Saturday is open; closed days now say "closed on Sundays" or name the bank holiday.
    • Pressing "Send message" or "Request this appointment" straight after correcting a field could miss the button, because the error line under the field disappeared on blur and moved the button mid-click.
  2. v1.0.0

    Added

    • Initial release with 8 pages and a 404: Home, Treatments, Conditions, Exercises, Our team, Book online, Prices and insurance, and Contact.
    • 4-step booking: treatment, clinician, day and time, and your details with health screening questions that stop the booking and point to NHS 111 or 999 when a red flag is ticked; confirmation with a reference.
    • Online diary built from each clinician's shifts, opening hours and bank holidays in England and Wales, worked out for every year, so it always rolls forward from today.
    • Interactive SVG body map (front and back) with arrow-key navigation, common conditions, suggested treatments, matching exercises and red flags for eight areas.
    • Home exercise library of 18 exercises with area, level and equipment filters and a drawing for each.
    • Saved "my plan" with daily ticks (mend-plan), kept in memory when storage is blocked.
    • Rep counter and hold timer with rest periods between sets.
    • Next available appointment, open-now badge and bank holiday notices in UK time.
    • Clinician cards with working days, "in clinic today" and first free slot, filtered by treatment.
    • Prices table, packages, a cost estimator and an insurer checker.
    • Hand-drawn SVG art for ten treatments, six clinicians, the hero, a map and the 404 page.
    • Accessible mobile menu, skip link, scroll reveals and back-to-top button.

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 · 155 KB

Documentation