DSE-40107: Add feedback page in fine tunning studio

main.py

@@ -49,6 +49,7 @@ def setup_navigation():
         st.Page("pgs/export.py", title="Export Model"),
         st.Page("pgs/sample_ticketing_agent_app_embed.py", title="Sample Ticketing Agent App"),
         # st.Page("pgs/deploy.py", title="Deploy to Cloudera AI Inference"),
+        st.Page("pgs/feedback.py", title="Feedback"),
     ], position="hidden")
     pg.run()
 
@@ -87,7 +88,8 @@ def setup_sidebar():
 
         st.markdown("Examples")
         st.page_link("pgs/sample_ticketing_agent_app_embed.py", label="Ticketing Agent App", icon=":material/deployed_code:")
-
+        st.markdown("Feedback")
+        st.page_link("pgs/feedback.py", label="Feedback", icon=":material/feedback:")
         st.subheader("", divider="green")
 
         project_owner = get_env_variable('PROJECT_OWNER', 'User')

pgs/feedback.py

@@ -0,0 +1,37 @@
+import streamlit as st
+
+def feedback_page():
+    st.title("Feedback")
+    st.write(
+        """
+        We value your feedback! Reach out to us via email or join the discussion on GitHub. 
+        Your thoughts help us improve and grow.
+        """
+    )
+    st.markdown(
+        """
+        <div style="padding: 15px; border-radius: 10px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #f0f2f5, #e9ebee);">
+            <p style="font-size: 1.2rem; margin: 0; color: #333;">📧 
+                <a href="mailto:ai_feedback@cloudera.com" style="text-decoration: none; color: #0078d4; font-weight: bold;">
+                    ai_feedback@cloudera.com
+                </a>
+            </p>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+    st.markdown(
+        """
+        <div style="margin-top: 20px; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); background: linear-gradient(135deg, #e9f3ff, #dceaf8);">
+            <p style="display: flex; align-items: center; font-size: 1.2rem; margin: 0; color: #333;">
+                <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="30" style="margin-right: 12px; border-radius: 5px;" alt="GitHub Logo">
+                <a href="https://github.com/cloudera/CML_AMP_LLM_Fine_Tuning_Studio/discussions" target="_blank" style="text-decoration: none; color: #0078d4; font-weight: bold;">
+                    Join the discussion on GitHub
+                </a>
+            </p>
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+
+feedback_page()