Update app.py

app.py

@@ -1,29 +1,26 @@
-
 import streamlit as st
+from pathlib import Path
 
 # ------------ CONFIG ------------
-COMPANY_NAME = "Smart Thinking"
-TAGLINE = "We Deliver Smart AI-Based Solutions For O&G Industry"
+COMPANY_NAME = "YOUR_COMPANY_NAME"
+TAGLINE = "Short value proposition goes here."
 APP1 = {
-    "title": "ST_GeoMech_UCS",
-    "url": "https://smart-thinking-ucs.hf.space/",
+    "title": "YOUR_APP1_TITLE",
+    "url": "https://huggingface.co/spaces/YOUR_ORG/YOUR_APP1_SPACE",
     "thumb": "assets/app1.png",
-    "blurb": "Real-Time UCS Prediction",
+    "blurb": "One-line description for App 1.",
 }
 APP2 = {
-    "title": "ST_Log_GR",
-    "url": "https://smart-thinking-gr.hf.space/",
+    "title": "YOUR_APP2_TITLE",
+    "url": "https://huggingface.co/spaces/YOUR_ORG/YOUR_APP2_SPACE",
     "thumb": "assets/app2.png",
-    "blurb": "Real-Time GR Log Prediction",
+    "blurb": "One-line description for App 2.",
 }
-LOGO_PATH = "assets/logo.png"
+LOGO_PATH = Path("assets/logo.png")
 
 # ------------ PAGE META ------------
-st.set_page_config(
-    page_title=f"{COMPANY_NAME} — Apps",
-    page_icon=LOGO_PATH,
-    layout="wide",
-)
+page_icon = str(LOGO_PATH) if LOGO_PATH.exists() else "🧭"
+st.set_page_config(page_title=f"{COMPANY_NAME} — Apps", page_icon=page_icon, layout="wide")
 
 # ------------ GLOBAL STYLES ------------
 st.markdown(
@@ -37,15 +34,14 @@ st.markdown(
     .grid {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px;}
     .card {background: white; border-radius: 18px; padding: 18px; border: 1px solid rgba(0,0,0,.06);
            box-shadow: 0 4px 18px rgba(0,0,0,.05); transition: transform .12s ease, box-shadow .12s ease;}
-    .card:hover {transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.08);}    
-    .thumb {border-radius: 14px; width: 100%; height: 220px; object-fit: cover; border: 1px solid rgba(0,0,0,.06);} 
+    .card:hover {transform: translateY(-2px); box-shadow: 0 10px 28px rgba(0,0,0,.08);}
+    .thumb {border-radius: 14px; width: 100%; height: 220px; object-fit: cover; border: 1px solid rgba(0,0,0,.06);
+            display:flex; align-items:center; justify-content:center; color:#50545c; background:linear-gradient(180deg,#f6f7fb,#eceff4);}
     .card h3 {margin: 12px 0 6px;}
     .card p {color: #5a5f6a; min-height: 40px;}
     .card a.btn {display:inline-block; padding: 10px 14px; border-radius: 12px; border: 1px solid #e6e7ea; text-decoration:none;}
     .btn-primary {background:#111827; color:white; border-color:#111827;}
-    .btn-primary:hover {filter: brightness(0.92);} 
-
-    /* Make Streamlit body a tad wider */
+    .btn-primary:hover {filter: brightness(0.92);}
     .block-container {max-width: 1120px;}
     </style>
     """,
@@ -53,27 +49,43 @@ st.markdown(
 )
 
 # ------------ HERO ------------
-st.markdown('<div class="hero">' 
-            f'<img src="{LOGO_PATH}" alt="logo" />' 
-            f'<h1>{COMPANY_NAME}</h1>' \
-            f'<p>{TAGLINE}</p>'
-            '</div>', unsafe_allow_html=True)
+logo_html = (
+    f'<img src="{LOGO_PATH.as_posix()}" alt="logo" />' if LOGO_PATH.exists() else ""
+)
+st.markdown(
+    '<div class="hero">'
+    + logo_html
+    + f"<h1>{COMPANY_NAME}</h1>"
+    + f"<p>{TAGLINE}</p>"
+    + "</div>",
+    unsafe_allow_html=True,
+)
 
-# ------------ GRID (2 CARDS) ------------
-def app_card(app_dict):
+# ------------ HELPERS ------------
+from html import escape
+def img_or_placeholder(src: str, alt: str):
+    p = Path(src)
+    if p.exists():
+        return f'<img class="thumb" src="{escape(src)}" alt="{escape(alt)}" />'
+    return f'<div class="thumb">{escape(alt)}</div>'
+
+def app_card(app_dict: dict) -> str:
     return f"""
-    <div class=card>
-      <img class=thumb src="{app_dict['thumb']}" alt="{app_dict['title']}" />
-      <h3>{app_dict['title']}</h3>
-      <p>{app_dict['blurb']}</p>
-      <a class="btn btn-primary" href="{app_dict['url']}" target="_self">Open {app_dict['title']}</a>
+    <div class="card">
+      {img_or_placeholder(app_dict['thumb'], app_dict['title'])}
+      <h3>{escape(app_dict['title'])}</h3>
+      <p>{escape(app_dict['blurb'])}</p>
+      <a class="btn btn-primary" href="{escape(app_dict['url'])}" target="_self">Open {escape(app_dict['title'])}</a>
     </div>
     """
 
+# ------------ GRID (2 CARDS) ------------
+card1 = app_card(APP1)
+card2 = app_card(APP2)
+st.markdown(f"<div class='grid'>{card1}{card2}</div>", unsafe_allow_html=True)
+
+# ------------ FOOTER ------------
 st.markdown(
-    f"<div class='grid'>{app_card(APP1)}{app_card(APP2)}</div>",
+    f"\n\n<div style='text-align:center; color:#8a9099; font-size: 0.9rem;'>© {escape(COMPANY_NAME)}</div>",
     unsafe_allow_html=True,
-)
-
-# ------------ FOOTER (optional) ------------
-st.markdown("\n\n<div style='text-align:center; color:#8a9099; font-size: 0.9rem;'>© {}</div>".format(COMPANY_NAME), unsafe_allow_html=True)
+)