Initial commit

src/app/(user)/notifications/page.tsx

@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { getServerSession } from "next-auth";
+import { authOptions } from "@/lib/auth";
+import { PageHeader, PageShell } from "@/components/shared/page-shell";
+import { NotificationBulkAction } from "./notification-actions";
+import { NotificationList } from "./_components/notification-list";
+import { getUserNotifications } from "./notifications-data";
+
+export const metadata: Metadata = {
+  title: "通知中心",
+  description: "集中查看支付、订阅与系统通知。",
+};
+
+export default async function NotificationsPage() {
+  const session = await getServerSession(authOptions);
+  const { notifications, unreadCount, readCount } = await getUserNotifications(session!.user.id);
+
+  return (
+    <PageShell>
+      <PageHeader
+        eyebrow="消息中心"
+        title="通知与提醒"
+        actions={
+          unreadCount > 0 || readCount > 0 ? (
+            <NotificationBulkAction unreadCount={unreadCount} readCount={readCount} />
+          ) : null
+        }
+      />
+
+      <NotificationList notifications={notifications} unreadCount={unreadCount} />
+    </PageShell>
+  );
+}