Update src/streamlit_app.py

src/streamlit_app.py

@@ -1,40 +1,65 @@
-import altair as alt
-import numpy as np
-import pandas as pd
 import streamlit as st
 
-"""
-# Welcome to Streamlit!
+# Page config with icon and wide layout for more space
+st.set_page_config(page_title="App Maintenance - Available Here", page_icon="🛠️", layout="centered")
 
-Edit `/streamlit_app.py` to customize this app to your heart's desire :heart:.
-If you have any questions, checkout our [documentation](https://docs.streamlit.io) and [community
-forums](https://discuss.streamlit.io).
+# Hide default Streamlit style elements for cleaner look
+st.markdown("""
+    <style>
+    #MainMenu {visibility: hidden;}
+    footer {visibility: hidden;}
+    header {visibility: hidden;}
+    body {
+        background: linear-gradient(135deg, #74ebd5 0%, #ACB6E5 100%);
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    }
+    .container {
+        text-align: center;
+        padding: 80px 20px;
+        border-radius: 15px;
+        background-color: rgba(255,255,255,0.9);
+        box-shadow: 0 8px 24px rgba(0,0,0,0.2);
+        max-width: 600px;
+        margin: auto;
+    }
+    .title {
+        font-size: 56px;
+        font-weight: 700;
+        color: #003366;
+        margin-bottom: 10px;
+    }
+    .subtitle {
+        font-size: 22px;
+        color: #555555;
+        margin-bottom: 40px;
+    }
+    .btn-primary {
+        background-color: #0066cc;
+        color: white !important;
+        padding: 18px 36px;
+        font-size: 20px;
+        font-weight: 600;
+        border-radius: 10px;
+        text-decoration: none;
+        box-shadow: 0 4px 12px rgba(0,102,204,0.3);
+        transition: all 0.3s ease;
+        display: inline-block;
+    }
+    .btn-primary:hover {
+        background-color: #004a99;
+        box-shadow: 0 6px 20px rgba(0,75,153,0.4);
+        color: #e0e0e0 !important;
+    }
+    </style>
+""", unsafe_allow_html=True)
 
-In the meantime, below is an example of what you can do with just a few lines of code:
-"""
-
-num_points = st.slider("Number of points in spiral", 1, 10000, 1100)
-num_turns = st.slider("Number of turns in spiral", 1, 300, 31)
-
-indices = np.linspace(0, 1, num_points)
-theta = 2 * np.pi * num_turns * indices
-radius = indices
-
-x = radius * np.cos(theta)
-y = radius * np.sin(theta)
-
-df = pd.DataFrame({
-    "x": x,
-    "y": y,
-    "idx": indices,
-    "rand": np.random.randn(num_points),
-})
-
-st.altair_chart(alt.Chart(df, height=700, width=700)
-    .mark_point(filled=True)
-    .encode(
-        x=alt.X("x", axis=None),
-        y=alt.Y("y", axis=None),
-        color=alt.Color("idx", legend=None, scale=alt.Scale()),
-        size=alt.Size("rand", legend=None, scale=alt.Scale(range=[1, 150])),
-    ))
+# Main container content
+st.markdown("""
+<div class="container">
+    <div class="title">🛠️ We're Improving Your Experience</div>
+    <div class="subtitle">
+        Our app is undergoing scheduled maintenance, but don't worry, <br>you can still explore!
+    </div>
+    <a class="btn-primary" href="https://kind-bream-informed.ngrok-free.app/" target="_blank">Live App</a>
+</div>
+""", unsafe_allow_html=True)