Update index.html

index.html

@@ -1,14 +1,25 @@
 gr.HTML("""
-<div style="display: flex; justify-content: center; margin: 20px 0;">
-    <iframe 
-        src="https://ginigen.ai/en" 
-        width="100%" 
-        height="700" 
-        style="border: 2px solid #e0d4f0; border-radius: 12px; max-width: 1200px;"
-        frameborder="0"
-        allowfullscreen
-        sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
-        loading="lazy">
-    </iframe>
+<div style="text-align: center; margin: 20px 0;">
+    <h3 style="color: #6b5b7a; margin-bottom: 15px;">🌐 GiniGen AI</h3>
+    <a href="https://ginigen.ai/en" target="_blank">
+        <img src="https://your-space.hf.space/file=ginigen-screenshot.png" 
+             style="max-width: 100%; max-height: 400px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); cursor: pointer;" 
+             alt="GiniGen AI Preview">
+    </a>
+    <p style="margin-top: 15px;">
+        <a href="https://ginigen.ai/en" target="_blank" style="
+            display: inline-block;
+            padding: 15px 40px;
+            background: linear-gradient(90deg, #6b5b7a, #8b7b9b);
+            color: white;
+            text-decoration: none;
+            border-radius: 25px;
+            font-weight: 600;
+            font-size: 1.1rem;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+        ">
+            🚀 Visit GiniGen AI
+        </a>
+    </p>
 </div>
 """)