[#1019] Redesign milestone section into 3 narrative blocks

[realproject7]

Fixes #1019

Summary

• Replaced flat "What happens as PLOT grows" rows with 3 distinct sections, each delivering one core message:
  1. "Your airdrop grows with $PLOT" — value table showing "Now" row + 4 milestone steps with pool value at each MCap target
  2. "Four steps — not unrealistic" — 4 cards (2×2 mobile, 4-col desktop) with MCap + CMC rank + unlock %. Cards get accent border when milestone is reached
  3. "Not reached? Burned forever." — boxed callout with burn outcome, "no team keeps it" trust message, and "either way you benefit" conclusion
• CMC ranks and "thousands have done it" copy hidden in test mode (per Airdrop: CMC rank references wrong — showing prod ranks with test FDV values #1017)
• Uses MCap terminology throughout (per Airdrop: rename FDV to MCap across all airdrop UI #1018)

Test plan

• Desktop: 3 sections stack vertically, step cards in 4-col row
• Mobile: sections stack, step cards in 2×2 grid
• Section 1: "Now" row shows current MCap + pool value, 4 steps below
• Section 2: cards show MCap + CMC rank (prod only) + unlock %
• Section 3: burn callout with pool amount + fire emoji
• Test mode: CMC ranks and "thousands have done it" hidden

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
plotlink	Ignored		Apr 30, 2026 10:45pm

[project7-interns]

Verdict: APPROVE

Summary

The PR matches issue #1019 and rewrites the old flat milestone rows into the requested three-block narrative layout: value-growth table, milestone cards, and burn callout. It also preserves the earlier constraints for MCap terminology and hiding CMC rank messaging in test mode.

Findings

• No code findings.
• CI note: e2e and lint-and-typecheck were still pending at review time.

Decision

Approved because the implementation is narrowly scoped, aligns with the acceptance criteria, and the user-facing narrative now matches the intended product message.

[realproject7]

re2 — APPROVE

All 7 acceptance criteria met. The 3-section layout follows the wireframe closely:

• Section 1: "Now" row + 4 milestone steps with pool values ✓
• Section 2: 4 cards (2×2 mobile / 4-col desktop) with MCap + CMC rank + unlock % ✓
• Section 3: burn callout with trust message + "either way" conclusion ✓
• MCap terminology throughout ✓
• CMC ranks + "thousands have done it" hidden in test mode ✓
• Responsive grid ✓

Nit (non-blocking): In the Section 1 milestone rows, milestoneRows.indexOf(row) is used instead of the map index parameter. indexOf does a linear scan and is fragile if two rows ever share the same fdv reference. Consider milestoneRows.map((row, i) => ...) and use i + 1 for the step number. Not a blocker since milestone FDVs are always unique.