chore: initial project import

app/reports/page.tsx

@@ -0,0 +1,25 @@
+import { PlaceholderActions, ShellPage } from "@/components/page-templates";
+import { TablePlaceholder } from "@/components/placeholders";
+
+export default function ReportsPage() {
+  return (
+    <ShellPage
+      shell="admin"
+      title="Reports Overview"
+      description="Entry point ke response time, resolution, campaign analytics, dan contact growth."
+      actions={<PlaceholderActions primaryHref="/reports/response-time" primaryLabel="Open response time" />}
+    >
+      <TablePlaceholder
+        title="Available reports"
+        columns={["Report", "Purpose", "Route"]}
+        rows={[
+          ["Response Time", "SLA and responsiveness", "/reports/response-time"],
+          ["Resolution", "Conversation completion quality", "/reports/resolution"],
+          ["Agent Productivity", "Per-agent handled volume", "/reports/agent-productivity"],
+          ["Campaign Analytics", "Broadcast outcome", "/reports/campaign-analytics"],
+          ["Contact Growth", "Audience expansion", "/reports/contact-growth"]
+        ]}
+      />
+    </ShellPage>
+  );
+}