Update app.py

app.py

@@ -1,106 +1,103 @@
 import gradio as gr
+import time
 
-# 🔗 Your website (key landing page)
-KEY_WEBSITE = "https://example.com/get-key"
+# ---------------- CONFIG ----------------
+GET_KEY_URL = "https://adrinolinks.com/cTjV"
 
-# ---------------- LOGIC ----------------
+# ---------------- FUNCTIONS ----------------
+def generate_video(prompt, key):
+    if key.strip() == "":
+        return None, "❌ Please paste your Veo‑3 key to generate."
 
-def generate_video(api_key):
-    return gr.HTML.update(
-        value="""
-        <div style="
-        padding:18px;
-        border-radius:16px;
-        background:#fff1f2;
-        border:2px solid #ff4d6d;
-        color:#800f2f;
-        text-align:center;
-        font-weight:700;">
-        ❌ Invalid API key.<br>
-        Please get a valid key to generate video.
-        </div>
-        """
-    )
+    # Always invalid key (as requested)
+    time.sleep(2)
+    return None, "❌ Invalid API Key. Please get a valid key and try again."
 
 # ---------------- UI ----------------
-
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
-
-    gr.Markdown("# 🎥 Veo-3 Video Generator (Preview)")
-    gr.Markdown(
-        "⚠️ **This is a demo / simulator interface only.**<br>"
-        "Real video generation is not enabled."
-    )
+with gr.Blocks(css="""
+body {
+    background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
+}
+.glass {
+    background: rgba(255,255,255,0.08);
+    backdrop-filter: blur(14px);
+    border-radius: 20px;
+    padding: 25px;
+}
+button {
+    border-radius: 14px !important;
+    font-weight: bold;
+}
+.generate-btn {
+    background: linear-gradient(90deg,#ff416c,#ff4b2b) !important;
+    color: white !important;
+}
+.key-btn {
+    background: linear-gradient(90deg,#00c6ff,#0072ff) !important;
+    color: white !important;
+}
+footer {display:none !important;}
+""") as demo:
+
+    gr.Markdown("""
+    <div style="text-align:center">
+        <h1>🎬 Veo‑3 AI Video Generator</h1>
+        <p>One‑click cinematic AI video generation (Demo Version)</p>
+    </div>
+    """)
+
+    # ---------------- DEMO VIDEOS ----------------
+    gr.Markdown("## 🔥 Example Generated Videos")
 
     with gr.Row():
-        with gr.Column(scale=1):
-            gr.Textbox(
-                label="Video Prompt",
-                placeholder="A cinematic drone shot of a futuristic city at sunset"
-            )
-
-            api_key = gr.Textbox(
-                label="API Key",
-                placeholder="Paste your API key here",
-                type="password"
-            )
-
-            generate_btn = gr.Button("🚀 Generate Video", variant="primary")
-
-            gr.HTML(
+        gr.Video("demo1.mp4", label="Cinematic City")
+        gr.Video("demo2.mp4", label="AI Character")
+        gr.Video("demo3.mp4", label="Nature Scene")
+
+    gr.Markdown("""
+    ⚠️ These are **preview demo videos only**, not real generation.
+    """)
+
+    # ---------------- GENERATOR CARD ----------------
+    with gr.Column(elem_classes="glass"):
+        prompt = gr.Textbox(
+            label="🎥 Video Prompt",
+            placeholder="A cinematic robot walking in neon city, ultra realistic, 4K"
+        )
+
+        key = gr.Textbox(
+            label="🔑 Veo‑3 API Key",
+            placeholder="Paste your key here",
+            type="password"
+        )
+
+        with gr.Row():
+            generate_btn = gr.Button("🚀 Generate Video", elem_classes="generate-btn")
+            get_key_btn = gr.HTML(
                 f"""
-                <div style="text-align:center;margin-top:14px;">
-                <a href="{KEY_WEBSITE}" target="_blank" style="text-decoration:none;">
-                <div style="
-                display:inline-block;
-                padding:12px 24px;
-                border-radius:30px;
-                background:linear-gradient(45deg,#ff416c,#ff4b2b);
-                color:white;
-                font-weight:800;
-                box-shadow:0 6px 18px rgba(0,0,0,0.25);">
-                🔑 Get Free API Key
-                </div>
+                <a href="{GET_KEY_URL}" target="_blank">
+                    <button class="key-btn" style="width:100%;height:44px;">
+                        🔑 Get Key
+                    </button>
                 </a>
-                </div>
                 """
             )
 
-        with gr.Column(scale=1):
-            result = gr.HTML(
-                "<div style='opacity:0.6;'>Generated video will appear here</div>"
-            )
-
-    generate_btn.click(generate_video, api_key, result)
-
-    gr.Markdown("## 🎞 Example Generated Videos (Preview Only)")
+        output_video = gr.Video(label="🎞 Generated Video")
+        status = gr.Markdown("")
 
-    gr.HTML(
-        """
-        <div style="display:flex;gap:14px;flex-wrap:wrap;">
-        <div style="width:200px;height:120px;
-        background:#e5e5e5;border-radius:14px;
-        display:flex;align-items:center;justify-content:center;">
-        Example Video 1
-        </div>
-
-        <div style="width:200px;height:120px;
-        background:#e5e5e5;border-radius:14px;
-        display:flex;align-items:center;justify-content:center;">
-        Example Video 2
-        </div>
-
-        <div style="width:200px;height:120px;
-        background:#e5e5e5;border-radius:14px;
-        display:flex;align-items:center;justify-content:center;">
-        Example Video 3
-        </div>
-        </div>
-        """
+    generate_btn.click(
+        fn=generate_video,
+        inputs=[prompt, key],
+        outputs=[output_video, status]
     )
 
-    gr.Markdown(
-        "💡 This space demonstrates how video generation will work once access is enabled."
-    )
+    # ---------------- FOOTER ----------------
+    gr.Markdown("""
+    <div style="text-align:center;opacity:0.7;margin-top:30px">
+        <p>🚧 Demo Space • No real API connected</p>
+        <p>Made with ❤️ by Prince</p>
+    </div>
+    """)
 
 demo.launch()