Update app.py

app.py

@@ -111,10 +111,17 @@ css = '''
 #output{margin-top: 25px}
 .fillable{max-width: 980px !important}
 .dark .progress-text {color: white}
+.logo-dark{display: none}
+.dark .logo-dark{display: block !important}
+.dark .logo-light{display: none}
 '''
 with gr.Blocks(theme=gr.themes.Citrus(), css=css) as demo:
-    gr.HTML("<h1 style='text-align:center'>Image Generation with Google Gemini</h1>")
-    gr.HTML("<h3 style='text-align:center'>Hugging Face PRO users can use Google's Gemini 2.5 Flash Image Preview on this Space. <a href='https://huggingface.co/pro' target='_blank'>Subscribe to PRO</a></h3>", elem_id="sub_title")
+    gr.HTML('''
+    <img class="logo-dark" src='https://huggingface.co/spaces/multimodalart/nano-banana/resolve/main/nano_banana_pros.png' style='margin: 0 auto; max-width: 500px' />
+    <img class="logo-light" src='https://huggingface.co/spaces/multimodalart/nano-banana/resolve/main/nano_banana_pros_light.png' style='margin: 0 auto; max-width: 500px' />
+    ''')
+            
+    gr.HTML("<h3 style='text-align:center'>Hugging Face PRO users can use Google's Nano Banana (Gemini 2.5 Flash Image Preview) on this Space. <a href='https://huggingface.co/pro' target='_blank'>Subscribe to PRO</a></h3>", elem_id="sub_title")
 
     pro_message = gr.Markdown(visible=False)
     main_interface = gr.Column(visible=False)