import { Suspense } from "react";
import type { Metadata } from "next";
import { api } from "@/lib/api";
import SiteShell from "@/components/SiteShell";
import MeetupsClient from "@/components/MeetupsClient";

export const metadata: Metadata = {
  title: "游民活动 · nomadro",
  description: "线上圆桌、线下聚会与混合活动 —— 和全球数字游民一起连接。",
};

export const revalidate = 60;

export default async function MeetupsPage() {
  const meetups = await api.getMeetups().catch(() => []);

  return (
    <SiteShell showFooter>
      <Suspense fallback={<div className="container"><p className="dest-empty">加载活动…</p></div>}>
        <MeetupsClient meetups={meetups} />
      </Suspense>
    </SiteShell>
  );
}