Upload app.py

app.py

@@ -2,72 +2,74 @@ import gradio as gr
 import os
 import time
 
-# --- СЕКРЕТЫ И НАСТРОЙКИ ---
+# --- SECRETS AND CONFIGURATION ---
 NANOBANANA_API_KEY = os.getenv("NANOBANANA_API_KEY")
 KLING_API_KEY = os.getenv("KLING_API_KEY")
 
 SYSTEM_PROMPT = """Hyper-realistic Instagram influencer lifestyle photo, shot on iPhone 15 Pro. The exact person [refer to subject images] is looking directly at the camera with a warm, highly attractive, and confident expression. Flawless, beautiful, glowing natural skin with a soft aesthetic finish (no harsh shadows, no rough textures). They are elegantly yet casually holding the product [refer to product images] close to the camera, showing it to the viewers. Flattering soft daylight from a window combined with a subtle ring-light glow on the face. Bright, aesthetic, cozy modern room background. High-end social media blogger vibe, perfect facial likeness, highly detailed but soft and visually pleasing."""
 
-# Используем генератор (yield), чтобы логи обновлялись в реальном времени
 def create_photo(blogger_images, product_images):
     logs = ""
+    # Check if images are uploaded
     if not blogger_images or not product_images:
-        raise gr.Error("Пожалуйста, загрузите фото блогера и товара!")
+        raise gr.Error("Please upload photos of both the blogger and the product!")
     
-    logs += "[Система] Инициализация процесса...\n"
+    logs += "[System] Initializing process...\n"
     yield logs, None
     time.sleep(1)
     
-    logs += "[Storage] Загрузка изображений блогера и товара в облако...\n"
+    logs += "[Storage] Uploading blogger and product images to the cloud...\n"
     yield logs, None
     time.sleep(1.5)
     
-    logs += f"[NanoBanana Pro] Отправка API запроса. Промпт: {SYSTEM_PROMPT[:50]}...\n"
+    logs += f"[NanoBanana Pro] Sending API request. Prompt: {SYSTEM_PROMPT[:50]}...\n"
     yield logs, None
     time.sleep(1.5)
     
-    logs += "[NanoBanana Pro] Генерация изображения (применение стиля и лица)...\n"
+    logs += "[NanoBanana Pro] Generating image (applying style and likeness)...\n"
     yield logs, None
     time.sleep(2)
     
-    logs += "[Успех] Фото сгенерировано! Загрузка в интерфейс...\n"
+    logs += "[Success] Photo generated! Loading into interface...\n"
+    # Placeholder realistic photo for demo purposes
     photo_url = "https://images.unsplash.com/photo-1611162617474-5b21e879e113?q=80&w=1000&auto=format&fit=crop"
     
     yield logs, photo_url
 
 def create_video(blogger_images, product_images):
     logs = ""
+    # Check if images are uploaded
     if not blogger_images or not product_images:
-        raise gr.Error("Пожалуйста, загрузите фото блогера и товара!")
+        raise gr.Error("Please upload photos of both the blogger and the product!")
 
-    logs += "[Система] Инициализация генерации видео...\n"
+    logs += "[System] Initializing video generation...\n"
     yield logs, None
     time.sleep(1)
     
-    logs += "[Kling API] POST /v1/videos/image2video -> Отправка данных...\n"
+    logs += "[Kling API] POST /v1/videos/image2video -> Sending data...\n"
     yield logs, None
     time.sleep(1.5)
     
-    logs += "[Kling API] Task ID: kl_9876543210ab. Статус: QUEUED...\n"
+    logs += "[Kling API] Task ID: kl_9876543210ab. Status: QUEUED...\n"
     yield logs, None
     time.sleep(2)
     
-    logs += "[Kling API] Статус: PROCESSING (Рендеринг кадров)...\n"
+    logs += "[Kling API] Status: PROCESSING (Rendering frames)...\n"
     yield logs, None
     time.sleep(2.5)
     
-    logs += "[Успех] Статус: SUCCEED. Видео готово к скачиванию!\n"
+    logs += "[Success] Status: SUCCEED. Video is ready!\n"
+    # Placeholder video for demo purposes
     video_url = "https://www.w3schools.com/html/mov_bbb.mp4"
     
     yield logs, video_url
 
-# --- НАСТРОЙКА КРАСИВОГО UI ---
+# --- CUSTOM UI STYLES ---
 custom_css = """
 .container { max-width: 1100px; margin: auto; }
 .output-media { border-radius: 16px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
 button.primary { background: linear-gradient(90deg, #6366f1, #a855f7); border: none; }
 button.primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(168, 85, 247, 0.4); transition: all 0.3s ease; }
-/* Стили для логов-терминала */
 .log-window textarea { 
     background-color: #1e1e1e !important; 
     color: #4ade80 !important; 
@@ -76,44 +78,44 @@ button.primary:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(
 }
 """
 
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="indigo", secondary_hue="violet"), css=custom_css) as demo:
+# App Layout setup
+with gr.Blocks() as demo:
     gr.Markdown("<h1 style='text-align: center;'>✨ AI Content Creator Pro</h1>")
-    gr.Markdown("<p style='text-align: center; color: gray;'>Генерация гиперреалистичного UGC-контента: NanoBanana Pro (Фото) & Kling AI (Видео)</p>")
+    gr.Markdown("<p style='text-align: center; color: gray;'>Hyper-realistic UGC Generation: NanoBanana Pro (Photo) & Kling AI (Video)</p>")
     
     with gr.Row():
-        # ЛЕВАЯ КОЛОНКА (Инпуты)
+        # LEFT COLUMN (Inputs)
         with gr.Column(scale=1):
-            gr.Markdown("### 📥 Входные данные")
+            gr.Markdown("### 📥 Inputs")
             
             with gr.Group():
-                blogger_imgs = gr.File(label="📸 Блогер (1-5 фото)", file_count="multiple", file_types=["image"])
-                product_imgs = gr.File(label="🛍️ Товар (1-5 фото)", file_count="multiple", file_types=["image"])
+                blogger_imgs = gr.File(label="📸 Blogger (1-5 photos)", file_count="multiple", file_types=["image"])
+                product_imgs = gr.File(label="🛍️ Product (1-5 photos)", file_count="multiple", file_types=["image"])
             
             with gr.Row():
-                btn_photo = gr.Button("Создать Фото", variant="primary", size="lg")
-                btn_video = gr.Button("Создать Видео", variant="primary", size="lg")
+                btn_photo = gr.Button("Create Photo", variant="primary", size="lg")
+                btn_video = gr.Button("Create Video", variant="primary", size="lg")
                 
-            # ОКНО ЛОГОВ ПОД КНОПКАМИ
+            # TERMINAL LOGS
             logs_output = gr.Textbox(
-                label="🖥️ Системные логи", 
+                label="🖥️ System Logs", 
                 lines=6, 
                 interactive=False, 
                 elem_classes="log-window",
-                placeholder="Здесь будут отображаться логи генерации..."
+                placeholder="Generation logs will appear here..."
             )
                 
-        # ПРАВАЯ КОЛОНКА (Аутпуты)
+        # RIGHT COLUMN (Outputs)
         with gr.Column(scale=1):
-            gr.Markdown("### 📤 Результат")
+            gr.Markdown("### 📤 Output")
             
             with gr.Tabs():
-                with gr.Tab("Фотография"):
-                    out_photo = gr.Image(label="Результат фото", elem_classes="output-media", show_download_button=True)
-                with gr.Tab("Видео"):
-                    out_video = gr.Video(label="Результат видео", elem_classes="output-media", show_download_button=True)
+                with gr.Tab("Photo"):
+                    out_photo = gr.Image(label="Photo Result", elem_classes="output-media")
+                with gr.Tab("Video"):
+                    out_video = gr.Video(label="Video Result", elem_classes="output-media")
             
-    # Привязка кнопок к функциям
-    # Обрати внимание: теперь функция возвращает 2 значения: логи и медиа (поэтому outputs=[logs_output, ...])
+    # Button triggers
     btn_photo.click(
         fn=create_photo, 
         inputs=[blogger_imgs, product_imgs], 
@@ -127,4 +129,8 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="indigo", secondary_hue="violet"
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    # Launching the app with custom theme and CSS
+    demo.launch(
+        theme=gr.themes.Soft(primary_hue="indigo", secondary_hue="violet"), 
+        css=custom_css
+    )