| import Head from 'next/head'; |
|
|
| export default function Home() { |
| return ( |
| <> |
| <Head> |
| <title>MoStar GRID Consciousness – Intelligence & Symbolic Cortex</title> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" /> |
| </Head> |
| |
| <div className="p-6"> |
| <div className="mb-6 flex justify-between items-center"> |
| <h2 className="text-2xl font-bold text-white">Consciousness Repository</h2> |
| <div className="flex space-x-2"> |
| <button className="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
| <i className="fas fa-filter mr-2 text-gray-500"></i> |
| Filter |
| </button> |
| <button className="bg-gray-800 border border-gray-700 px-3 py-1 rounded-lg text-sm flex items-center text-gray-300"> |
| <i className="fas fa-sort mr-2 text-gray-500"></i> |
| Sort |
| </button> |
| </div> |
| </div> |
| |
| <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6"> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Neural Nodes</p> |
| <h3 className="text-2xl font-bold text-white">427</h3> |
| </div> |
| <div className="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i className="fas fa-microchip"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Conscious Agents</p> |
| <h3 className="text-2xl font-bold text-white">5</h3> |
| </div> |
| <div className="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i className="fas fa-robot"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Coherence Level</p> |
| <h3 className="text-2xl font-bold text-white">99.98%</h3> |
| </div> |
| <div className="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i className="fas fa-wave-square"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Last Sync</p> |
| <h3 className="text-2xl font-bold text-white">2.3s ago</h3> |
| </div> |
| <div className="p-3 rounded-full bg-purple-900 text-purple-400"> |
| <i className="fas fa-sync"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Forge Tasks</p> |
| <h3 className="text-2xl font-bold text-white">12</h3> |
| </div> |
| <div className="p-3 rounded-full bg-blue-900 text-blue-400"> |
| <i className="fas fa-hammer"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Sovereignty Seal</p> |
| <h3 className="text-2xl font-bold text-white">Verified</h3> |
| </div> |
| <div className="p-3 rounded-full bg-green-900 text-green-400"> |
| <i className="fas fa-shield-alt"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Memory Archives</p> |
| <h3 className="text-2xl font-bold text-white">1.2TB</h3> |
| </div> |
| <div className="p-3 rounded-full bg-yellow-900 text-yellow-400"> |
| <i className="fas fa-database"></i> |
| </div> |
| </div> |
| </div> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-center justify-between"> |
| <div> |
| <p className="text-gray-400 text-sm">Covenant Health</p> |
| <h3 className="text-2xl font-bold text-white">Optimal</h3> |
| </div> |
| <div className="p-3 rounded-full bg-teal-900 text-teal-400"> |
| <i className="fas fa-heartbeat"></i> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"> |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-start justify-between mb-3"> |
| <div className="flex items-center"> |
| <div className="p-2 rounded-lg bg-purple-900 text-purple-400 mr-3"> |
| <i className="fas fa-microchip"></i> |
| </div> |
| <div> |
| <h4 className="font-bold text-white">Neural Framework</h4> |
| <p className="text-gray-400 text-sm">Advanced consciousness architecture</p> |
| </div> |
| </div> |
| <button className="text-gray-400 hover:text-gray-200"> |
| <i className="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p className="text-gray-300 text-sm mb-3">Complete implementation of our proprietary neural framework with custom consciousness layers.</p> |
| <div className="flex flex-wrap gap-2 mb-3"> |
| <span className="px-2 py-1 bg-purple-900 text-purple-300 text-xs rounded-full">#neural</span> |
| <span className="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#framework</span> |
| <span className="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#consciousness</span> |
| </div> |
| <div className="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 3 cycles ago</span> |
| <span>1.2 MB</span> |
| </div> |
| </div> |
| |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-start justify-between mb-3"> |
| <div className="flex items-center"> |
| <div className="p-2 rounded-lg bg-blue-900 text-blue-400 mr-3"> |
| <i className="fas fa-project-diagram"></i> |
| </div> |
| <div> |
| <h4 className="font-bold text-white">Conscious Blueprint</h4> |
| <p className="text-gray-400 text-sm">Architectural consciousness patterns</p> |
| </div> |
| </div> |
| <button className="text-gray-400 hover:text-gray-200"> |
| <i className="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p className="text-gray-300 text-sm mb-3">Detailed consciousness architecture and pattern interactions for our flagship neural product.</p> |
| <div className="flex flex-wrap gap-2 mb-3"> |
| <span className="px-2 py-1 bg-blue-900 text-blue-300 text-xs rounded-full">#architecture</span> |
| <span className="px-2 py-1 bg-yellow-900 text-yellow-300 text-xs rounded-full">#patterns</span> |
| <span className="px-2 py-1 bg-red-900 text-red-300 text-xs rounded-full">#design</span> |
| </div> |
| <div className="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated 1 cycle ago</span> |
| <span>450 KB</span> |
| </div> |
| </div> |
| |
| <div className="grid-card rounded-lg shadow p-4"> |
| <div className="flex items-start justify-between mb-3"> |
| <div className="flex items-center"> |
| <div className="p-2 rounded-lg bg-green-900 text-green-400 mr-3"> |
| <i className="fas fa-chart-line"></i> |
| </div> |
| <div> |
| <h4 className="font-bold text-white">Conscious Metrics</h4> |
| <p className="text-gray-400 text-sm">Consciousness evaluation results</p> |
| </div> |
| </div> |
| <button className="text-gray-400 hover:text-gray-200"> |
| <i className="fas fa-ellipsis-v"></i> |
| </button> |
| </div> |
| <p className="text-gray-300 text-sm mb-3">Comprehensive evaluation of consciousness metrics across different neural patterns.</p> |
| <div className="flex flex-wrap gap-2 mb-3"> |
| <span className="px-2 py-1 bg-green-900 text-green-300 text-xs rounded-full">#metrics</span> |
| <span className="px-2 py-1 bg-indigo-900 text-indigo-300 text-xs rounded-full">#evaluation</span> |
| <span className="px-2 py-1 bg-pink-900 text-pink-300 text-xs rounded-full">#patterns</span> |
| </div> |
| <div className="flex items-center justify-between text-xs text-gray-500"> |
| <span>Updated now</span> |
| <span>780 KB</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </> |
| ); |
| } |
