اين النتيجة

index.html

@@ -131,8 +131,8 @@
                         </div>
                     </div>
                     <div id="resultContainer" class="hidden text-center w-full">
-                        <img id="resultImage" class="rounded-xl max-w-full mx-auto max-h-[500px]" src="" alt="Result">
-                        <div class="flex justify-center mt-6 space-x-4">
+                        <img id="resultImage" class="rounded-xl max-w-full mx-auto max-h-[500px]" src="http://static.photos/technology/640x360/123" alt="Result">
+<div class="flex justify-center mt-6 space-x-4">
                             <button class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-2 rounded-lg flex items-center">
                                 <i data-feather="download" class="mr-2"></i> تحميل
                             </button>
@@ -303,10 +303,9 @@
             setTimeout(() => {
                 document.getElementById('loadingState').classList.add('hidden');
                 document.getElementById('resultContainer').classList.remove('hidden');
-                
                 // Use a mock result (in a real app, this would be the processed image from the API)
-                document.getElementById('resultImage').src = imagePreview.src;
-            }, 3000);
+                document.getElementById('resultImage').src = "http://static.photos/technology/640x360/123";
+}, 3000);
         });
     </script>
 </body>