𓂀𓁢𓋹𝔸ℕ𝕌𝔹𝕀𝕊𓋹𓁢𓂀 - Intelligent Guidance for

<footer class="bg-slate-900 border-t border-slate-700 py-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid md:grid-cols-5 gap-8"> <!-- Main Brand Section --> <div class="col-span-2"> <div class="flex items-center space-x-3 mb-4"> <span class="text-4xl">𓂀</span> <span class="font-bold text-2xl gradient-text">Anubis</span> </div> <p class="text-slate-300 mb-6"> Transform your AI agent with three intelligent pillars: Structured Guidance, Perfect Memory, and Beautiful Analytics. </p> <div class="flex items-center space-x-6 mb-6"> <div class="text-center"> <div class="text-2xl font-bold text-blue-400">30-50%</div> <div class="text-xs text-slate-400">Faster</div> </div> <div class="text-center"> <div class="text-2xl font-bold text-green-400">100%</div> <div class="text-xs text-slate-400">Context</div> </div> <div class="text-center"> <div class="text-2xl font-bold text-purple-400">5x</div> <div class="text-xs text-slate-400">Visibility</div> </div> </div> <div class="flex space-x-4"> <a href="https://github.com/Hive-Academy/Anubis-MCP" class="text-slate-400 hover:text-white transition-colors"> <i class="fab fa-github text-2xl"></i> </a> <a href="https://www.npmjs.com/package/@hive-academy/anubis" class="text-slate-400 hover:text-white transition-colors"> <i class="fab fa-npm text-2xl"></i> </a> <a href="https://hub.docker.com/r/hiveacademy/anubis" class="text-slate-400 hover:text-white transition-colors"> <i class="fab fa-docker text-2xl"></i> </a> </div> </div> <!-- Three Pillars --> <div> <h4 class="font-semibold mb-4 text-blue-400">🎯 Intelligent Guidance</h4> <ul class="space-y-2 text-sm text-slate-300"> <li><a href="#three-pillars" class="hover:text-blue-400 transition-colors">Step-by-Step Wisdom</a></li> <li><a href="#workflow-showcase" class="hover:text-blue-400 transition-colors">Quality Gates</a></li> <li><a href="#how-it-works" class="hover:text-blue-400 transition-colors">Role Specialization</a></li> <li><a href="#getting-started" class="hover:text-blue-400 transition-colors">MCP Tools</a></li> </ul> </div> <div> <h4 class="font-semibold mb-4 text-green-400">🔄 Seamless Transitions</h4> <ul class="space-y-2 text-sm text-slate-300"> <li><a href="#three-pillars" class="hover:text-green-400 transition-colors">Context Preservation</a></li> <li><a href="#workflow-showcase" class="hover:text-green-400 transition-colors">Role Handoffs</a></li> <li><a href="#how-it-works" class="hover:text-green-400 transition-colors">State Management</a></li> <li><a href="#getting-started" class="hover:text-green-400 transition-colors">Pause & Resume</a></li> </ul> </div> <div> <h4 class="font-semibold mb-4 text-purple-400">📊 Beautiful Reports</h4> <ul class="space-y-2 text-sm text-slate-300"> <li><a href="#three-pillars" class="hover:text-purple-400 transition-colors">Interactive Dashboards</a></li> <li><a href="#workflow-showcase" class="hover:text-purple-400 transition-colors">Progress Analytics</a></li> <li><a href="https://github.com/Hive-Academy/Anubis-MCP/tree/main/workflow-reports" class="hover:text-purple-400 transition-colors">Sample Reports</a></li> <li><a href="#getting-started" class="hover:text-purple-400 transition-colors">Export Options</a></li> </ul> </div> </div> <!-- Bottom Section --> <div class="border-t border-slate-700 mt-12 pt-8"> <div class="grid md:grid-cols-2 gap-8"> <div> <h5 class="font-semibold mb-3">Resources & Documentation</h5> <div class="flex flex-wrap gap-4 text-sm"> <a href="https://github.com/Hive-Academy/Anubis-MCP#readme" class="text-slate-400 hover:text-white transition-colors"> <i class="fas fa-book mr-1"></i>Documentation </a> <a href="https://github.com/Hive-Academy/Anubis-MCP/issues" class="text-slate-400 hover:text-white transition-colors"> <i class="fas fa-bug mr-1"></i>Report Issues </a> <a href="https://github.com/Hive-Academy/Anubis-MCP/discussions" class="text-slate-400 hover:text-white transition-colors"> <i class="fas fa-comments mr-1"></i>Community </a> <a href="https://github.com/Hive-Academy/Anubis-MCP/blob/main/LICENSE" class="text-slate-400 hover:text-white transition-colors"> <i class="fas fa-balance-scale mr-1"></i>MIT License </a> </div> </div> <div class="text-right"> <div class="inline-flex items-center px-4 py-2 rounded-full mb-3" style="background-color: rgba(245, 166, 35, 0.2); border: 1px solid rgba(245, 166, 35, 0.3);"> <i class="fas fa-certificate mr-2" style="color: var(--honey-amber)"></i> <span class="text-sm font-medium">MCP Protocol Compliant</span> </div> <p class="text-sm text-slate-400"> Built with NestJS v11 + Prisma v6.9<br> Enterprise-grade architecture for intelligent workflows </p> </div> </div> </div> <div class="text-center mt-8 text-slate-400"> <p>&copy; <span id="current-year">2024</span> Hive Academy. Open source under MIT License.</p> <p class="mt-2 text-sm"> Ancient rules meets modern architecture to transform AI development </p> <div class="mt-4 text-xs"> <span class="text-slate-500">Transform chaos into intelligent order</span> <span class="mx-2">•</span> <span class="text-honey-amber">𓂀𓁢𓋹𝔸ℕ𝕌𝔹𝕀𝕊𓋹𓁢𓂀</span> </div> </div> </div> </footer> <script> // Update current year document.getElementById('current-year').textContent = new Date().getFullYear(); </script>