Update app.py

app.py

@@ -81,3 +81,49 @@ submit_button = st.button("Ask")
 if submit_button and component_name:
     response = get_gemini_response(component_name)
     st.write("**Bot:**", response)
+
+
+
+# Footer HTML code
+footer_with_image_light_blue = """
+<style>
+    .footer {
+        padding: 20px;
+        text-align: center;
+        background-color: #f0f0f0;
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+    }
+    .line {
+        border-top: 1px solid #ddd;
+        margin: 10px 0;
+    }
+    .connect-text {
+        font-size: 18px;
+        margin-bottom: 10px;
+    }
+    .footer img {
+        margin: 0 10px;
+    }
+    .powered-by {
+        font-size: 14px;
+        color: #888;
+    }
+</style>
+
+<div class="footer">
+    <div class="line"></div>
+    <div class="connect-text">Connect with me at</div>
+    <a href="https://github.com/FasilHameed" target="_blank"><img src="https://img.icons8.com/plasticine/30/000000/github.png" alt="GitHub"></a>
+    <a href="https://www.linkedin.com/in/faisal--hameed/" target="_blank"><img src="https://img.icons8.com/plasticine/30/000000/linkedin.png" alt="LinkedIn"></a>
+    <a href="tel:+917006862681"><img src="https://img.icons8.com/plasticine/30/000000/phone.png" alt="Phone"></a>
+    <a href="mailto:faisalhameed763@gmail.com"><img src="https://img.icons8.com/plasticine/30/000000/gmail.png" alt="Gmail"></a>
+    <div class="line"></div>
+    <div class="powered-by">Powered By <img src="https://img.icons8.com/clouds/30/000000/gemini.png" alt="Gemini"> Gemini 💫 and Streamlit 🚀</div>
+</div>
+"""
+
+# Render Footer
+st.markdown(footer_with_image_light_blue, unsafe_allow_html=True)