initial version

src/app/page.tsx

@@ -0,0 +1,29 @@
+import { getLibraries } from '@/lib/libraries'
+import LibraryCard from '@/components/LibraryCard'
+
+export default function HomePage() {
+  const libraries = getLibraries()
+
+  return (
+    <div>
+      <h1 className="text-2xl font-semibold mb-1" style={{ color: 'var(--text-primary)' }}>
+        Libraries
+      </h1>
+      <p className="text-sm mb-8" style={{ color: 'var(--text-secondary)' }}>
+        {libraries.length} {libraries.length === 1 ? 'library' : 'libraries'} configured
+      </p>
+      {libraries.length === 0 ? (
+        <div className="rounded-lg border p-12 text-center" style={{ borderColor: 'var(--border)', color: 'var(--text-secondary)' }}>
+          <p className="text-lg mb-2">No libraries configured</p>
+          <p className="text-sm">Add entries to <code className="font-mono text-xs px-1 py-0.5 rounded" style={{ background: 'var(--surface)' }}>libraries.json</code> to get started.</p>
+        </div>
+      ) : (
+        <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+          {libraries.map((lib) => (
+            <LibraryCard key={lib.id} library={lib} />
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}