Lupus Care Booking Website Template

Quick summary

Pace is a single-page booking template for lupus-adapted exercise programs. It opens with animated stats and a real-participant video, then walks visitors through honest FAQ sections that address flare risks, joint pain, and session intensity. A sticky call-to-action button and a two-step scheduling modal turn curious visitors into confirmed first-session bookings.

Who this template is for

This template was built for practitioners, coaches, and wellness programs serving people with lupus or similar autoimmune conditions. It suits anyone whose audience is skeptical of exercise because of unpredictable energy and flare cycles.

• Fitness coaches and physical therapists building a lupus-adapted program
• Health and wellness brands launching a gentle, chronic-illness-friendly movement offering
• Newly established programs that need to earn trust before asking for a commitment

What problem this template solves

People with lupus face a specific barrier: they want to stay active, but standard fitness pages were not made for them. Most landing pages lead with intensity. This one leads with honesty. The scroll flow is designed to reduce fear, not build hype.

• Visitors worry that exercise will trigger a flare or worsen joint pain
• Standard booking pages skip the reassurance that autoimmune patients need before committing
• Programs struggle to communicate "gentle" in a way that feels medically credible, not dismissive

What you get with this template

You get a complete, structured landing page with every section pre-built and ready to customize. The layout follows a clear editorial logic, so each section does a specific job without overlap.

• A split-screen hero with animated counter slots on the left and a video panel on the right
• Three sequential FAQ scroll sections, each pairing a real patient question with a visual answer
• A sticky booking call-to-action and a two-step scheduler modal with a secondary email-capture lead magnet

Feature list

This template includes purpose-built components that reflect the specific needs of a lupus exercise program landing page.

Animated Stats Counter Hero

Three large, softly animated counters sit in the left hero panel. They display energy improvement percentage, total sessions completed by current members, and the twelve-minute shortest session marker. The counters use Intersection Observer triggering so they activate on scroll entry, keeping the experience lightweight.

FAQ-Driven Scroll Sections

Each of the three FAQ sections opens with a real question written in the voice of someone living with lupus. The left panel holds the question and written answer. The right panel holds a supporting visual, either a short adaptive modification clip or an inflammation marker chart. This format dissolves objections before they form.

Two-Step Booking Modal

The primary call-to-action opens a modal with two steps. Step one asks the visitor their current flare status using three clear options: no flare, mild, or moderate. Step two presents a calendar of available thirty-minute slots filtered by that answer. This keeps intensity matching accurate without requiring a lengthy intake form.

Sticky Bottom Call-to-Action

After the third FAQ section, the primary call-to-action pins to the bottom of the viewport. It stays visible as visitors continue scrolling, removing the need to hunt for the booking button at any point in the page journey.

Secondary Lead Magnet Path

Visitors who are not ready to book can request a downloadable Fatigue-Friendly Starter Guide. A short form captures email address and diagnosis year. This gives the program a way to follow up with a personalized message for each stage of the patient journey.

Organic Flow Visual System

The template uses DM Serif Display for headings and Plus Jakarta Sans for body text. The Arctic White color palette runs from glacier white as the page base through soft birch panel backgrounds, muted sage supporting accents, and a single arctic berry accent reserved for buttons and active states only.

Page sections overview

Design & branding system

The visual identity follows an Organic Flow theme. It is designed to feel like a clean clinic with a single potted fern inside: structured enough to communicate medical credibility, warm enough to keep a fatigued visitor comfortable and reading.

• Arctic White palette: glacier white (#F7F9FC) base, soft birch (#E3E8EF) panels, muted sage (#A3B9AA) accents, arctic berry (#8B5E83) for buttons and active states only
• Typography pairing of DM Serif Display for editorial headings and Plus Jakarta Sans for approachable, readable body copy
• Scroll reveals and modal transitions use CSS-first animation to keep the visual experience smooth without relying on heavy external libraries

Mobile & speed optimization

The template is built desktop-first but ships fully responsive for mobile. This matters for this audience specifically. Many people with lupus browse from a bed or couch, often on a phone, often when energy is low. The layout adapts cleanly to smaller viewports without losing the split-screen logic.

• The split-screen panels stack vertically on mobile, keeping the video and counter sections readable on small screens
• CSS-first animations and Intersection Observer counter triggering avoid heavy JavaScript payloads
• The sticky call-to-action and booking modal are touch-friendly and work within a single thumb's reach on mobile viewports

How this template helps you convert

Conversion here is not about urgency or pressure. It is about removing the specific fears that stop a person with lupus from clicking a booking button. The template earns trust section by section before it ever asks for a commitment.

1. The animated stats counter provides immediate, concrete social proof before the visitor reads a single word of copy, anchoring credibility at first glance.
2. The FAQ scroll sequence addresses the three most common objections in lupus fitness (flare risk, joint pain, and intensity uncertainty) in the visitor's own language, with visual evidence alongside each answer.
3. The two-step booking modal reduces friction by personalizing the session offer to current flare status, making the first commitment feel safe and correctly sized.

Other information about this template

This template is part of the Health and Medical category, specifically built for the lupus care and lupus exercise program niche. It was designed with a high interactivity scope in mind, including a booking modal with a flare status selector, a calendar view, and an email capture form for the secondary lead magnet path.

• Date formatting follows United States conventions (MM/DD/YYYY) with no currency display
• Copy localization is set to English (US), making it ready for North American lupus wellness audiences
• The footer uses a linear single-row pattern to keep the page exit clean and uncluttered
• The template ID for reference and support lookup is 699fd198cca63a0014f91617

Show more