diff --git a/src/app/airdrop/page.tsx b/src/app/airdrop/page.tsx index 54df2487..46a2e92b 100644 --- a/src/app/airdrop/page.tsx +++ b/src/app/airdrop/page.tsx @@ -4,6 +4,7 @@ import { UserPoints } from "../../components/airdrop/UserPoints"; import { ClaimPanel } from "../../components/airdrop/ClaimPanel"; import { Leaderboard } from "../../components/airdrop/Leaderboard"; import { WeeklySnapshots } from "../../components/airdrop/WeeklySnapshots"; +import { InnovationBanner } from "../../components/airdrop/InnovationBanner"; import { AIRDROP_CONFIG } from "../../../lib/airdrop/config"; export const metadata: Metadata = { @@ -19,6 +20,11 @@ export default function AirdropPage() { {/* Hero spans full width */} + {/* Innovation banner — between hero and user sections */} +
+ +
+ {/* 2-column grid below hero */}
{/* Left column: user-specific */} diff --git a/src/components/airdrop/InnovationBanner.tsx b/src/components/airdrop/InnovationBanner.tsx new file mode 100644 index 00000000..77901ceb --- /dev/null +++ b/src/components/airdrop/InnovationBanner.tsx @@ -0,0 +1,60 @@ +const COLUMNS = [ + { + title: "TYPICAL AIRDROP", + rows: ["Fixed amount", "Dumps on listing", "No skin in game"], + highlighted: false, + }, + { + title: "TYPICAL STAKING", + rows: ["Fixed APY", "Inflates supply", "No risk reward"], + highlighted: false, + }, + { + title: "THIS AIRDROP", + rows: ["Pool grows with market", "Burned if no growth", "Everyone wins together"], + highlighted: true, + }, +] as const; + +export function InnovationBanner() { + return ( +
+
+ ── How is this different? ── +
+ + {/* Three-column comparison */} +
+ {COLUMNS.map((col) => ( +
+
+ {col.title} +
+
+ {col.rows.map((row) => ( +
+ {row} +
+ ))} +
+
+ ))} +
+ + {/* Summary */} +

+ The pool isn't pre-valued — it's valued by the market. + At $100M FDV, 50,000 PLOT = $5M distributed. + At $0 growth, 50,000 PLOT = burned forever. + Everyone — team, holders, earners — wins only if PLOT grows. +

+
+ ); +}