Update app.py

app.py

@@ -1,5 +1,18 @@
 import streamlit as st
 import time
+from streamlit_lottie import st_lottie
+import requests
+
+# Function to load Lottie animations
+def load_lottie_url(url):
+    response = requests.get(url)
+    if response.status_code != 200:
+        return None
+    return response.json()
+
+# Load Lottie animations
+lottie_digestive_system = load_lottie_url("https://assets9.lottiefiles.com/packages/lf20_4xm9m9ic.json")
+lottie_quiz_complete = load_lottie_url("https://assets8.lottiefiles.com/packages/lf20_s2lryxtd.json")
 
 # Page Configurations
 st.set_page_config(
@@ -10,8 +23,9 @@ st.set_page_config(
 # Title and Description
 st.title("🌟 CBT: Digestive System 🌟")
 st.write("This Computer-Based Tutorial (CBT) is designed for Class 6 students to learn about the digestive system in a fun and interactive way.")
+st.image("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Digestive_system_diagram_en.svg/1200px-Digestive_system_diagram_en.svg.png", caption="Digestive System Overview")
 
-# Sidebar
+# Sidebar Navigation
 st.sidebar.header("Navigation")
 sections = ["Introduction", "Organs of the Digestive System", "Process of Digestion", "Quiz"]
 selected_section = st.sidebar.radio("Select Section:", sections)
@@ -19,7 +33,7 @@ selected_section = st.sidebar.radio("Select Section:", sections)
 if selected_section == "Introduction":
     st.header("Introduction")
     st.write("The digestive system is a group of organs that work together to break down food into smaller parts so the body can use them for energy, growth, and repair.")
-    st.image("https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Digestive_system_diagram_en.svg/1200px-Digestive_system_diagram_en.svg.png", caption="Diagram of the Digestive System")
+    st_lottie(lottie_digestive_system, height=300, key="intro_animation")
     st.balloons()
 
 elif selected_section == "Organs of the Digestive System":
@@ -89,4 +103,4 @@ elif selected_section == "Quiz":
         st.error("❌ Incorrect. The correct answer is 'Pancreas'.")
 
     st.write("🎉 Keep learning and practicing! Great job!")
-    st.image("https://cdn.pixabay.com/photo/2016/06/15/15/44/school-1457364_960_720.png", caption="Well Done!")
+    st_lottie(lottie_quiz_complete, height=300, key="quiz_animation")