diff --git a/src/app/cards/page.tsx b/src/app/cards/page.tsx
new file mode 100644
index 0000000..2778fea
--- /dev/null
+++ b/src/app/cards/page.tsx
@@ -0,0 +1,21 @@
+import Link from 'next/link'
+import { CardList } from '@/components/card-list'
+
+export const metadata = { title: 'Cartes' }
+
+export default function CardsPage() {
+  return (
+    <main className="mx-auto max-w-3xl px-4 py-8">
+      <div className="mb-6 flex items-center justify-between">
+        <h1 className="text-2xl font-bold text-slate-900">Cartes</h1>
+        <Link
+          href="/cards/new"
+          className="rounded-lg bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700"
+        >
+          Nouvelle carte
+        </Link>
+      </div>
+      <CardList />
+    </main>
+  )
+}