About Realign
Realign is a website template for chiropractic clinics and small spine and joint practices. It opens with the two things a new patient wants settled before they call: that there is a visit this week, and what the first one costs. Then it asks them to point to where it hurts and answers in plain words.
What is included
Interactive pain map: a back-view figure with seven tappable spots. Each one shows the condition, what the clinic does, the typical plan, the cost and a book button. It is a code component: the answers, the hint and the colors are properties
Three dimensional spine behind the hero, built in three.js: a wireframe column that straightens along a plumb line, tilts with the pointer and sinks on scroll. It loads after the page paints and switches off for reduced motion
Motion with a purpose: sections fade up, cards lift on hover, photos scroll slower than their copy
Twelve page layouts: Home, Conditions, a page per condition, First visit, Pricing, Team, Journal, a page per article, Contact, Privacy, Terms and 404
Conditions CMS (seven items) and Journal CMS (six articles) feed the lists and the detail pages
Native request form on Contact with a Where it hurts select; submissions go to Framer Forms
Setup guide page (/guide) in seven steps
Sample prices clearly labeled, ready for your own fee schedule
Responsive for desktop, tablet and phone; named text styles and one accent color
Headings in Familjen Grotesk with Instrument Sans for body text
Who it is for
Chiropractors, physiotherapy and sports injury clinics and single-doctor practices who want a site that answers the pain question first and turns that visit into a booked appointment.
All copy, prices, names and photos are placeholders. Check the wording with your licensing board before publishing. The pain map describes what the clinic does; it is not a diagnosis.





