Demo guides › Health & Wellness
Medical Clinic
A multi-specialty medical clinic: departments, doctor profiles, online appointments, insurance and patient information.
template/medical/src/demos/medical/Colours#
Set in src/demos/medical/demo.json → theme.
- Primary
#0891b2 - Accent
#f97316 - Dark
#0b2530 - Light
#eef6f9
Colour switcher schemes (colors): Medical blue, Mint, Navy, Violet care, Coral, Ocean, Forest, Slate, Indigo.
Pages#
| Page | File | Edit in |
|---|---|---|
| Page not found | 404.html | pages/404.json |
| About the clinic | about.html | pages/about.json |
| Book an appointment | appointment.html | pages/appointment.json |
| Health blog | blog.html | pages/blog.json |
| Careers | careers.html | pages/careers.json |
| Patient portal coming soon | coming-soon.html | pages/coming-soon.json |
| Contact | contact.html | pages/contact.json |
| Departments | departments.html | pages/departments.json |
| Find a doctor | doctors.html | pages/doctors.json |
| Book online in two minutes | home-2.html | pages/home-2.json |
| Multi-specialty medical clinic | index.html | pages/index.json |
| Insurance & pricing | insurance.html | pages/insurance.json |
| Patient information | patient-info.html | pages/patient-info.json |
| Patient stories | testimonials.html | pages/testimonials.json |
Generated detail pages#
One page per record in data.json. Add, edit or remove a record and its page follows on the next build.
| Collection | Page template | Pages |
|---|---|---|
departments | pages/department.json | 6: department-family-medicine.html department-cardiology.html department-pediatrics.html department-dental.html department-eye-care.html department-physiotherapy.html |
doctors | pages/doctor.json | 6: doctor-amelia-hart.html doctor-rahul-mehta.html doctor-sophie-klein.html doctor-james-okoro.html doctor-elena-ruiz.html doctor-thomas-reid.html |
posts | pages/post.json | 6: post-blood-pressure-numbers.html post-childhood-vaccines.html post-annual-blood-test.html post-healthy-teeth-habits.html post-screen-time-eyes.html post-desk-back-pain.html |
Data collections#
Shared records in src/demos/medical/data.json. The fields of the first record are shown; copy it to add a new one and give it a unique slug.
departments (6 records)#
Fields: slug, title, eyebrow, badge, icon, subtitle, text, image, gallery, price, priceNote, rating, meta, body, highlights, features, accordion, sidebar
doctors (6 records)#
Fields: slug, name, role, tagline, image, bio, about, quote, stats, list, listTitle, education, educationTitle, email, phone, social
posts (6 records)#
Fields: slug, title, category, date, author, readTime, image, excerpt, html, authorImage
reviews (6 records)#
Fields: quote, name, role, avatar, rating, text