# Membership promotion

URL: https://samva.dev/templates/membership-promotion

Promote a paid membership with tier cards from a list, the most chosen tier on a tinted panel, and a savings code.

## Guidance

- Pass the tiers as a list; each renders a card with its badge, price, previous price, blurb and benefits, so a promotion can carry three plans or five without touching the source.
- Give the tier you want chosen a badge and leave the badge off the others; a badged tier is drawn on a tinted panel. The savings note is optional: omit it, as the default fixture does, and the block disappears.
- Supply the discount, the code, the deadline and the prices per send. The headings, button label and footer are editable copy.
- 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 |
| --- | --- |
| compareUrl | Link for compare. |
| discountPercent | Value for discount percent. |
| firstName | Value for first name. |
| headline | Value for headline. |
| homeUrl | Link for home. |
| joinUrl | Link for join. |
| offerEnds | Value for offer ends. |
| preferencesUrl | Link for preferences. |
| promoCode | Value for promo code. |
| savingsNote | Value for savings note. |
| subhead | Value for subhead. |
| termsUrl | Link for terms. |
| tiers | Value for tiers. |
| unsubscribeUrl | Link for unsubscribe. |