Update index.html

index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>VoiceSync Studio - Dubbing Manager</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://unpkg.com/lucide@latest"></script>
+    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
     <style>
         /* Custom scrollbar for a cleaner look */
         ::-webkit-scrollbar {
@@ -170,7 +170,7 @@
                 <!-- Video Player Area -->
                 <div class="w-full aspect-video bg-black rounded-2xl shadow-2xl relative overflow-hidden group ring-1 ring-slate-800">
                     <!-- Simulated Video Content -->
-                    <img src="http://static.photos/640x360/nature/101" alt="Video Placeholder" class="w-full h-full object-cover opacity-50">
+                    <img src="https://static.photos/nature/640x360/101" alt="Video Placeholder" class="w-full h-full object-cover opacity-50">
                     
                     <!-- Play Overlay -->
                     <div class="absolute inset-0 flex items-center justify-center pointer-events-none">
@@ -352,7 +352,13 @@
     </div>
 
     <script>
-        lucide.createIcons();
+        document.addEventListener('DOMContentLoaded', function() {
+            if (typeof lucide !== 'undefined') {
+                lucide.createIcons();
+            } else {
+                console.error('Lucide library failed to load');
+            }
+        });
     </script>
 </body>
 </html>