Update app.py

app.py

@@ -154,18 +154,42 @@ with gr.Blocks(css="""
     margin-bottom: 20px;
 '>
     <h1 style='font-size: 89.5px; color: #fafdff;'>Welcome to <b><span style='color: #7cf8ff;'>Intervu</span></b></h1>
-    <p style='font-size: 22.1px; color: #fafdff; margin-top: 30px;'>Before you begin, complete Step 1 to select your interview type and Step 2 to enter your background. Practice is available through text, speech, or webcam.</p>
+    <p style='font-size: 22.1px; color: #fafdff; margin-top: 30px; text-align: center;'>Before you begin, complete Step 1 to select your interview type and Step 2 to enter your background. Practice is available through text, speech, or webcam.</p>
 </div>
 """)
 
 
     # Step 1 - Choose Interview Type
-    gr.Markdown("### Step 1: Choose Interview Type")
+    # gr.Markdown("### Step 1: Choose Interview Type")
+    # with gr.Row():
+    #     btn1 = gr.Button("Technical")
+    #     btn2 = gr.Button("Competency-Based Interview")
+    #     btn3 = gr.Button("Case")
+    # type_output = gr.Textbox(label="Bot response", interactive=False)
     with gr.Row():
+
+    # LEFT SIDE: Transparent box with interview type buttons
+    with gr.Column(scale=1):
+        gr.Markdown("""
+        <div style="
+            background: rgba(255, 255, 255, 0.1); 
+            padding: 20px; 
+            border-radius: 15px; 
+            backdrop-filter: blur(5px); 
+            box-shadow: 0 4px 10px rgba(0,0,0,0.2);
+        ">
+            <h3>Step 1: Choose Interview Type</h3>
+            <p>Select the type of interview you want to practice.</p>
+        </div>
+        """)
         btn1 = gr.Button("Technical")
         btn2 = gr.Button("Competency-Based Interview")
         btn3 = gr.Button("Case")
-    type_output = gr.Textbox(label="Bot response", interactive=False)
+
+    # RIGHT SIDE: Bot response display (type_output)
+    with gr.Column(scale=2):
+        type_output = gr.Textbox(label="Bot Response", interactive=False)
+
 
     btn1.click(set_type, inputs=[gr.Textbox(value="Technical", visible=False), user_profile], outputs=[type_output, user_profile])
     btn2.click(set_type, inputs=[gr.Textbox(value="Competency-Based Interview", visible=False), user_profile], outputs=[type_output, user_profile])