import { Suspense } from "react";
import type { Metadata } from "next";
import SiteShell from "@/components/SiteShell";
import JoinPaidClient from "@/components/JoinPaidClient";

export const metadata: Metadata = {
  title: "支付完成 · nomadro",
};

export default function JoinPaidPage() {
  return (
    <SiteShell showFooter>
      <Suspense fallback={<div className="join-page"><div className="container"><p className="plan-loading">处理中…</p></div></div>}>
        <JoinPaidClient />
      </Suspense>
    </SiteShell>
  );
}