diff --git a/package-lock.json b/package-lock.json
index 49e8f6e..663f52a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,8 @@
         "lucide-react": "^0.344.0",
         "nodemailer": "^7.0.5",
         "react": "^18.3.1",
-        "react-dom": "^18.3.1"
+        "react-dom": "^18.3.1",
+        "react-router-dom": "^6.30.3"
       },
       "devDependencies": {
         "@eslint/js": "^9.9.1",
@@ -1069,6 +1070,15 @@
         "node": ">=14"
       }
     },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.2",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.2.tgz",
+      "integrity": "sha512-Ic6m2U/rMjTkhERIa/0ZtXJP17QUi2CbWE7cqx4J58M8aA3QTfW+2UlQ4psvTX9IO1RfNVhK3pcpdjej7L+t2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.19",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.19.tgz",
@@ -3724,6 +3734,38 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.3.tgz",
+      "integrity": "sha512-XRnlbKMTmktBkjCLE8/XcZFlnHvr2Ltdr1eJX4idL55/9BbORzyZEaIkBFDhFGCEWBBItsVrDxwx3gnisMitdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.3",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.3.tgz",
+      "integrity": "sha512-pxPcv1AczD4vso7G4Z3TKcvlxK7g7TNt3/FNGMhfqyntocvYKj+GCatfigGDjbLozC4baguJ0ReCigoDJXb0ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.2",
+        "react-router": "6.30.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
diff --git a/package.json b/package.json
index d5cc3ca..ead5839 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,8 @@
     "lucide-react": "^0.344.0",
     "nodemailer": "^7.0.5",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.30.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
diff --git a/src/App.tsx b/src/App.tsx
index 57903c5..4701787 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,17 @@
+import { Navigate, Route, Routes } from 'react-router-dom';
+import LabExperimentPage from './lab/pages/LabExperimentPage';
+import LabIndexPage from './lab/pages/LabIndexPage';
 import HomePage from './pages/HomePage';
 
 function App() {
-  return <HomePage />;
+  return (
+    <Routes>
+      <Route path="/" element={<HomePage />} />
+      <Route path="/lab" element={<LabIndexPage />} />
+      <Route path="/lab/:slug" element={<LabExperimentPage />} />
+      <Route path="*" element={<Navigate to="/" replace />} />
+    </Routes>
+  );
 }
 
 export default App;
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 2ba90c1..e21cb43 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,16 +1,16 @@
 const navItems = [
-  { label: 'Work', href: '#work' },
-  { label: 'XR Performance Lab', href: '#xr-performance-lab' },
-  { label: 'Writing', href: '#writing' },
-  { label: 'About', href: '#about' },
-  { label: 'Contact', href: '#contact' }
+  { label: 'Work', href: '/#work' },
+  { label: 'XR Performance Lab', href: '/lab' },
+  { label: 'Writing', href: '/#writing' },
+  { label: 'About', href: '/#about' },
+  { label: 'Contact', href: '/#contact' }
 ];
 
 export default function Navbar() {
   return (
     <header className="sticky top-0 z-50 border-b border-slate-200/80 bg-white/90 backdrop-blur">
       <nav className="mx-auto flex w-full max-w-6xl items-center justify-between px-4 py-3 sm:px-6 lg:px-8">
-        <a href="#work" className="text-sm font-semibold tracking-tight text-slate-900">
+        <a href="/#work" className="text-sm font-semibold tracking-tight text-slate-900">
           Real-Time Performance
         </a>
         <div className="hidden items-center gap-6 md:flex">
diff --git a/src/lab/components/EvidenceGallery.tsx b/src/lab/components/EvidenceGallery.tsx
new file mode 100644
index 0000000..d84fb59
--- /dev/null
+++ b/src/lab/components/EvidenceGallery.tsx
@@ -0,0 +1,30 @@
+import type { EvidenceItem } from '../types';
+
+type EvidenceGalleryProps = {
+  evidence: EvidenceItem[];
+  title?: string;
+};
+
+export default function EvidenceGallery({ evidence, title = 'Evidence' }: EvidenceGalleryProps) {
+  return (
+    <section className="space-y-5">
+      <h2 className="text-xl font-semibold text-slate-900">{title}</h2>
+      <div className="space-y-8">
+        {evidence.map((item) => (
+          <article key={item.title} className="space-y-2">
+            <h3 className="text-base font-semibold text-slate-900">{item.title}</h3>
+            {item.description && <p className="text-sm text-slate-600">{item.description}</p>}
+            <img
+              src={item.imagePath}
+              alt={item.title}
+              loading="lazy"
+              decoding="async"
+              className="w-full rounded-lg border border-slate-200"
+            />
+            <p className="text-xs text-slate-500/90">{item.caption}</p>
+          </article>
+        ))}
+      </div>
+    </section>
+  );
+}
diff --git a/src/lab/components/ExperimentHeader.tsx b/src/lab/components/ExperimentHeader.tsx
new file mode 100644
index 0000000..7096306
--- /dev/null
+++ b/src/lab/components/ExperimentHeader.tsx
@@ -0,0 +1,14 @@
+import type { LabExperiment } from '../types';
+
+type ExperimentHeaderProps = Pick<LabExperiment, 'title' | 'subtitle' | 'lastUpdated' | 'context'>;
+
+export default function ExperimentHeader({ title, subtitle, lastUpdated, context }: ExperimentHeaderProps) {
+  return (
+    <header className="space-y-3 border-b border-slate-200 pb-6">
+      <h1 className="text-3xl font-semibold tracking-tight text-slate-900 sm:text-4xl">{title}</h1>
+      <p className="text-base text-slate-700">{subtitle}</p>
+      {lastUpdated && <p className="text-xs text-slate-500">Last updated: {lastUpdated}</p>}
+      {context && <p className="text-sm text-slate-600">{context}</p>}
+    </header>
+  );
+}
diff --git a/src/lab/components/ExperimentNav.tsx b/src/lab/components/ExperimentNav.tsx
new file mode 100644
index 0000000..90ffc5d
--- /dev/null
+++ b/src/lab/components/ExperimentNav.tsx
@@ -0,0 +1,11 @@
+import { Link } from 'react-router-dom';
+
+export default function ExperimentNav() {
+  return (
+    <div>
+      <Link to="/lab" className="text-sm text-slate-600 underline-offset-2 hover:text-cyan-700 hover:underline">
+        ← Back to Lab
+      </Link>
+    </div>
+  );
+}
diff --git a/src/lab/components/MetricsSummary.tsx b/src/lab/components/MetricsSummary.tsx
new file mode 100644
index 0000000..b11779c
--- /dev/null
+++ b/src/lab/components/MetricsSummary.tsx
@@ -0,0 +1,31 @@
+import type { LabMetricsSummary } from '../types';
+
+type MetricsSummaryProps = {
+  metrics: LabMetricsSummary;
+};
+
+export default function MetricsSummary({ metrics }: MetricsSummaryProps) {
+  return (
+    <section className="space-y-4">
+      <div className="flex flex-wrap items-center gap-3">
+        <h2 className="text-xl font-semibold text-slate-900">Metrics Summary</h2>
+        {metrics.headline && <span className="rounded-full border border-slate-300 px-3 py-1 text-xs text-slate-700">{metrics.headline}</span>}
+      </div>
+
+      <div className="grid grid-cols-1 gap-3 sm:grid-cols-1 lg:grid-cols-3">
+        {metrics.rows.map((row) => (
+          <div key={row.label} className="rounded-xl border border-slate-200 bg-white p-4">
+            <p className="text-xs uppercase tracking-wide text-slate-500">{row.label}</p>
+            <p className="mt-2 text-xl font-semibold text-slate-900">{row.value}</p>
+            {row.hint && <p className="mt-1 text-xs text-slate-600">{row.hint}</p>}
+          </div>
+        ))}
+      </div>
+
+      <p className="text-sm text-slate-700">
+        <span className="font-semibold text-slate-900">Bottleneck:</span> {metrics.bottleneck}
+        {metrics.bottleneckDetail ? ` — ${metrics.bottleneckDetail}` : ''}
+      </p>
+    </section>
+  );
+}
diff --git a/src/lab/components/TechnicalTakeaways.tsx b/src/lab/components/TechnicalTakeaways.tsx
new file mode 100644
index 0000000..92f01d0
--- /dev/null
+++ b/src/lab/components/TechnicalTakeaways.tsx
@@ -0,0 +1,16 @@
+type TechnicalTakeawaysProps = {
+  takeaways: string[];
+};
+
+export default function TechnicalTakeaways({ takeaways }: TechnicalTakeawaysProps) {
+  return (
+    <section className="space-y-3">
+      <h2 className="text-xl font-semibold text-slate-900">Technical Takeaways</h2>
+      <ul className="list-disc space-y-2 pl-5 text-sm text-slate-700 marker:text-slate-500">
+        {takeaways.slice(0, 5).map((takeaway) => (
+          <li key={takeaway}>{takeaway}</li>
+        ))}
+      </ul>
+    </section>
+  );
+}
diff --git a/src/lab/data/experiments.ts b/src/lab/data/experiments.ts
new file mode 100644
index 0000000..e442158
--- /dev/null
+++ b/src/lab/data/experiments.ts
@@ -0,0 +1,50 @@
+import type { LabExperiment } from '../types';
+
+export const labExperiments: LabExperiment[] = [
+  {
+    slug: 'overdraw',
+    title: 'Overdraw Stress Test',
+    subtitle: 'Transparent Stacking',
+    lastUpdated: '2026-02-25',
+    context: 'Controlled transparency stacking to quantify overdraw cost under XR-style fragment pressure.',
+    metrics: {
+      headline: 'RenderLoop (GPU)',
+      rows: [
+        { label: 'Baseline Render', value: '6.37 ms' },
+        { label: 'Overdraw Render', value: '13.64 ms' },
+        { label: 'Delta', value: '+7.27 ms', hint: 'CPU stable ~0.5 ms' }
+      ],
+      bottleneck: 'GPU-bound',
+      bottleneckDetail: 'Fragment / overdraw (alpha blending)'
+    },
+    evidence: [
+      {
+        title: 'Unity Profiler Comparison',
+        description: 'Baseline and stress comparison under identical scene conditions.',
+        imagePath: '/lab/Overdraw_CPU_RenderThread_Comparison.png',
+        caption: 'Baseline render at 6.37 ms versus overdraw render at 13.64 ms with CPU stable near 0.5 ms.'
+      },
+      {
+        title: 'Frame Debugger Transparent Pass',
+        description: 'Transparent pass breakdown during stacked alpha rendering.',
+        imagePath: '/lab/Overdraw_FrameDebugger_TransparentPass.png',
+        caption: 'Transparent pass cost rises sharply as layered alpha surfaces multiply fragment processing.'
+      },
+      {
+        title: 'Experiment Summary Capture',
+        description: 'Consolidated capture of profiler and debugging evidence.',
+        imagePath: '/lab/Overdraw_Experiment_Summary.png',
+        caption: 'Summary view confirms the fragment bottleneck signature under controlled overdraw stress.'
+      }
+    ],
+    takeaways: [
+      'Transparency reduces early-Z effectiveness; stacked layers multiply fragment work.',
+      'XR stereo amplifies overdraw cost (per-eye fragment workload).',
+      'SrcAlpha/OneMinusSrcAlpha blending behaves as a fill-rate multiplier under stacking.',
+      'Mitigation: reduce transparent layers, convert to opaque/cutout, constrain stacking.'
+    ]
+  }
+];
+
+export const getExperimentBySlug = (slug: string): LabExperiment | undefined =>
+  labExperiments.find((experiment) => experiment.slug === slug);
diff --git a/src/lab/pages/LabExperimentPage.tsx b/src/lab/pages/LabExperimentPage.tsx
new file mode 100644
index 0000000..cef540e
--- /dev/null
+++ b/src/lab/pages/LabExperimentPage.tsx
@@ -0,0 +1,35 @@
+import { Navigate, useParams } from 'react-router-dom';
+import Navbar from '../../components/Navbar';
+import EvidenceGallery from '../components/EvidenceGallery';
+import ExperimentHeader from '../components/ExperimentHeader';
+import ExperimentNav from '../components/ExperimentNav';
+import MetricsSummary from '../components/MetricsSummary';
+import TechnicalTakeaways from '../components/TechnicalTakeaways';
+import { getExperimentBySlug } from '../data/experiments';
+
+export default function LabExperimentPage() {
+  const { slug } = useParams<{ slug: string }>();
+  const experiment = slug ? getExperimentBySlug(slug) : undefined;
+
+  if (!experiment) {
+    return <Navigate to="/lab" replace />;
+  }
+
+  return (
+    <div className="min-h-screen bg-site-pattern text-slate-900">
+      <Navbar />
+      <main className="mx-auto flex max-w-5xl flex-col gap-10 px-4 py-12 sm:px-6 lg:px-8">
+        <ExperimentNav />
+        <ExperimentHeader
+          title={experiment.title}
+          subtitle={experiment.subtitle}
+          lastUpdated={experiment.lastUpdated}
+          context={experiment.context}
+        />
+        <MetricsSummary metrics={experiment.metrics} />
+        <EvidenceGallery evidence={experiment.evidence} title="Evidence (Profiler + Captures)" />
+        <TechnicalTakeaways takeaways={experiment.takeaways} />
+      </main>
+    </div>
+  );
+}
diff --git a/src/lab/pages/LabIndexPage.tsx b/src/lab/pages/LabIndexPage.tsx
new file mode 100644
index 0000000..b8ab8df
--- /dev/null
+++ b/src/lab/pages/LabIndexPage.tsx
@@ -0,0 +1,51 @@
+import { Link } from 'react-router-dom';
+import Navbar from '../../components/Navbar';
+import ResultsTable from '../../components/ResultsTable';
+import { performanceResults } from '../../data/performanceResults';
+import { labExperiments } from '../data/experiments';
+
+export default function LabIndexPage() {
+  return (
+    <div className="min-h-screen bg-site-pattern text-slate-900">
+      <Navbar />
+      <main className="mx-auto max-w-6xl space-y-10 px-4 py-12 sm:px-6 lg:px-8">
+        <section className="space-y-3">
+          <h1 className="text-3xl font-semibold tracking-tight text-slate-900 sm:text-4xl">XR Performance Lab</h1>
+          <p className="text-sm text-slate-700">
+            Controlled experiment index for profiling bottlenecks in XR rendering pipelines.
+          </p>
+        </section>
+
+        <section className="space-y-4">
+          <h2 className="text-xl font-semibold text-slate-900">Experiments</h2>
+          <div className="space-y-3">
+            {labExperiments.map((experiment) => (
+              <Link
+                key={experiment.slug}
+                to={`/lab/${experiment.slug}`}
+                className="block rounded-xl border border-slate-200 bg-white p-4 transition hover:border-cyan-700"
+              >
+                <p className="text-lg font-semibold text-slate-900">
+                  {experiment.title} <span className="font-normal text-slate-700">({experiment.subtitle})</span>
+                </p>
+                <p className="mt-1 text-sm text-slate-700">
+                  Bottleneck: {experiment.metrics.bottleneck}
+                  {experiment.metrics.bottleneckDetail ? ` — ${experiment.metrics.bottleneckDetail}` : ''}
+                </p>
+                {experiment.lastUpdated && <p className="mt-2 text-xs text-slate-500">Last updated: {experiment.lastUpdated}</p>}
+              </Link>
+            ))}
+          </div>
+        </section>
+
+        <section className="space-y-4">
+          <div>
+            <h2 className="text-xl font-semibold text-slate-900">Published Results</h2>
+            <p className="text-xs text-slate-500">Aggregated benchmark table for all tracked runs.</p>
+          </div>
+          <ResultsTable rows={performanceResults} />
+        </section>
+      </main>
+    </div>
+  );
+}
diff --git a/src/lab/types.ts b/src/lab/types.ts
new file mode 100644
index 0000000..ae52d75
--- /dev/null
+++ b/src/lab/types.ts
@@ -0,0 +1,32 @@
+export type BottleneckType = 'GPU-bound' | 'CPU-bound' | 'Balanced' | 'Unknown';
+
+export type LabMetricRow = {
+  label: string;
+  value: string;
+  hint?: string;
+};
+
+export type LabMetricsSummary = {
+  headline?: string;
+  rows: LabMetricRow[];
+  bottleneck: BottleneckType;
+  bottleneckDetail?: string;
+};
+
+export type EvidenceItem = {
+  title: string;
+  description?: string;
+  imagePath: string;
+  caption: string;
+};
+
+export type LabExperiment = {
+  slug: string;
+  title: string;
+  subtitle: string;
+  lastUpdated?: string;
+  context?: string;
+  metrics: LabMetricsSummary;
+  evidence: EvidenceItem[];
+  takeaways: string[];
+};
diff --git a/src/main.tsx b/src/main.tsx
index ea9e363..6eeea30 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,10 +1,13 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App.tsx';
 import './index.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </StrictMode>
 );
diff --git a/src/sections/XRLabSection.tsx b/src/sections/XRLabSection.tsx
index 739c5bb..ccf4b33 100644
--- a/src/sections/XRLabSection.tsx
+++ b/src/sections/XRLabSection.tsx
@@ -1,92 +1,40 @@
-import EvidenceCard from '../components/EvidenceCard';
-import ExperimentAccordion from '../components/ExperimentAccordion';
-import ResultsTable from '../components/ResultsTable';
+import { Link } from 'react-router-dom';
 import SectionHeading from '../components/SectionHeading';
-import { performanceResults } from '../data/performanceResults';
-import { xrExperiments, xrLabConfig } from '../data/xrLab';
-
-const evidenceItems = [
-  {
-    title: 'Unity Profiler (CPU / Main Thread)',
-    description: 'Main-thread frame budget and scheduling behavior capture.',
-    imagePath: '/lab/Overdraw_CPU_RenderThread_Comparison.png',
-    caption:
-      'Baseline vs overdraw comparison. CPU remains ~0.5 ms while render thread increases from 6.37 ms to 13.64 ms under identical scene conditions.'
-  },
-  {
-    title: 'Unity Profiler (GPU / Render Thread)',
-    description: 'GPU frame cost and render-thread contribution snapshot.',
-    imagePath: '/lab/Overdraw_FrameDebugger_TransparentPass.png',
-    caption:
-      'Render-thread dominated under overdraw stress. Transparent stacking doubled fragment workload, increasing GPU cost by ~7 ms.'
-  },
-  {
-    title: 'Frame Debugger / RenderDoc Capture',
-    description: 'Pass-level evidence for overdraw and submission behavior.',
-    imagePath: '/lab/Overdraw_Experiment_Summary.png',
-    caption:
-      '201 sequential transparent draw calls (ZWrite Off). Fragment workload scales linearly with stacked layers.'
-  }
-];
+import { labExperiments } from '../lab/data/experiments';
 
 export default function XRLabSection() {
-  const lastUpdated = new Date().toLocaleDateString();
-
   return (
     <section id="xr-performance-lab" className="mx-auto max-w-6xl px-4 py-12 sm:px-6 lg:px-8">
       <SectionHeading
         eyebrow="Core Focus"
         title="XR Performance Stress Lab"
-        subtitle="Benchmarking lab to measure overdraw, MSAA cost, instancing vs batching, CPU stress, and frame pacing stability under controlled workloads."
+        subtitle="Engineering-grade profiling experiments for overdraw, MSAA cost, instancing, and frame pacing under controlled workloads."
       />
-      <div className="mb-8 rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
-        <div className="flex flex-wrap items-center gap-3">
-          <span className="rounded-full bg-cyan-100 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-cyan-800">
-            Status: {xrLabConfig.status}
-          </span>
-          <span className="rounded-full border border-slate-200 px-3 py-1 text-xs font-medium text-slate-700">
-            Target: {xrLabConfig.target}
-          </span>
-        </div>
-        <p className="mt-3 text-xs text-slate-600">Baseline and overdraw stress milestones are now published with validated measurements.</p>
-      </div>
 
-      <div className="space-y-10">
-        <div>
-          <h3 className="mb-4 text-xl font-semibold text-slate-900">Experiments</h3>
-          <ExperimentAccordion experiments={xrExperiments} />
-        </div>
-
-        <div>
-          <h3 className="mb-2 text-xl font-semibold text-slate-900">Published Results</h3>
-          <p className="mb-4 text-xs text-slate-500">Last updated: {lastUpdated}</p>
-          <ResultsTable rows={performanceResults} />
-          <div className="mt-4 space-y-2 rounded-2xl border border-slate-200 bg-slate-50 p-4 text-sm text-slate-700">
-            <p className="font-semibold text-slate-900">Notes</p>
-            {performanceResults.map((result) => (
-              <p key={`${result.name}-notes`}>
-                <span className="font-medium text-slate-900">{result.name}:</span> {result.notes}
+      <div className="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
+        <h3 className="text-xl font-semibold text-slate-900">Latest Experiments</h3>
+        <div className="mt-4 space-y-3">
+          {labExperiments.map((experiment) => (
+            <Link
+              key={experiment.slug}
+              to={`/lab/${experiment.slug}`}
+              className="block rounded-xl border border-slate-200 p-4 transition hover:border-cyan-700"
+            >
+              <p className="text-sm font-semibold text-slate-900">
+                {experiment.title} <span className="font-normal text-slate-600">({experiment.subtitle})</span>
               </p>
-            ))}
-          </div>
-        </div>
-
-        <div>
-          <h3 className="mb-4 text-xl font-semibold text-slate-900">Evidence (Profiler + Captures)</h3>
-          <div className="grid gap-4 md:grid-cols-3">
-            {evidenceItems.map((item) => (
-              <EvidenceCard key={item.title} title={item.title} description={item.description} imagePath={item.imagePath} caption={item.caption} />
-            ))}
-          </div>
+              <p className="mt-1 text-xs text-slate-600">
+                {experiment.metrics.bottleneck}
+                {experiment.metrics.bottleneckDetail ? ` — ${experiment.metrics.bottleneckDetail}` : ''}
+              </p>
+            </Link>
+          ))}
         </div>
 
-        <div className="flex flex-wrap gap-3">
-          <a href="https://github.com/JamesDeRaja/XRPerformanceLab" className="rounded-xl bg-cyan-600 px-5 py-3 text-sm font-medium text-white hover:bg-cyan-700">
-            GitHub Repo
-          </a>
-          <a href="https://example.com/demo-video" className="rounded-xl border border-slate-300 bg-white px-5 py-3 text-sm font-medium text-slate-800 hover:border-cyan-600 hover:text-cyan-700">
-            Demo Video
-          </a>
+        <div className="mt-5">
+          <Link to="/lab" className="text-sm font-medium text-cyan-700 underline-offset-2 hover:underline">
+            Open full lab overview →
+          </Link>
         </div>
       </div>
     </section>
diff --git a/vercel.json b/vercel.json
new file mode 100644
index 0000000..3a48e56
--- /dev/null
+++ b/vercel.json
@@ -0,0 +1,3 @@
+{
+  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
+}