Become a Member polish: bento benefits, merged/redesigned join form, floating CTA, header + nav fixes #5

popovskik · 2026-08-01T11:23:40Z

popovskik commented

2026-08-01 11:23:40 +00:00

Follow-up changes on kristijan-dev (create only, please do not merge yet).

Become a Member page

"Why become a member" rebuilt as a 3x3 bento grid: 7 benefit cards + 2 real event photos (captioned); fixed the blank "Feel at home" icon.
Merged the duplicate "There is a place for you here" section into the join form's student/supporter choice cards; new centred heading and redesigned, colour-coded choice cards.
Fixed the stray "Support MSOS" submit button on the choice step.
Floating "Become a member" CTA that appears after the hero and hides near the form, so the ask stays reachable.
More space between section titles and their cards; testimonial fixes (Elena -> Katerina/Koper, un-swap Ana/Maribor and Marko/Ljubljana, removed the placeholder note).

Also included earlier on the branch: hero full-bleed gradient + button hover/click, removed the "Get Involved" nav dropdown, full-width header alignment.

Deploy note: goes live only on merge to develop.

Follow-up changes on kristijan-dev (create only, please do not merge yet). Become a Member page - "Why become a member" rebuilt as a 3x3 bento grid: 7 benefit cards + 2 real event photos (captioned); fixed the blank "Feel at home" icon. - Merged the duplicate "There is a place for you here" section into the join form's student/supporter choice cards; new centred heading and redesigned, colour-coded choice cards. - Fixed the stray "Support MSOS" submit button on the choice step. - Floating "Become a member" CTA that appears after the hero and hides near the form, so the ask stays reachable. - More space between section titles and their cards; testimonial fixes (Elena -> Katerina/Koper, un-swap Ana/Maribor and Marko/Ljubljana, removed the placeholder note). Also included earlier on the branch: hero full-bleed gradient + button hover/click, removed the "Get Involved" nav dropdown, full-width header alignment. Deploy note: goes live only on merge to develop.

popovskik added 1 commit 2026-08-01 11:23:40 +00:00

f492a8a547 Become a Member: bento benefits, merged/redesigned join form, floating CTA, fixes

Why become a member
- Rebuild the benefits grid as a 3x3 bento: 7 icon cards + 2 real event photos
  (with captions), fixes the orphan card, adds hover motion. Swap the blank
  fa-house-heart (Pro) for fa-house-user (Free) on "Feel at home".

Join form
- Merge the duplicate "There is a place for you here" section into the form's
  path step (student / supporter cards now carry the descriptions); drop the
  separate section. New heading "There is a place for you here"; centred layout.
- Redesign the choice cards: colour-coded (student orange / supporter teal)
  icon circles, descriptions, hover lift + "Choose this" reveal.
- Fix the stray "Support MSOS" submit button showing on the path step.

Conversion + polish
- Floating "Become a member" CTA that appears after the hero and hides near the
  form/final CTA, so the ask stays reachable without scrolling to the bottom.
- More space between section titles and their cards (numbers, reals, tests,
  showcase, benefits).
- Testimonials: Elena -> Katerina (Koper); un-swap Ana (Maribor) and Marko
  (Ljubljana); remove the "sample quotes" placeholder note.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

popovskik requested review from mark 2026-08-01 11:23:40 +00:00

popovskik merged commit 72c5c1a3d6 into develop

2026-08-01 11:24:39 +00:00

popovskik referenced this issue from a commit

2026-08-01 11:24:41 +00:00

Merge pull request 'Become a Member polish: bento benefits, merged/redesigned join form, floating CTA, header + nav fixes' (#5) from kristijan-dev into develop

Sign in to join this conversation.

No reviewers

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: mark/msos#5