Update public/index.html

public/index.html

@@ -488,15 +488,16 @@
       try {
         const formData = new FormData(form);
         
-        // Simulate API call - replace with actual endpoint
-        await new Promise(resolve => setTimeout(resolve, 2000 + Math.random() * 3000));
-        
-        // Mock response - replace with actual API response
-        const mockResponse = {
-          viewLink: `https://filesnest.com/f/${Math.random().toString(36).substr(2, 8)}`,
-          fileName: fileInput.files[0].name,
-          fileSize: formatFileSize(fileInput.files[0].size)
-        };
+        const response = await fetch('https://nexusv1-uploadx.hf.space/upload', {
+          method: 'POST',
+          body: formData
+        });
+
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const data = await response.json();
 
         clearInterval(progressInterval);
         completeProgress();
@@ -506,10 +507,10 @@
             <div style="font-size: 2rem; margin-bottom: 15px;">🎉</div>
             <strong style="color: #4caf50; font-size: 1.2rem;">Upload Successful!</strong>
             <div style="margin: 15px 0; padding: 15px; background: rgba(76, 175, 80, 0.1); border-radius: 8px;">
-              <div style="margin-bottom: 8px;"><strong>File:</strong> ${mockResponse.fileName}</div>
-              <div style="margin-bottom: 15px;"><strong>Size:</strong> ${mockResponse.fileSize}</div>
+              <div style="margin-bottom: 8px;"><strong>File:</strong> ${fileInput.files[0].name}</div>
+              <div style="margin-bottom: 15px;"><strong>Size:</strong> ${formatFileSize(fileInput.files[0].size)}</div>
               <div><strong>Permanent Link:</strong></div>
-              <a href="${mockResponse.viewLink}" target="_blank" class="result-link" style="font-size: 1.1rem;">${mockResponse.viewLink}</a>
+              <a href="${data.viewLink}" target="_blank" class="result-link" style="font-size: 1.1rem;">${data.viewLink}</a>
             </div>
             <div style="color: #9d8bcc; font-size: 0.9rem;">Your file is now permanently hosted and accessible worldwide! 🌍</div>
           </div>
@@ -523,7 +524,7 @@
         
         result.innerHTML = `
           <strong style="color: #ff6b6b;">Upload Failed</strong>
-          <div style="margin-top: 10px; color: #ffb3b3;">Please try again or contact support if the problem persists.</div>
+          <div style="margin-top: 10px; color: #ffb3b3;">Error: ${error.message}. Please try again or contact support if the problem persists.</div>
         `;
         result.className = 'result error';
         result.style.display = 'block';