Pick a plan

The first tunnel, small enough to read as a whole: a welcome, a plan to pick, a name to give, and it is done.

Walk the tunnel Four steps. Walked on a page of its own, each one tells below what the engine just did.

Its roads

The plan step is reached twice, once per plan, and so is everything after it: two cursors of the same step, each keeping its own values.

Free plan
  1. Intro

    The tree parts here: two cards, one per plan, and no next button. Until a plan is picked, the stepper names step 2 after the step, not after a plan.

  2. Free plan

    Two cursors of the same step, told apart by the plan they carry, each keeping its own stored values.

  3. Confirm

    A form step, done only once the form is valid; the next button of the tunnel submits it. Come back and the name is still there; go back before it and it is erased, so a branch walked again starts clean.

  4. Done

    Closes the session: nothing before it is linked any more, and opening the tunnel again starts a new one.

Paid plan
  1. Intro

    The tree parts here: two cards, one per plan, and no next button. Until a plan is picked, the stepper names step 2 after the step, not after a plan.

  2. Paid plan

    Two cursors of the same step, told apart by the plan they carry, each keeping its own stored values.

  3. Confirm

    A form step, done only once the form is valid; the next button of the tunnel submits it. Come back and the name is still there; go back before it and it is erased, so a branch walked again starts clean.

  4. Done

    Closes the session: nothing before it is linked any more, and opening the tunnel again starts a new one.