Update app.py

app.py

@@ -505,6 +505,47 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css) as demo:
         </div>
     """)
 
+
+    
+    # 예제 설명 섹션 추가
+    gr.HTML("""
+        <div style="margin-top: 50px; padding: 20px; background-color: #f8f9fa; border-radius: 10px;">
+            <h2 style="text-align: center; color: #2196F3; margin-bottom: 30px;">How It Works: Step by Step Example</h2>
+            
+            <div style="display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 20px;">
+                <div style="text-align: center; flex: 1; min-width: 250px; max-width: 300px;">
+                    <img src="file/aa1.png" style="width: 100%; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                    <h3 style="color: #333; margin: 15px 0;">Step 1: Original Image</h3>
+                    <p style="color: #666;">Upload your original image that contains the object you want to extract.</p>
+                </div>
+                
+                <div style="text-align: center; flex: 1; min-width: 250px; max-width: 300px;">
+                    <img src="file/aa2.png" style="width: 100%; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                    <h3 style="color: #333; margin: 15px 0;">Step 2: Extracted Object</h3>
+                    <p style="color: #666;">Use prompts to identify and extract specific objects from your image.</p>
+                </div>
+                
+                <div style="text-align: center; flex: 1; min-width: 250px; max-width: 300px;">
+                    <img src="file/aa3.png" style="width: 100%; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+                    <h3 style="color: #333; margin: 15px 0;">Step 3: Final Result</h3>
+                    <p style="color: #666;">The extracted object is placed on an AI-generated background based on your description.</p>
+                </div>
+            </div>
+            
+            <div style="margin-top: 30px; text-align: center; padding: 20px; background-color: #e3f2fd; border-radius: 8px;">
+                <h4 style="color: #1976D2; margin-bottom: 10px;">Key Features:</h4>
+                <ul style="list-style: none; padding: 0;">
+                    <li style="margin: 5px 0;">✨ Precise object extraction using AI</li>
+                    <li style="margin: 5px 0;">🎨 Custom background generation</li>
+                    <li style="margin: 5px 0;">🔄 Flexible object positioning and sizing</li>
+                    <li style="margin: 5px 0;">📐 Multiple aspect ratio support</li>
+                </ul>
+            </div>
+        </div>
+    """)
+
+    # 나머지 기존 코드...
+    
     with gr.Row():
         with gr.Column(scale=1):
             input_image = gr.Image(