Update app.py

app.py

@@ -24,6 +24,38 @@ def load_hero():
     return Image.open(IMG_PATH)
 
 with gr.Blocks(css=CUSTOM_CSS) as demo:
+    .gradio-container > div:first-child {
+    border-bottom: 1px solid #e5e7eb;
+    padding-bottom: 20px;
+    margin-bottom: 40px;
+}
+# ---------- NAVBAR ----------
+with gr.Row():
+    with gr.Column(scale=2):
+        gr.HTML(
+            """
+            <div style="display:flex; align-items:center;">
+                <img src="file=assets/logo.png"
+                     style="height:40px; margin-right:10px;">
+                <span style="font-weight:700; font-size:18px;">Election Archive</span>
+            </div>
+            """
+        )
+
+    with gr.Column(scale=6):
+        gr.Markdown("")
+
+    with gr.Column(scale=4):
+        gr.HTML(
+            """
+            <div style="display:flex; justify-content:flex-end; gap:30px; font-weight:500;">
+                <span style="cursor:pointer;">Home</span>
+                <span style="cursor:pointer;">Archive</span>
+                <span style="cursor:pointer;">Upload</span>
+            </div>
+            """
+        )
+    
     with gr.Row():
         with gr.Column(scale=6):
             gr.Markdown("""