Update app.py

app.py

@@ -768,6 +768,27 @@ with gr.Blocks(css=custom_css) as demo:
     gr.HTML(header_html)
     
     with gr.Tabs(elem_classes="custom-tabs") as tabs:
+        # 사용 설명서 탭을 첫 번째로 배치
+        with gr.TabItem("📚 사용 설명서", elem_classes="tab-content"):
+            gr.HTML(user_manual_html)
+            
+            # 추가적인 사용 설명 내용이 필요하다면 여기에 작성할 수 있습니다
+            gr.HTML("""
+            <div class="manual-section">
+                <div class="manual-section-title"><i class="fas fa-question-circle"></i> 자주 묻는 질문</div>
+                <p class="manual-text">
+                    <strong style="font-size: 1.1rem; color: #5561e9;">Q: 어떤 형식의 이미지를 업로드할 수 있나요?</strong><br>
+                    A: JPG, PNG, WEBP 등 대부분의 일반적인 이미지 형식을 지원합니다.<br><br>
+                    
+                    <strong style="font-size: 1.1rem; color: #5561e9;">Q: 이미지 생성 및 처리에 얼마나 시간이 걸리나요?</strong><br>
+                    A: 일반적으로 10-30초 정도 소요되며, 이미지 크기와 복잡도에 따라 달라질 수 있습니다.<br><br>
+                    
+                    <strong style="font-size: 1.1rem; color: #5561e9;">Q: 생성된 이미지를 어떻게 저장할 수 있나요?</strong><br>
+                    A: 생성된 이미지에 마우스 오른쪽 버튼을 클릭하여 '이미지 저장' 옵션을 선택하면 됩니다.
+                </p>
+            </div>
+            """)
+        
         with gr.TabItem("✨ 이커머스 이미지 생성기", elem_classes="tab-content"):
             with gr.Row(equal_height=True):
                 with gr.Column(scale=1):
@@ -834,9 +855,6 @@ with gr.Blocks(css=custom_css) as demo:
                     inputs=[image1_input, image2_input, image3_input, prompt_input]
                 )
             
-            # 사용자 매뉴얼
-            gr.HTML(user_manual_html)
-            
         with gr.TabItem("🔍 이미지 업스케일러", elem_classes="tab-content"):
             with gr.Row():
                 with gr.Column(elem_classes="panel"):
@@ -861,7 +879,7 @@ with gr.Blocks(css=custom_css) as demo:
                     
                     gfpgan_btn = gr.Button('✨ 업스케일 및 복원', elem_classes="custom-button primary")
         
-        # 새로운 탭: 배경 지우기 기능
+        # 배경 지우기 탭
         with gr.TabItem("✂️ 배경 지우기", elem_classes="tab-content"):
             with gr.Row():
                 with gr.Column(elem_classes="panel"):