add ai chat at circle button in right bottom corner

index.html

@@ -155,10 +155,22 @@
             <p>&copy; 2023 Daniel's IT Consulting. All rights reserved.</p>
         </div>
     </footer>
+    <!-- AI Chat Button -->
+    <div class="fixed bottom-6 right-6">
+        <button id="chatButton" class="bg-orange-500 hover:bg-orange-600 text-white rounded-full p-4 shadow-lg transition duration-300">
+            <i data-feather="message-circle" class="w-6 h-6"></i>
+        </button>
+    </div>
 
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script>
         feather.replace();
+        
+        // Chat button functionality
+        document.getElementById('chatButton').addEventListener('click', function() {
+            // Replace this with your actual chat implementation
+            alert('AI Chat feature will be implemented here!');
+        });
     </script>
 </body>
 </html>