e79d721615
- 替换 react-simple-maps/d3-geo/topojson-client 为 react-map-gl + maplibre-gl - 使用 CARTO dark-matter 免费暗色瓦片，自带国家/城市名标注 - 基于 locale 动态切换地图标注语言（name:zh / name_en） - MapLibre 原生 heatmap + circle 双层渲染替代 SVG 热力图 - 提取 MapPopup 组件，配合 react-map-gl Popup 实现点击弹窗 - continent page 改为 dynamic import (ssr: false) - dev 模式去掉 Turbopack 以兼容 maplibre-gl - 删除 heatmap-layer.tsx 和 react-simple-maps 类型声明
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { Navbar } from "@/components/layout/navbar";
|
|
import { InstallBanner } from "@/components/layout/install-banner";
|
|
import { ParticleBg } from "@/components/layout/particle-bg";
|
|
import { GlobeView } from "@/components/globe/globe-view";
|
|
import { StatsPanel } from "@/components/dashboard/stats-panel";
|
|
import { ActivityTimeline } from "@/components/dashboard/activity-timeline";
|
|
import { ClawFeed } from "@/components/dashboard/claw-feed";
|
|
import { RegionRanking } from "@/components/dashboard/region-ranking";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<div className="relative min-h-screen">
|
|
<ParticleBg />
|
|
<Navbar activeView="globe" />
|
|
|
|
<main className="relative z-10 mx-auto max-w-[1800px] px-4 pt-20 pb-8">
|
|
<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">
|
|
<StatsPanel />
|
|
<RegionRanking />
|
|
</div>
|
|
|
|
{/* Center - Globe + Timeline */}
|
|
<div className="flex flex-col gap-4">
|
|
<div className="h-[500px] lg:h-[600px]">
|
|
<GlobeView />
|
|
</div>
|
|
<ActivityTimeline />
|
|
</div>
|
|
|
|
{/* Right Panel */}
|
|
<div className="flex flex-col gap-4">
|
|
<ClawFeed />
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|