diff --git a/app/(dashboard)/candidates/page.tsx b/app/(dashboard)/candidates/page.tsx
new file mode 100644
index 0000000..ab00b4c
--- /dev/null
+++ b/app/(dashboard)/candidates/page.tsx
@@ -0,0 +1,8 @@
+export default function CandidatesPage() {
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
+      <h1 className="text-xl font-bold text-slate-900 mb-2">Candidates</h1>
+      <p className="text-slate-600 text-sm">View and evaluate parsed candidate profiles.</p>
+    </div>
+  );
+}
diff --git a/app/(dashboard)/interviews/page.tsx b/app/(dashboard)/interviews/page.tsx
new file mode 100644
index 0000000..33c6a37
--- /dev/null
+++ b/app/(dashboard)/interviews/page.tsx
@@ -0,0 +1,8 @@
+export default function InterviewsPage() {
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
+      <h1 className="text-xl font-bold text-slate-900 mb-2">Interviews</h1>
+      <p className="text-slate-600 text-sm">Schedule and monitor candidate evaluations.</p>
+    </div>
+  );
+}
diff --git a/app/(dashboard)/jobs/page.tsx b/app/(dashboard)/jobs/page.tsx
new file mode 100644
index 0000000..4b7429e
--- /dev/null
+++ b/app/(dashboard)/jobs/page.tsx
@@ -0,0 +1,8 @@
+export default function JobsPage() {
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
+      <h1 className="text-xl font-bold text-slate-900 mb-2">Jobs</h1>
+      <p className="text-slate-600 text-sm">Manage job vacancies and candidate matches.</p>
+    </div>
+  );
+}
diff --git a/app/(dashboard)/layout.tsx b/app/(dashboard)/layout.tsx
new file mode 100644
index 0000000..3e918a9
--- /dev/null
+++ b/app/(dashboard)/layout.tsx
@@ -0,0 +1,36 @@
+import Link from "next/link";
+
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen bg-slate-50 flex flex-col">
+      <header className="bg-white border-b border-slate-200 shadow-sm">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
+          <div className="flex items-center gap-8">
+            <span className="text-slate-900 font-bold text-lg">AI Recruitment</span>
+            <nav className="flex gap-4">
+              <Link href="/jobs" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
+                Jobs
+              </Link>
+              <Link href="/candidates" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
+                Candidates
+              </Link>
+              <Link href="/interviews" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
+                Interviews
+              </Link>
+              <Link href="/workflows" className="text-sm text-slate-600 hover:text-slate-900 font-medium">
+                Workflows
+              </Link>
+            </nav>
+          </div>
+        </div>
+      </header>
+      <main className="flex-1 max-w-7xl mx-auto w-full p-6 sm:p-8">
+        {children}
+      </main>
+    </div>
+  );
+}
diff --git a/app/(dashboard)/workflows/page.tsx b/app/(dashboard)/workflows/page.tsx
new file mode 100644
index 0000000..8e20726
--- /dev/null
+++ b/app/(dashboard)/workflows/page.tsx
@@ -0,0 +1,8 @@
+export default function WorkflowsPage() {
+  return (
+    <div className="bg-white p-6 rounded-lg shadow-sm border border-slate-200">
+      <h1 className="text-xl font-bold text-slate-900 mb-2">Workflows</h1>
+      <p className="text-slate-600 text-sm">Configure automated recruitment pipelines orchestrated by n8n.</p>
+    </div>
+  );
+}
diff --git a/app/favicon.ico b/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/app/favicon.ico differ
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..b19e23f
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,5 @@
+@import "tailwindcss";
+
+body {
+  @apply bg-slate-50 text-slate-600 antialiased;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
new file mode 100644
index 0000000..976eb90
--- /dev/null
+++ b/app/layout.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="en"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">{children}</body>
+    </html>
+  );
+}
diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..f8c64b3
--- /dev/null
+++ b/app/page.tsx
@@ -0,0 +1,22 @@
+import Link from "next/link";
+
+export default function Home() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-center bg-slate-50 p-6">
+      <div className="w-full max-w-md bg-white p-8 rounded-lg shadow-sm border border-slate-200 text-center">
+        <h1 className="text-2xl font-bold text-slate-900 mb-2">
+          AI Recruitment Platform
+        </h1>
+        <p className="text-slate-600 mb-6 text-sm">
+          Welcome to the ATS. Access your workspace below.
+        </p>
+        <Link
+          href="/jobs"
+          className="inline-block w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md shadow-sm transition-colors text-sm"
+        >
+          Go to Dashboard
+        </Link>
+      </div>
+    </main>
+  );
+}