From cdb3a9994b1c54466151d8a23a7727d97ba71a08 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Wed, 22 Apr 2026 10:32:56 +0900
Subject: [PATCH] [#925] Redesign /airdrop page with 2-column grid layout

Restructure airdrop page to match story detail page layout:
- Hero spans full width above the grid
- Left column (1fr): user points, streak, referral (UserPoints/ClaimPanel)
- Right column (320px): milestone chart, leaderboard, weekly snapshots
- Responsive: stacks vertically on mobile, 2-col on lg+
- Container widened from max-w-xl to max-w-5xl

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 package.json             |  2 +-
 src/app/airdrop/page.tsx | 22 +++++++++++++++++-----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 6fd7875f..ac36da3d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "plotlink",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "private": true,
   "workspaces": [
     "packages/*"
diff --git a/src/app/airdrop/page.tsx b/src/app/airdrop/page.tsx
index ddb35592..5e13d670 100644
--- a/src/app/airdrop/page.tsx
+++ b/src/app/airdrop/page.tsx
@@ -16,12 +16,24 @@ export default function AirdropPage() {
   const campaignEnded = new Date() > AIRDROP_CONFIG.CAMPAIGN_END;
 
   return (
-    <main className="mx-auto max-w-xl px-4 py-8 space-y-6">
+    <main className="mx-auto max-w-5xl px-6 py-8 pb-24 lg:pb-8">
+      {/* Hero spans full width */}
       <CampaignHero />
-      {campaignEnded ? <ClaimPanel /> : <UserPoints />}
-      <Leaderboard />
-      <WeeklySnapshots />
-      <MilestoneTrack />
+
+      {/* 2-column grid below hero */}
+      <div className="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-[1fr_320px]">
+        {/* Left column: user-specific */}
+        <div className="min-w-0 space-y-6">
+          {campaignEnded ? <ClaimPanel /> : <UserPoints />}
+        </div>
+
+        {/* Right column: global sections */}
+        <div className="space-y-6">
+          <MilestoneTrack />
+          <Leaderboard />
+          <WeeklySnapshots />
+        </div>
+      </div>
     </main>
   );
 }