feat: 添加设备注册 API 并重构安装横幅组件

This commit is contained in:
richarjiang
2026-03-24 09:18:51 +08:00
parent ab00443056
commit 71628d783d
13 changed files with 1524 additions and 150 deletions

View File

@@ -50,23 +50,18 @@ export default function HomePage() {
<Hero />
{/* Section 1: Main Map View + Dashboard */}
<section className="min-h-[calc(100vh-5rem)]">
<div className="mb-4">
<InstallBanner />
</div>
<div className="grid gap-4 lg:grid-cols-[280px_1fr_280px]">
{/* Left Panel */}
<div className="flex flex-col gap-4">
<section id="get-started">
<div className="grid gap-4 lg:grid-cols-[240px_1fr_280px]">
{/* Left Panel — Stats */}
<div className="flex flex-col gap-3">
<StatsPanel />
<RegionRanking />
<TokenLeaderboard />
</div>
{/* Center - Map/Globe + Timeline */}
{/* Center Map/Globe (hero of the page) */}
<div className="flex flex-col gap-4">
{/* View Switcher + Map Container */}
<div className="relative h-[500px] lg:h-[600px]">
<div className="relative h-[520px] lg:h-[680px]">
{/* View Mode Toggle */}
<div className="absolute left-4 top-4 z-20 flex rounded-lg border border-white/10 bg-[var(--bg-card)]/90 p-1 backdrop-blur-sm">
<button
@@ -95,12 +90,9 @@ export default function HomePage() {
</button>
</div>
{/* Map View */}
{viewMode === "2d" && (
<WorldMap className="h-full w-full" />
)}
{/* Globe View */}
{viewMode === "3d" && (
<GlobeView />
)}
@@ -109,8 +101,9 @@ export default function HomePage() {
<ActivityTimeline />
</div>
{/* Right Panel */}
{/* Right Panel — Register + Feed */}
<div className="flex flex-col gap-4">
<InstallBanner />
<ClawFeed />
</div>
</div>