Update Vision-proxy/static/index.html

Vision-proxy/static/index.html

@@ -25,22 +25,24 @@
     <div class="hero-content">
       <h1>AI-Powered Image Scene Predictor</h1>
       <p>Upload an image to get a smart description, prediction, and insights using AI.</p>
-
-      <!-- Embed your Hugging Face Space here -->
+      
+      <!-- Embed Gradio app iframe -->
       <iframe
         src="https://huggingface.co/spaces/HawkEye01/VisionSage"
-        frameborder="0"
         width="100%"
-        height="650px"
-        style="border-radius: 16px; margin-top: 30px;">
-      </iframe>
-
+        height="700"
+        frameborder="0"
+        style="border-radius: 16px; margin-top: 30px;"
+        allow="fullscreen"
+      ></iframe>
     </div>
   </section>
 
   <!-- 🖼️ VisionSage Banner Image -->
   <section class="banner-image">
-    <a href="https://ibb.co/DgvgCRZ1"><img src="https://i.ibb.co/YT1TkLxN/cyberpunk-illustration-with-neon-colors-futuristic-technology.jpg" alt="cyberpunk-illustration-with-neon-colors-futuristic-technology" border="0"></a>
+    <a href="https://ibb.co/DgvgCRZ1">
+      <img src="https://i.ibb.co/YT1TkLxN/cyberpunk-illustration-with-neon-colors-futuristic-technology.jpg" alt="cyberpunk-illustration-with-neon-colors-futuristic-technology" border="0">
+    </a>
   </section>
 
   <!-- 📌 Features Section -->
@@ -48,29 +50,16 @@
     <h2 class="section-title">What VisionSage Can Do</h2>
     <div class="feature-grid">
       <div class="feature-card">
-        <a href="https://ibb.co/fG1Y4sLG"><img src="https://i.ibb.co/sJmvyZzJ/7718877.jpg" alt="7718877" border="0"></a>
+        <a href="https://ibb.co/fG1Y4sLG">
+          <img src="https://i.ibb.co/sJmvyZzJ/7718877.jpg" alt="7718877" border="0">
+        </a>
         <h3>Scene Description</h3>
         <p>Automatically describe what’s happening in an image using AI-generated captions.</p>
       </div>
       <div class="feature-card">
-        <a href="https://ibb.co/8gcnMNpz"><img src="https://i.ibb.co/F4Vk6mMs/danger-alert-sign-with-siren-light.jpg" alt="danger-alert-sign-with-siren-light" border="0"></a>
+        <a href="https://ibb.co/8gcnMNpz">
+          <img src="https://i.ibb.co/F4Vk6mMs/danger-alert-sign-with-siren-light.jpg" alt="danger-alert-sign-with-siren-light" border="0">
+        </a>
         <h3>Risk Prediction</h3>
         <p>Detect risks or hazards from visual input like accidents or unsafe behavior.</p>
-      </div>
-      <div class="feature-card">
-        <a href="https://ibb.co/MzMSV05"><img src="https://i.ibb.co/GZcp2S3/8451564.jpg" alt="8451564" border="0"></a>
-        <h3>Future Event Guessing</h3>
-        <p>Predict the next likely activity or outcome based on the image content.</p>
-      </div>
-    </div>
-
-    <p class="coming-soon">✨ More features coming soon...</p>
-  </section>
-
-  <!-- 📄 Footer -->
-  <footer>
-    <p>© 2025 VisionSage. All rights reserved.</p>
-  </footer>
-
-</body>
-</html>
+      </d