feat: updated website

app.py

@@ -353,7 +353,6 @@ elif page == "Customer Analysis":
 
                     # Column 1: Radar chart for top manufacturers
                     with col1:
-                        # Overperforming manufacturers alert
                         st.subheader("This looks great!")
                         st.info("Your customer did exceed predicted sales from the following brands:")
 
@@ -370,21 +369,26 @@ elif page == "Customer Analysis":
                             # Limit to top 10 overperforming manufacturers
                             top_overperformers = overperforming_manufacturers.head(10)
 
-                            for index, row in top_overperformers.iterrows():
-                                manufacturer_name = get_supplier_name_encoded(row['marca_id_encoded'])
-                                predicted = row['ventas_predichas']
-                                actual = row['ventas_reales']
-                                extra = row['extra_amount']
-                                
-                                # Use Streamlit's st.metric for better styling
-                                st.metric(
-                                    label=f"{manufacturer_name}", 
-                                    value=f"{actual:.2f}€", 
-                                    delta=f"Exceeded by {extra:.2f}€", 
-                                    delta_color="normal"
-                                )
-                        else:
-                            st.info("No manufacturers exceeded predicted sales.")
+                            # Display two cards per row
+                            for i in range(0, len(top_overperformers), 2):
+                                cols = st.columns(2)  # Create two columns for two cards in a row
+
+                                for j, col in enumerate(cols):
+                                    if i + j < len(top_overperformers):
+                                        row = top_overperformers.iloc[i + j]
+                                        manufacturer_name = get_supplier_name_encoded(row['marca_id_encoded'])
+                                        predicted = row['ventas_predichas']
+                                        actual = row['ventas_reales']
+                                        extra = row['extra_amount']
+
+                                        # Use st.metric for compact display in each column
+                                        with col:
+                                            st.metric(
+                                                label=f"{manufacturer_name}",
+                                                value=f"{actual:.2f}€",
+                                                delta=f"Exceeded by {extra:.2f}€",
+                                                delta_color="normal"
+                                            )
 
 
                         # Radar chart logic remains the same
@@ -447,19 +451,26 @@ elif page == "Customer Analysis":
                             # Limit to top 10 missed amounts
                             top_misses = underperforming_manufacturers.head(10)
 
-                            for index, row in top_misses.iterrows():
-                                manufacturer_name = get_supplier_name_encoded(row['marca_id_encoded'])
-                                predicted = row['ventas_predichas']
-                                actual = row['ventas_reales']
-                                missed = row['missed_amount']
-
-                                # Use Streamlit's st.metric for better styling
-                                st.metric(
-                                    label=f"{manufacturer_name}", 
-                                    value=f"{actual:.2f}€", 
-                                    delta=f"Missed by {missed:.2f}€", 
-                                    delta_color="inverse"
-                                )
+                            # Display two cards per row
+                            for i in range(0, len(top_misses), 2):
+                                cols = st.columns(2)  # Create two columns for two cards in a row
+
+                                for j, col in enumerate(cols):
+                                    if i + j < len(top_misses):
+                                        row = top_misses.iloc[i + j]
+                                        manufacturer_name = get_supplier_name_encoded(row['marca_id_encoded'])
+                                        predicted = row['ventas_predichas']
+                                        actual = row['ventas_reales']
+                                        missed = row['missed_amount']
+
+                                        # Use st.metric for compact display in each column
+                                        with col:
+                                            st.metric(
+                                                label=f"{manufacturer_name}",
+                                                value=f"{actual:.2f}€",
+                                                delta=f"Missed by {missed:.2f}€",
+                                                delta_color="inverse"
+                                            )
                         else:
                             st.success("All manufacturers have met or exceeded predicted sales.")