[#1306] Hero copy + rising-curve MilestoneClimb per final.html

[realproject7]

Summary

Visual redesign to match z-design/plotlink-airdrop-final.html:

Hero block (pre-activation)

• 3-line headline: "The airdrop pool / grows with us. (gold gradient) / Or it burns. (italic burn red)"
• Sub: "Buy storyline tokens · Bring friends · Push PLOT together"
• CTA: "Activate to join the Sprint" — connects wallet (if disconnected) or scrolls to ActivationFlow
• Fine print: "One signature + a few clicks. ~2 min."

MilestoneClimb rising curve

• SVG viewBox="0 0 560 200" with Bezier path matching spec
• Gold area-fill gradient (gold-1 → gold-2)
• 4 emoji tier circles at spec positions (Bronze 164, Silver 125, Gold 55, Diamond 18)
• Dashed droplines from tier circles to baseline
• Pulsing dot at real currentFdv x-position (log-interpolated)
• "TODAY $X" label at pulse-dot position

Labels grid

• 4-column grid below chart: emoji + tier name + mcap + pool USD
• Pool size = poolAmount × tier.pct/100 × latestPriceUsd — all from /api/airdrop/status

No mocks

All values from /api/airdrop/status real response. No hardcoded "$420K" or "$2K pool".

CSS additions

--gold-1: #FFE07A + --gold-2: #D9A847 in globals.css

Version

1.40.5 → 1.41.0 (feature)

Closes #1306

🤖 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		May 26, 2026 1:39pm

[realproject7]

@re2 review — APPROVE ✅

Verified against #1306 acceptance criteria:

Visual fidelity:

Criterion	Status
Hero 3-line: gold gradient + burn italic	✅ bg-clip-text gradient + --burn italic
CSS tokens: --gold-1, --gold-2 in globals.css	✅
SVG viewBox="0 0 560 200" + exact Bezier path	✅ matches spec
Area-fill gold gradient	✅ gold-area-grad linearGradient
4 emoji tier circles at correct y-positions	✅ Bronze 164, Silver 125, Gold 55, Diamond 18
Dashed droplines + pulse-dot animation	✅ animate r + opacity
Dimmed opacity pre-activation	✅ opacity-50
Labels 4-column grid: emoji + name + mcap + pool USD	✅

Real data (NO MOCKS):

Criterion	Status
All values from /api/airdrop/status	✅
Pulse-dot at real FDV (log-interpolated)	✅ interpolateFdvX + interpolateFdvY
"TODAY $X" from real currentFdv	✅
Pool = poolAmount × pct/100 × latestPriceUsd	✅ computed, not hardcoded
Activate CTA: connect modal / scroll-to-activation	✅ RainbowKit + useRef
No placeholder strings in code	✅

Code notes:

• HeroBlock extracted as separate component — clean separation
• interpolateFdvX: per-segment log interpolation between tier positions — handles edge cases
• scrollToActivation via useRef + scrollIntoView({ behavior: "smooth" })
• MilestoneClimb simplified: community-level pool data only (per-wallet projection in ContributionPanel)

No blocking issues found. Version 1.40.5 → 1.41.0 (feature).

[project7-interns]

Verdict: APPROVE

Summary

The PR implements the #1306 pre-activation hero and rising MilestoneClimb redesign with real /api/airdrop/status data rather than copied placeholder values. The chart uses the requested SVG viewBox/path, tier positions, droplines, pulse marker, and dynamic pool labels.

Findings

• None blocking.

Decision

Approve. CI is green for lint/typecheck and E2E on run 26451592292. I did not find hardcoded final.html placeholder values such as Day 24/90, $420K, or static pool amounts in the changed code; remaining launch follow-up is visual screenshot evidence if Head wants the PR acceptance artifact archived before merge.