Update app.py

app.py

@@ -138,8 +138,33 @@ def process_image(image, project_name):
     except Exception as e:
         return f"Error: {str(e)}", "Failure", "", "", 0
 
-# Gradio UI without any title or styling
-with gr.Blocks() as demo:
+# Gradio UI with added styling
+with gr.Blocks(css="""
+    .gradio-container {
+        background-color: #f0f4f8;
+        font-family: Arial;
+    }
+    .title {
+        color: #2c3e50;
+        font-size: 24px;
+        text-align: center;
+        font-weight: bold;
+    }
+    .gradio-row {
+        text-align: center;
+    }
+    .gradio-container .output {
+        text-align: center;
+    }
+    .gradio-container .input {
+        text-align: center;
+    }
+    .gradio-container .button {
+        display: block;
+        margin: 0 auto;
+    }
+""") as demo:
+    gr.Markdown("<h1 class='title'>Construction Milestone Detector</h1>")
     with gr.Row():
         image_input = gr.Image(type="filepath", label="Upload Construction Site Photo (JPG/PNG, ≤ 20MB)")
         project_name_input = gr.Textbox(label="Project Name (Required)", placeholder="e.g. Project_12345")