Skip to content
Component library
Components

Motion

PinnedSteps

Scrollytelling: a pinned panel changes as each step crosses the middle of the screen, with a progress rail. Phones get each visual inline instead.

Import
import { PinnedSteps } from "@teralith/ui"
Source
packages/ui/src/blocks/PinnedSteps.tsx
Used in
  1. Morning light over a calm sea and low hills

    Step 01 / 04

    Book

    Call, email or use the form. You do not need a doctor's referral.

  2. Soft sand-coloured hills under a pale sky

    Step 02 / 04

    Assessment

    We listen, examine and explain what we find in plain language.

  3. Step 03 / 04

    Your plan

    You get a written plan: what to expect, how long, and what it costs.

  4. A misty bay on the south coast

    Step 04 / 04

    Treatment

    Hands-on care in the clinic and exercises that fit your day.