replace image - Follow Up Deployment

index.html

@@ -69,10 +69,20 @@
                 <a href="#" class="nav-link">Support</a>
             </div>
             <div class="flex items-center space-x-4">
-                <a href="#" class="px-4 py-2 rounded-md hover:bg-indigo-700 transition">Sign In</a>
+                <div class="relative group">
+                    <button class="flex items-center space-x-1 px-3 py-2 rounded-md hover:bg-indigo-700 transition">
+                        <i data-feather="globe" class="w-5 h-5"></i>
+                        <span class="hidden sm:inline">English</span>
+                        <i data-feather="chevron-down" class="w-4 h-4 hidden sm:block"></i>
+                    </button>
+                    <div class="absolute right-0 mt-2 w-40 bg-gray-800 rounded-md shadow-lg z-10 hidden group-hover:block">
+                        <a href="#" class="block px-4 py-2 text-white hover:bg-indigo-700 transition">English</a>
+                        <a href="#" class="block px-4 py-2 text-white hover:bg-indigo-700 transition">Nederlands</a>
+                    </div>
+                </div>
                 <a href="#" class="px-6 py-2 bg-indigo-600 rounded-md btn-hover">Get Started</a>
             </div>
-            <button class="md:hidden">
+            <button class="md:hidden" id="mobile-menu-button">
                 <i data-feather="menu"></i>
             </button>
         </div>
@@ -98,7 +108,7 @@
                 </div>
             </div>
             <div class="md:w-1/2" data-aos="fade-left">
-                <img src="http://static.photos/technology/1024x576/42" alt="WatchTiVo App" class="rounded-xl shadow-2xl card-hover">
+                <img src="http://static.photos/technology/1024x576/42" alt="StreamDream App" class="rounded-xl shadow-2xl card-hover hovered-element">
             </div>
         </div>
     </section>
@@ -253,7 +263,7 @@
                         </div>
                     </div>
                     <p class="text-gray-400">
-                        "WatchTiVo has completely changed how I watch TV. The interface is intuitive and the content selection is amazing!"
+                        "StreamDream has completely changed how I watch TV. The interface is intuitive and the content selection is amazing!"
                     </p>
                 </div>
                 <div class="bg-gray-800 p-8 rounded-xl card-hover" data-aos="fade-up" data-aos-delay="200">
@@ -379,6 +389,22 @@
             once: true
         });
         feather.replace();
+
+        // Mobile menu toggle
+        document.getElementById('mobile-menu-button').addEventListener('click', function() {
+            const menu = document.querySelector('.md\\:flex.space-x-8');
+            menu.classList.toggle('hidden');
+            menu.classList.toggle('flex');
+            menu.classList.toggle('flex-col');
+            menu.classList.toggle('absolute');
+            menu.classList.toggle('top-16');
+            menu.classList.toggle('right-6');
+            menu.classList.toggle('bg-gray-800');
+            menu.classList.toggle('p-4');
+            menu.classList.toggle('rounded-lg');
+            menu.classList.toggle('shadow-lg');
+            menu.classList.toggle('z-10');
+        });
     </script>
 </body>
 </html>

prompts.txt

@@ -1,2 +1,6 @@
 recreate https://watchtivo.com/ and add your own professional twists, like hover effects
-change the logo from WatchTiVo to StreamDream
+change the logo from WatchTiVo to StreamDream
+get rid of sign in and i want an option to switch language from english to netherlnds
+replace image with uploaded image and change the image up a bit for copyright
+make the language option  responsive
+replace image