Update app.py

app.py

@@ -323,9 +323,33 @@ footer, [class*="footer"], [class*="api"], [class*="settings"] {
 }
 
 a[href*="api"], .api-button, #api-button {
-    display: none !important;    
+    display: none !important;   
+
 }
-    
+
+#prompt_suggestions_box {
+    background: white;
+    border: 2px solid #D46BCA;
+    padding: 15px;
+    border-radius: 10px;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+    position: fixed;
+    top: 20%;
+    left: 50%;
+    transform: translate(-50%, 0);
+    width: 40%;
+    z-index: 9999;
+}
+#suggested_prompts_btn {
+    background: #D46BCA !important;
+    color: white !important;
+}
+#close_prompt_box {
+    background: #553566 !important;
+    color: white !important;
+    width: 100%;
+}
+        
 '''
 with gr.Blocks(css=css) as demo:
     gr.Markdown(logo)
@@ -349,9 +373,24 @@ with gr.Blocks(css=css) as demo:
 
             # with gr.Column(visible=False) as clear_button:
             #     remove_and_reupload = gr.ClearButton(value="Remove and upload new ones", components=files, size="sm")
-            prompt = gr.Textbox(label="Prompt",
+            prompt = gr.Textbox(
+                       label="Prompt",
                        info="Try something like 'a photo of a man/woman img', 'img' is the trigger word.",
-                       placeholder="A photo of a [man/woman img]...")
+                       placeholder="A photo of a [man/woman img]..."
+            )
+
+            with gr.Row():
+                show_prompts_btn = gr.Button("💡 Suggested Prompts", elem_id="suggested_prompts_btn")
+
+            with gr.Box(visible=False, elem_id="prompt_suggestions_box") as prompt_suggestions:
+                gr.Markdown("### 🎯 Suggested Prompts")
+                prompt_buttons = [
+                    gr.Button("A photo of a smiling woman img in a sunny park"),
+                    gr.Button("A portrait of a man img in cinematic lighting"),
+                    gr.Button("A studio photo of a woman img wearing glasses")
+                ]
+                close_btn = gr.Button("❌ Close", elem_id="close_prompt_box")
+            
             style = gr.Dropdown(label="Style template", choices=STYLE_NAMES, value=DEFAULT_STYLE_NAME)
             aspect_ratio = gr.Dropdown(label="Output aspect ratio", choices=ASPECT_RATIO_LABELS, value=DEFAULT_ASPECT_RATIO)
             submit = gr.Button("GENERATE" , elem_id="generate_btn")
@@ -475,6 +514,28 @@ with gr.Blocks(css=css) as demo:
             outputs=[gallery, usage_tips]
         )
 
+        # Show the suggestions popup
+        show_prompts_btn.click(
+            lambda: gr.update(visible=True),
+            outputs=prompt_suggestions
+        )
+        
+        # Close the popup
+        close_btn.click(
+            lambda: gr.update(visible=False),
+            outputs=prompt_suggestions
+        )
+        
+        # When user clicks on a suggestion, fill the prompt textbox and close popup
+        for btn in prompt_buttons:
+            btn.click(
+                lambda text: (gr.update(value=text), gr.update(visible=False)),
+                inputs=None,
+                outputs=[prompt, prompt_suggestions],
+                _js=f"() => '{btn.value}'"  # injects the button text
+            )
+
+
     gr.Examples(
         examples=get_example(),
         inputs=[files, prompt, style, negative_prompt],