Upload pages/index.js with huggingface_hub

pages/index.js

@@ -0,0 +1,39 @@
+import { useState } from 'react';
+import Header from '../components/Header';
+import Sidebar from '../components/Sidebar';
+import Dashboard from '../components/Dashboard';
+import NotebookParser from '../components/NotebookParser';
+import KnowledgeBase from '../components/KnowledgeBase';
+import BoardValidator from '../components/BoardValidator';
+import TrainingMonitor from '../components/TrainingMonitor';
+import Settings from '../components/Settings';
+
+const pages = {
+  dashboard: Dashboard,
+  parser: NotebookParser,
+  knowledge: KnowledgeBase,
+  board: BoardValidator,
+  training: TrainingMonitor,
+  settings: Settings,
+};
+
+export default function Home() {
+  const [activePage, setActivePage] = useState('dashboard');
+  const ActiveComponent = pages[activePage];
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <Header />
+      
+      <div className="container mx-auto px-4 py-6">
+        <div className="flex">
+          <Sidebar activePage={activePage} onNavigate={setActivePage} />
+          
+          <main className="flex-1">
+            <ActiveComponent />
+          </main>
+        </div>
+      </div>
+    </div>
+  );
+}