# Rewards milestone

URL: https://samva.dev/templates/rewards-milestone

Show a member their place on a season's ladder as a route of stops, what the next tier unlocks, and the tiers with their badges.

## Guidance

- Pass the steps as a list with a state for each: passed, here or ahead. The route draws that state, so the same source covers a member on their first stop and one on their last.
- The tiers are a second list of badge, name, threshold and reward. Supply the progress counts, the next tier and its reward, and the season's end per send; the template never reads the clock.
- The bonus note is optional: omit it, as the default fixture does; long-content includes it with seven steps.
- It is written for Longitude, a fictional members' travel club. Replace its mark, the hero and the tier badges with your own images. Every color is a theme token, and the look comes from starter.css.

## Variables

| Variable | Meaning |
| --- | --- |
| accountUrl | Link for account. |
| bonusNote | Value for bonus note. |
| expiresOn | Value for expires on. |
| firstName | Value for first name. |
| headline | Value for headline. |
| homeUrl | Link for home. |
| nextReward | Value for next reward. |
| nextTier | Value for next tier. |
| preferencesUrl | Link for preferences. |
| rewardsUrl | Link for rewards. |
| steps | Value for steps. |
| stepsCompleted | Value for steps completed. |
| stepsTotal | Value for steps total. |
| subhead | Value for subhead. |
| termsUrl | Link for terms. |
| tiers | Value for tiers. |
| unsubscribeUrl | Link for unsubscribe. |