diff --git a/client/pages/hub/ClientReports.tsx b/client/pages/hub/ClientReports.tsx
new file mode 100644
index 00000000..ea4d5411
--- /dev/null
+++ b/client/pages/hub/ClientReports.tsx
@@ -0,0 +1,53 @@
+import Layout from "@/components/Layout";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { useNavigate } from "react-router-dom";
+import { ArrowLeft, TrendingUp } from "lucide-react";
+
+export default function ClientReports() {
+  const navigate = useNavigate();
+
+  return (
+    <Layout>
+      <div className="relative min-h-screen bg-black text-white overflow-hidden pb-12">
+        <div className="pointer-events-none absolute inset-0 opacity-[0.12] [background-image:radial-gradient(circle_at_top,#3b82f6_0,rgba(0,0,0,0.45)_55%,rgba(0,0,0,0.9)_100%)]" />
+
+        <main className="relative z-10">
+          <section className="border-b border-slate-800 py-8">
+            <div className="container mx-auto max-w-7xl px-4">
+              <Button
+                variant="ghost"
+                size="sm"
+                onClick={() => navigate("/hub/client")}
+                className="mb-4 text-slate-400"
+              >
+                <ArrowLeft className="h-4 w-4 mr-2" />
+                Back to Portal
+              </Button>
+              <div className="flex items-center gap-3">
+                <TrendingUp className="h-8 w-8 text-blue-400" />
+                <h1 className="text-3xl font-bold">Reports</h1>
+              </div>
+            </div>
+          </section>
+
+          <section className="py-12">
+            <div className="container mx-auto max-w-7xl px-4">
+              <Card className="bg-slate-800/30 border-slate-700">
+                <CardContent className="p-12 text-center">
+                  <TrendingUp className="h-12 w-12 text-slate-600 mx-auto mb-4" />
+                  <p className="text-slate-400 mb-6">
+                    Detailed project reports and analytics coming soon
+                  </p>
+                  <Button variant="outline" onClick={() => navigate("/hub/client")}>
+                    Back to Portal
+                  </Button>
+                </CardContent>
+              </Card>
+            </div>
+          </section>
+        </main>
+      </div>
+    </Layout>
+  );
+}