Show invited people the Rule, let them copy its cards for their community, and replace an expired invitation link.

app/(app)/invite/expired/layout.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import messages from "../../../../messages/en/index";
+import { NO_INDEX_ROBOTS, routeMetadata } from "../../../../lib/siteMetadata";
+
+export const metadata: Metadata = routeMetadata("/invite/expired", {
+  title: messages.metadata.inviteExpired.title,
+  description: messages.metadata.inviteExpired.description,
+  robots: NO_INDEX_ROBOTS,
+});
+
+export default function ExpiredInviteLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  return children;
+}

app/(app)/invite/expired/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { Suspense } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
+import { ExpiredInviteScreen } from "../_components/ExpiredInviteScreen";
+
+function ExpiredInviteFallback() {
+  const t = useTranslation("pages.invite");
+  return (
+    <div className="flex min-h-[100dvh] items-center justify-center bg-[var(--color-surface-invert-brand-primary)]">
+      <p className="text-[14px] text-[var(--color-content-default-primary)]">
+        {t("loadingFallback")}
+      </p>
+    </div>
+  );
+}
+
+export default function ExpiredInvitePage() {
+  return (
+    <Suspense fallback={<ExpiredInviteFallback />}>
+      <ExpiredInviteScreen />
+    </Suspense>
+  );
+}