index.html should be awesome and have navigation buttons to other pages such as landing page and ml_prospectinh

index.html

@@ -58,7 +58,6 @@
         <div class="absolute top-1/3 left-20 w-72 h-72 bg-secondary rounded-full mix-blend-multiply filter blur-xl opacity-20 animate-blob animation-delay-2000"></div>
         <div class="absolute bottom-20 right-1/3 w-60 h-60 bg-primary rounded-full mix-blend-multiply filter blur-xl opacity-25 animate-blob animation-delay-4000"></div>
     </div>
-
     <div class="relative z-10 container mx-auto px-4 py-8 max-w-4xl">
         <!-- Header -->
         <header class="flex justify-between items-center mb-10">
@@ -68,10 +67,12 @@
                 </div>
                 <h1 class="text-2xl font-bold text-gray-800">Prospect AI Virtual Assistant</h1>
             </div>
-            <a href="#" class="text-sm text-gray-500 hover:text-primary transition">Images from Unsplash</a>
+            <div class="flex space-x-4">
+                <a href="landing.html" class="text-sm text-gray-500 hover:text-primary transition">Home</a>
+                <a href="ml-prospecting.html" class="text-sm text-gray-500 hover:text-primary transition">ML Prospecting</a>
+            </div>
         </header>
-
-        <!-- Main Chat Container -->
+<!-- Main Chat Container -->
         <main class="bg-white rounded-2xl shadow-xl overflow-hidden">
             <!-- Chat Window -->
             <div class="chat-container p-6" id="chatContainer">
@@ -160,12 +161,18 @@
                 </div>
             </div>
         </section>
-
         <!-- Footer -->
         <footer class="mt-12 text-center text-gray-500 text-sm">
             <p>© 2025 Prospect AI • Images from Unsplash</p>
+            <div class="mt-2">
+                <a href="landing.html" class="text-gray-500 hover:text-primary transition mr-4">Home</a>
+                <a href="training.html" class="text-gray-500 hover:text-primary transition mr-4">Training</a>
+                <a href="ml-prospecting.html" class="text-gray-500 hover:text-primary transition mr-4">ML Prospecting</a>
+                <a href="crewai-enrichment.html" class="text-gray-500 hover:text-primary transition mr-4">CrewAI Enrichment</a>
+                <a href="hybrid-prospecting.html" class="text-gray-500 hover:text-primary transition">Hybrid Prospecting</a>
+            </div>
         </footer>
-    </div>
+</div>
 
     <script>
         feather.replace();