Update app.py

app.py

@@ -248,42 +248,45 @@ with st.container():
 
 # ================= LOGO (Perbaikan: Base64 Embed - Selalu Muncul) =================
 # ================= LOGO (Pakai File Lokal - Selalu Muncul di Pojok Kanan Atas) =================
-def render_logo():
-    # Gunakan st.image() untuk memuat file lokal
-    # Pastikan file 'logo.png' ada di folder yang sama dengan script Anda
-    try:
-        st.markdown(
-            """
-            <style>
-            .logo-container {
-                position: fixed;
-                top: 20px;
-                right: 20px;
-                z-index: 9999;
-                background: white;
-                padding: 6px;
-                border-radius: 10px;
-                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-                border: 1px solid #e0e0e0;
-            }
-            </style>
-            """,
-            unsafe_allow_html=True
-        )
-        # Tampilkan logo dengan ukuran yang sesuai
-        st.markdown('<div class="logo-container">', unsafe_allow_html=True)
-        st.image("logo.png", width=120)  # Sesuaikan width jika perlu
-        st.markdown('</div>', unsafe_allow_html=True)
-    except FileNotFoundError:
-        # Jika file tidak ditemukan, tampilkan pesan
-        st.warning(f"⚠️ Logo file 'logo.png' not found. Please ensure it's in the same directory.")
-        # Opsional: tampilkan placeholder
-        st.markdown(
-            '<div style="position:fixed; top:20px; right:20px; z-index:9999; background:white; padding:6px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); border:1px solid #e0e0e0;">'
-            '<span style="font-size:14px; color:#666;">Logo</span>'
-            '</div>',
-            unsafe_allow_html=True
-        )
+import os
+import streamlit as st
+
+# ================= PATH AMAN (WAJIB) =================
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+
+LOGO_MICHELIN = os.path.join(BASE_DIR, "logo.png")
+LOGO_BTECH = os.path.join(BASE_DIR, "btech.png")
+
+# ================= HEADER =================
+with st.container():
+    col1, col2, col3 = st.columns([1.5, 6, 1.5])
+
+    # LEFT — Michelin Logo
+    with col1:
+        if os.path.exists(LOGO_MICHELIN):
+            st.image(LOGO_MICHELIN, width=140)
+        else:
+            st.markdown("**Michelin**")
+
+    # CENTER — Title
+    with col2:
+        st.markdown("""
+        <div style="text-align:center;">
+            <h1 style="margin:0; color:#154D9C; font-weight:800;">
+                Tyre Pressure Monitoring System (TPMS) Analytics for Mining Equipments
+            </h1>
+            <p style="font-size:12px; color:#7d7d7d; margin-top:6px;">
+                Daily trend insights derived from 13–16 December 2023 data
+            </p>
+        </div>
+        """, unsafe_allow_html=True)
+
+    # RIGHT — BTech Logo
+    with col3:
+        if os.path.exists(LOGO_BTECH):
+            st.image(LOGO_BTECH, width=140)
+        else:
+            st.markdown("**BTech**")
 
 # ================= SIDEBAR FILTERS =================
 with st.sidebar: