can you put an ai thats solely focuused on anything emergency and helping into the chatbot on the website?

index.html

@@ -221,31 +221,44 @@
             waveSpeed: 0.75,
             zoom: 0.8
         });
-
-        // Chat functionality
+        // Chat functionality with AI integration
         const chatContainer = document.getElementById('chat-container');
         const userInput = document.getElementById('user-input');
         const sendBtn = document.getElementById('send-btn');
         const emergencyBtn = document.getElementById('emergency-btn');
 
-        const responses = {
-            "heart attack": {
-                message: "If you suspect a heart attack: 1. Call 911 immediately. 2. Have the person sit down and rest. 3. If prescribed, help them take nitroglycerin. 4. Give aspirin if not allergic. 5. Perform CPR if they become unresponsive.",
-                resources: ["heart-attack-first-aid", "cpr-guide"]
-            },
-            "fire": {
-                message: "In case of fire: 1. Get everyone out immediately. 2. Call 911. 3. If safe, close doors behind you. 4. Stay low if there's smoke. 5. Never use elevators. 6. If clothes catch fire, stop-drop-roll.",
-                resources: ["fire-safety", "emergency-evacuation"]
-            },
-            "earthquake": {
-                message: "During an earthquake: 1. Drop to the ground. 2. Take cover under sturdy furniture. 3. Hold on until shaking stops. 4. Stay indoors until safe. 5. Be prepared for aftershocks.",
-                resources: ["earthquake-preparedness", "disaster-kit"]
-            },
-            "default": {
-                message: "For your emergency: 1. Stay calm. 2. Call 911 if life-threatening. 3. Move to a safe location if possible. 4. Provide first aid if trained. 5. Wait for professional help.",
-                resources: ["general-emergency", "first-aid-basics"]
+        // Emergency AI chatbot
+        async function getAIResponse(userMessage) {
+            try {
+                const response = await fetch('https://api-inference.huggingface.co/models/facebook/blenderbot-400M-distill', {
+                    method: 'POST',
+                    headers: {
+                        'Authorization': 'Bearer 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',
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify({
+                        inputs: {
+                            text: `You are an emergency response AI assistant. The user says: "${userMessage}". Provide concise emergency guidance, first aid steps, and safety instructions. Prioritize life-saving actions and official recommendations.`,
+                            parameters: {
+                                max_length: 200,
+                                temperature: 0.7,
+                                do_sample: true
+                            }
+                        }
+                    })
+                });
+
+                if (!response.ok) {
+                    throw new Error('AI service unavailable');
+                }
+
+                const data = await response.json();
+                return data.generated_text || "I can't provide specific medical advice. Please call emergency services immediately if this is a life-threatening situation.";
+            } catch (error) {
+                console.error('AI Error:', error);
+                return "Emergency response AI is currently unavailable. For immediate help, please call 911 or your local emergency number.";
             }
-        };
+        }
 
         function addMessage(sender, message) {
             const messageDiv = document.createElement('div');
@@ -262,58 +275,99 @@
             chatContainer.scrollTop = chatContainer.scrollHeight;
         }
 
-        function getResponse(input) {
-            input = input.toLowerCase();
-            
-            for (const keyword in responses) {
-                if (input.includes(keyword)) {
-                    return responses[keyword];
-                }
-            }
-            
-            return responses['default'];
-        }
-
-        sendBtn.addEventListener('click', () => {
+        sendBtn.addEventListener('click', async () => {
             const message = userInput.value.trim();
             if (message) {
                 addMessage('user', message);
                 userInput.value = '';
                 
-                // Simulate typing delay
-                setTimeout(() => {
-                    const response = getResponse(message);
-                    addMessage('assistant', response.message);
+                // Show typing indicator
+                const typingIndicator = document.createElement('div');
+                typingIndicator.classList.add('mb-4', 'max-w-xs', 'rounded-lg', 'p-4', 'bg-red-100', 'mr-auto');
+                typingIndicator.innerHTML = '<p class="text-gray-500">Emergency AI is responding...</p>';
+                chatContainer.appendChild(typingIndicator);
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+                
+                try {
+                    const aiResponse = await getAIResponse(message);
+                    chatContainer.removeChild(typingIndicator);
+                    addMessage('assistant', aiResponse);
                     
-                    // Add resources
-                    setTimeout(() => {
-                        const resourcesDiv = document.createElement('div');
-                        resourcesDiv.classList.add('mt-4', 'p-4', 'bg-gray-100', 'rounded-lg');
-                        resourcesDiv.innerHTML = `
-                            <p class="font-semibold mb-2">Helpful resources:</p>
-                            <ul class="list-disc pl-5">
-                                ${response.resources.map(r => `<li><a href="#" class="text-red-600 hover:underline">${r.replace(/-/g, ' ')}</a></li>`).join('')}
-                            </ul>
-                        `;
-                        chatContainer.appendChild(resourcesDiv);
-                        chatContainer.scrollTop = chatContainer.scrollHeight;
-                    }, 500);
-                }, 1000);
+                    // Always remind to call 911 if serious
+                    if (message.toLowerCase().includes('emergency') || 
+                        message.toLowerCase().includes('help') || 
+                        message.toLowerCase().includes('911')) {
+                        setTimeout(() => {
+                            addMessage('assistant', '⚠️ If this is a life-threatening emergency, please call 911 immediately while waiting for further instructions.');
+                        }, 500);
+                    }
+                } catch (error) {
+                    chatContainer.removeChild(typingIndicator);
+                    addMessage('assistant', "I'm having trouble connecting to the emergency AI. Please call 911 if you need immediate help.");
+                }
             }
         });
-
-        userInput.addEventListener('keypress', (e) => {
+        userInput.addEventListener('keypress', async (e) => {
             if (e.key === 'Enter') {
                 sendBtn.click();
             }
         });
 
+        // Emergency protocols database
+        const emergencyProtocols = {
+            "medical": [
+                "Call 911 immediately for life-threatening conditions",
+                "Check ABCs (Airway, Breathing, Circulation)",
+                "Perform CPR if trained and needed",
+                "Stop any bleeding with direct pressure",
+                "Do not move injured person unless in danger"
+            ],
+            "fire": [
+                "Get out immediately and call 911",
+                "Stay low to avoid smoke inhalation",
+                "Test doors for heat before opening",
+                "Use stairs, never elevators",
+                "Stop-drop-roll if clothes catch fire"
+            ],
+            "natural disaster": [
+                "Follow official evacuation orders",
+                "Move to higher ground for floods",
+                "Take cover under sturdy furniture for earthquakes",
+                "Go to interior room for tornadoes",
+                "Have emergency supplies ready"
+            ]
+        };
         emergencyBtn.addEventListener('click', () => {
-            addMessage('assistant', 'Calling emergency services (simulated). For real emergencies, please dial 911 immediately.');
+            addMessage('assistant', '🚨 EMERGENCY PROTOCOL ACTIVATED 🚨');
+            setTimeout(() => {
+                addMessage('assistant', '1. Call 911 immediately if you can');
+                setTimeout(() => {
+                    addMessage('assistant', '2. Your location is being determined (enable location services)');
+                    setTimeout(() => {
+                        addMessage('assistant', '3. Stay on the line with emergency services');
+                        setTimeout(() => {
+                            addMessage('assistant', '4. Follow all instructions from dispatcher');
+                            setTimeout(() => {
+                                addMessage('assistant', '5. Help is on the way - stay calm and safe');
+                            }, 1000);
+                        }, 1000);
+                    }, 1000);
+                }, 1000);
+            }, 500);
         });
-
         // Initialize feather icons
         feather.replace();
-    </script>
+
+        // Add disclaimer
+        setTimeout(() => {
+            const disclaimer = document.createElement('div');
+            disclaimer.classList.add('mt-4', 'p-4', 'bg-yellow-100', 'rounded-lg', 'text-sm', 'text-gray-700');
+            disclaimer.innerHTML = `
+                <p><strong>Important:</strong> This AI assistant provides general emergency guidance only and is not a substitute for professional medical help. Always call 911 for life-threatening emergencies.</p>
+            `;
+            chatContainer.appendChild(disclaimer);
+            chatContainer.scrollTop = chatContainer.scrollHeight;
+        }, 3000);
+</script>
 </body>
 </html>