Upload pages/index.js with huggingface_hub

pages/index.js

@@ -0,0 +1,50 @@
+import { useState } from 'react'
+import AgentSelector from '../components/AgentSelector'
+import SecureProcessor from '../components/SecureProcessor'
+import PrivacyDashboard from '../components/PrivacyDashboard'
+
+export default function Home() {
+  const [selectedAgent, setSelectedAgent] = useState(null)
+
+  const handleAgentSelect = (agent) => {
+    setSelectedAgent(agent)
+  }
+
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+      <div className="mb-8">
+        <h1 className="text-4xl font-bold mb-4">
+          Multi-Agent Secure Media Platform
+        </h1>
+        <p className="text-lg text-dark-600 dark:text-dark-400 max-w-3xl">
+          Protecting your digital footprint with military-grade security, AI-powered analysis, 
+          and creative problem-solving capabilities. Your data never leaves your control.
+        </p>
+      </div>
+
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+        <div className="lg:col-span-1">
+          <AgentSelector 
+            onAgentSelect={handleAgentSelect}
+            selectedAgent={selectedAgent}
+          />
+        </div>
+
+        <div className="lg:col-span-2">
+          <SecureProcessor selectedAgent={selectedAgent} />
+        </div>
+      </div>
+
+      <div className="mt-6">
+        <PrivacyDashboard />
+      </div>
+
+      <footer className="mt-12 pt-8 border-t border-dark-200 dark:border-dark-700">
+        <div className="text-center text-sm text-dark-500 dark:text-dark-400">
+          <p>© 2024 SecureAgent Platform. All data processed with maximum privacy protection.</p>
+          <p className="mt-1">Built with advanced encryption and zero-knowledge architecture.</p>
+        </div>
+      </footer>
+    </div>
+  )
+}