feat: updated website

app.py

@@ -199,6 +199,30 @@ if page == "Summary":
             </div>
             """, unsafe_allow_html=True)
 
+        with col_metric2:
+            st.markdown(f"""
+            <div style="background-color:{metric_box_color}; padding: 20px; border-radius: 10px;">
+                <h4 style="color:{primary_color}; text-align: center;">Silhouette Score</h4>
+                <h2 style="color:{text_color}; text-align: center;">0.57744</h2>
+            </div>
+            """, unsafe_allow_html=True)
+
+        col_metric3, col_metric4 = st.columns(2)
+        with col_metric3:
+            st.markdown(f"""
+            <div style="background-color:{metric_box_color}; padding: 20px; border-radius: 10px;">
+                <h4 style="color:{primary_color}; text-align: center;">Calinski-Harabasz Score</h4>
+                <h2 style="color:{text_color}; text-align: center;">422.98</h2>
+            </div>
+            """, unsafe_allow_html=True)
+
+        with col_metric4:
+            st.markdown(f"""
+            <div style="background-color:{metric_box_color}; padding: 20px; border-radius: 10px;">
+                <h4 style="color:{primary_color}; text-align: center;">Davies-Bouldin Score</h4>
+                <h2 style="color:{text_color}; text-align: center;">0.63446</h2>
+            </div>
+            """, unsafe_allow_html=True)
     # Middle Column (White): 3D Cluster Model and Bar Chart
     with col2:
         st.markdown('#### 3D Customer Clusters')