Add dashboard, layout components, and CRM scaffolding

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/app/dashboard/layout.tsx

@@ -0,0 +1,14 @@
+import { Sidebar } from "@/components/layout/sidebar";
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="flex min-h-screen">
+      <Sidebar />
+      <div className="flex-1 flex flex-col">{children}</div>
+    </div>
+  );
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,41 @@
+import type { Metadata } from "next";
+import { Header } from "@/components/layout/header";
+
+export const metadata: Metadata = {
+  title: "Dashboard",
+};
+
+const stats = [
+  { label: "Total Leads", value: "0" },
+  { label: "Open Deals", value: "0" },
+  { label: "Contacts", value: "0" },
+  { label: "Revenue", value: "$0" },
+];
+
+export default function DashboardPage() {
+  return (
+    <>
+      <Header title="Dashboard" />
+      <main className="flex-1 p-6 bg-neutral-50 dark:bg-neutral-900">
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+          {stats.map((stat) => (
+            <div
+              key={stat.label}
+              className="rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-950 p-5"
+            >
+              <p className="text-sm text-neutral-500">{stat.label}</p>
+              <p className="mt-2 text-2xl font-semibold">{stat.value}</p>
+            </div>
+          ))}
+        </div>
+
+        <div className="mt-6 rounded-xl border border-black/10 dark:border-white/10 bg-white dark:bg-neutral-950 p-6">
+          <p className="text-neutral-500 text-sm">
+            Yahan pages add karenge — Leads, Contacts, Deals, Tasks. Aap batao
+            kaunsa page pehle banana hai.
+          </p>
+        </div>
+      </main>
+    </>
+  );
+}