Code Editor for app.py

import streamlit as st

# Set page config to wide layout
st.set_page_config(layout="wide")

# Create 4 rows with 5 metrics each
metrics_data = {
    'Row 1': [
        ('Sales', '$12,345', '+10%'),
        ('Customers', '1,234', '+5%'),
        ('Orders', '567', '+15%'),
        ('Revenue', '$98,765', '+8%'),
        ('Profit', '$34,567', '+12%')
    ],
    'Row 2': [
        ('Website Visits', '45,678', '+20%'),
        ('Bounce Rate', '25%', '-2%'),
        ('Session Duration', '5:30', '+3%'),
        ('Page Views', '123,456', '+18%'),
        ('Conversion Rate', '3.5%', '+0.5%')
    ],
    'Row 3': [
        ('Social Followers', '50,000', '+25%'),
        ('Engagement Rate', '4.2%', '+0.8%'),
        ('Posts', '789', '+30%'),
        ('Shares', '2,345', '+15%'),
        ('Comments', '6,789', '+22%')
    ],
    'Row 4': [
        ('Support Tickets', '234', '-5%'),
        ('Response Time', '2.5h', '-10%'),
        ('Resolution Rate', '95%', '+2%'),
        ('Customer Satisfaction', '4.8/5', '+0.2'),
        ('Active Issues', '45', '-8%')
    ]
}

# Display metrics in a grid layout
for row_name, metrics in metrics_data.items():
    st.subheader(row_name)
    
    # Create columns for each metric in the row
    cols = st.columns(5)
    
    # Display metrics in columns
    for col, (label, value, delta) in zip(cols, metrics):
        with col:
            st.metric(
                label=label,
                value=value,
                delta=delta
            )