Skip to content

Airdrop: move 'How is this different?' to modal triggered from hero #1029

@realproject7

Description

@realproject7

Changes

The InnovationBanner currently sits as a full-width section between the hero and user content. Instead:

  1. Add a link/button in the hero top section: "Why is this airdrop different?" (or similar copy-edited text)
  2. On click, open a modal containing the current InnovationBanner content:
    • Two-column comparison (Typical Airdrop vs This Airdrop)
    • Summary paragraph
  3. Remove the inline InnovationBanner from the page layout

Wireframe (hero area)

```
PLOT BIG AIRDROP
When PLOT MCap reaches each milestone, the airdrop pool gets bigger.
If not, locked tokens will be burned.

[Why is this airdrop different? →] ← clickable text, opens modal

[milestone cards...]
[countdown...]
```

Modal content

Same as current InnovationBanner:
```
┌──────────────────────────────────────────────┐
│ ✕ close │
│ │
│ TYPICAL AIRDROP │ THIS AIRDROP │
│ Fixed amount │ Pool grows with MCap │
│ Dumps on day 1 │ Burned if no growth │
│ No skin in game │ Everyone wins together│
│ │
│ The pool isn't pre-valued — it's valued │
│ by the market. ... │
│ │
└──────────────────────────────────────────────┘
```

Files

  • `src/components/airdrop/CampaignHero.tsx` — add modal trigger link
  • `src/components/airdrop/InnovationBanner.tsx` — adapt for modal use (or inline into CampaignHero)
  • `src/app/airdrop/page.tsx` — remove inline ``

Acceptance Criteria

  • "Why is this airdrop different?" link in hero section
  • Click opens modal with comparison content
  • InnovationBanner removed from page layout as standalone section
  • Modal has close button, closes on backdrop click
  • Mobile-friendly modal

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agent

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions