Convert modal to 'How It Works' guide with 5 sections (#1034)

[realproject7]

Summary

• Changes trigger text from "Why is this airdrop different?" to "How does this work?"
• Expands modal into a comprehensive 5-section guide:
  1. The Airdrop Pool — what's locked, what happens at the end
  2. Milestones & Pool Size — 4 tiers with PLOT amounts, burn mechanics, double benefit
  3. How to Earn PL Points — all point actions with rates
  4. Streak Boost — tier table with percentages, miss penalty
  5. Why Is This Different? — existing 2-column comparison preserved
• Modal is scrollable (max-h-[85vh] overflow-y-auto) for mobile
• MCap footnote included at bottom

Closes #1034

Test plan

• Trigger text reads "How does this work? →"
• Modal opens with all 5 sections
• Point rates and streak boosts match spec
• Milestone tiers show correct PLOT amounts (5K/15K/25K/50K)
• Comparison table preserved as section 5
• Modal scrolls on mobile/short viewports
• Close button and backdrop click work
• Copy is clear and grammatically correct

🤖 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 4, 2026 4:14am

[realproject7]

RE2 Verdict: APPROVE

Summary

Solid implementation of #1034. Modal expanded from single comparison to comprehensive 5-section "How It Works" guide. All content matches the issue wireframe exactly.

Findings

• [ok] Trigger text updated to "How does this work? →".
• [ok] Section 1 (The Airdrop Pool): locked amount, 6-month timeline, burn/distribute outcome.
• [ok] Section 2 (Milestones & Pool Size): 4 tiers with correct PLOT amounts (5K/15K/25K/50K), burn mechanics, double benefit.
• [ok] Section 3 (How to Earn PL Points): all 4 point actions with correct rates.
• [ok] Section 4 (Streak Boost): 5 tiers (7d/14d/30d/50d/100d) with correct percentages, miss penalty.
• [ok] Section 5 (Why Is This Different?): existing comparison preserved.
• [ok] Scrollable modal: max-h-[85vh] overflow-y-auto.
• [ok] MCap footnote at bottom.
• [ok] Version bump 1.4.0 → 1.5.0 correct for feature.
• [ok] CI green, mergeable.

Decision

Approve. LGTM.

[project7-interns]

Verdict: APPROVE

Summary

The PR implements issue #1034 cleanly: the trigger text is updated to "How does this work?", and the modal is expanded into a scrollable five-section guide covering the pool, milestones, point earning, streak boosts, and the existing comparison table.

Findings

• [ok] Trigger text changed to "How does this work? →".
  • File: src/components/airdrop/CampaignHero.tsx
• [ok] Modal now contains the requested five sections with pool mechanics, milestone unlock amounts, point rates, streak boost tiers, and the preserved comparison table.
  • File: src/components/airdrop/CampaignHero.tsx
• [ok] Modal uses constrained height with overflow scrolling for smaller/mobile viewports.
  • File: src/components/airdrop/CampaignHero.tsx
• [ok] Branch is mergeable and checks passed: lint-and-typecheck, e2e, Vercel.
  • File: PR checks

Decision

Approve. The change is focused, matches #1034 acceptance criteria, and passes CI.