Update pages/intro.py

pages/intro.py

@@ -2,4 +2,42 @@ import streamlit as st
 
 st.markdown("<h1> ✍What is Data Science?</h1>",unsafe_allow_html=True)
 
-st.markdown("<p style='margin-top: 0;'>Data science is a field that extracts insights and knowledge from data. It’s like being a detective who uses clues (data) to solve mysteries (business problems or questions).</p></div>", unsafe_allow_html=True)
+st.markdown("<p style='margin-top: 0;'>Data science is a field that extracts insights and knowledge from data. It’s like being a detective who uses clues (data) to solve mysteries (business problems or questions).</p></div>", unsafe_allow_html=True)
+
+
+import streamlit as st
+
+# Set up the page
+st.set_page_config(page_title="AI Story", page_icon="🌟", layout="centered")
+
+# Header
+st.markdown("<h1 style='text-align: center; color: #ff5722;'>🌟 The Story of Learning 🌟</h1>", unsafe_allow_html=True)
+
+# Story paragraph
+st.markdown("""
+<p style='text-align: center; color: #333; font-size: 18px;'>
+There was a mother and her young daughter who didn’t know how to draw. 
+Wanting to help, the mother enrolled her daughter in a drawing class. 
+At the class, the teacher showed her step-by-step how to draw simple shapes and pictures. 
+The girl practiced every day, observing and mimicking what her teacher showed. 
+Over time, she improved and could create beautiful drawings on her own. 
+This was possible because of the natural intelligence given by God—her ability to learn, practice, and create. ✍️✨
+</p>
+<p style='text-align: center; color: #333; font-size: 18px;'>
+Similarly, in Artificial Intelligence (AI), machines do not have natural intelligence to learn or create on their own. 
+Just as the mother guided her daughter by enrolling her in classes and the teacher helped her practice, 
+we guide machines by feeding them data and teaching them patterns. 
+Over time, the machine learns from this data and mimics natural intelligence to perform tasks intelligently.
+</p>
+""", unsafe_allow_html=True)
+
+# Key points
+st.markdown("""
+<ul style='text-align: left; color: #2196f3; font-size: 18px;'>
+    <li>📚 <strong>Learning Ability:</strong> Machines learn patterns and knowledge from data, just like the girl learned to draw by observing examples and practicing.</li>
+    <li>🎨 <strong>Generating Ability:</strong> After learning, machines can create outputs such as text, images, or decisions, imitating human-like intelligence.</li>
+</ul>
+""", unsafe_allow_html=True)
+
+# Footer
+st.markdown("<footer style='text-align: center; font-size: 16px; color: #666;'>These two abilities form the foundation of AI, enabling machines to mimic human-like learning and creativity.</footer>", unsafe_allow_html=True)