Menuen / header fra index.html skal være den samme på alle sider! - Follow Up Deployment

index.html

@@ -65,6 +65,8 @@
                 <img src="https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/soulmatch%20-%20kun%20logo.png" alt="SoulMatch Logo" class="h-10 w-10 rounded-full">
                 <span class="text-xl font-bold text-primary">SoulMatch</span>
             </div>
+            
+            <!-- Desktop Navigation -->
             <nav class="hidden md:flex space-x-6">
                 <a href="index.html" class="font-semibold hover:text-primary transition">Hjem</a>
                 <a href="om-os.html" class="font-semibold hover:text-primary transition">Om os</a>
@@ -74,11 +76,41 @@
                 <a href="partner-invitation.html" class="font-semibold hover:text-primary transition">Bliv Partner</a>
                 <a href="#" class="font-semibold hover:text-primary transition">Kontakt</a>
             </nav>
+            
             <div class="flex items-center space-x-3">
-                <button class="px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                <!-- Mobile download button -->
+                <button class="md:hidden p-2 rounded-full bg-primary text-white hover:bg-primary-dark transition">
+                    <i data-feather="download" class="w-5 h-5"></i>
+                </button>
+                
+                <!-- Desktop download button -->
+                <button class="hidden md:block px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                
                 <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
-                    <i data-feather="moon" class="dark:hidden"></i>
-                    <i data-feather="sun" class="hidden dark:block"></i>
+                    <i data-feather="moon" class="dark:hidden w-5 h-5"></i>
+                    <i data-feather="sun" class="hidden dark:block w-5 h-5"></i>
+                </button>
+                
+                <!-- Mobile menu button -->
+                <button id="mobile-menu-button" class="md:hidden p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
+                    <i data-feather="menu" class="block w-5 h-5"></i>
+                    <i data-feather="x" class="hidden w-5 h-5"></i>
+                </button>
+            </div>
+        </div>
+        
+        <!-- Mobile Navigation -->
+        <div id="mobile-menu" class="md:hidden hidden bg-white dark:bg-dark-surface border-t border-gray-200 dark:border-dark-border">
+            <div class="container mx-auto px-4 py-4 flex flex-col space-y-4">
+                <a href="index.html" class="font-semibold py-2 hover:text-primary transition">Hjem</a>
+                <a href="om-os.html" class="font-semibold py-2 hover:text-primary transition">Om os</a>
+                <a href="koncept.html" class="font-semibold py-2 hover:text-primary transition">Koncept</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Funktioner</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Sikkerhed</a>
+                <a href="partner-invitation.html" class="font-semibold py-2 hover:text-primary transition">Bliv Partner</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Kontakt</a>
+                <button class="w-full py-3 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition flex items-center justify-center">
+                    <i data-feather="download" class="mr-2 w-5 h-5"></i> Download Appen
                 </button>
             </div>
         </div>
@@ -354,6 +386,27 @@
             }
         });
         
+        // Mobile menu toggle
+        const mobileMenuButton = document.getElementById('mobile-menu-button');
+        const mobileMenu = document.getElementById('mobile-menu');
+        const menuIcon = mobileMenuButton.querySelector('[data-feather="menu"]');
+        const closeIcon = mobileMenuButton.querySelector('[data-feather="x"]');
+        
+        mobileMenuButton.addEventListener('click', function() {
+            mobileMenu.classList.toggle('hidden');
+            menuIcon.classList.toggle('hidden');
+            closeIcon.classList.toggle('hidden');
+        });
+        
+        // Close mobile menu when clicking outside
+        document.addEventListener('click', function(event) {
+            if (!mobileMenu.contains(event.target) && !mobileMenuButton.contains(event.target) && !mobileMenu.classList.contains('hidden')) {
+                mobileMenu.classList.add('hidden');
+                menuIcon.classList.remove('hidden');
+                closeIcon.classList.add('hidden');
+            }
+        });
+        
         // Update theme toggle icon on load
         function updateThemeIcon() {
             const sunIcon = themeToggle.querySelector('[data-feather="sun"]');

koncept.html

@@ -62,11 +62,11 @@
     <header class="sticky top-0 z-50 bg-white dark:bg-dark-surface shadow-sm">
         <div class="container mx-auto px-4 py-3 flex justify-between items-center">
             <div class="flex items-center space-x-2">
-                <a href="index.html">
-                    <img src="https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/soulmatch%20-%20kun%20logo.png" alt="SoulMatch Logo" class="h-10 w-10 rounded-full">
-                </a>
+                <img src="https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/soulmatch%20-%20kun%20logo.png" alt="SoulMatch Logo" class="h-10 w-10 rounded-full">
                 <span class="text-xl font-bold text-primary">SoulMatch</span>
             </div>
+            
+            <!-- Desktop Navigation -->
             <nav class="hidden md:flex space-x-6">
                 <a href="index.html" class="font-semibold hover:text-primary transition">Hjem</a>
                 <a href="om-os.html" class="font-semibold hover:text-primary transition">Om os</a>
@@ -76,11 +76,41 @@
                 <a href="partner-invitation.html" class="font-semibold hover:text-primary transition">Bliv Partner</a>
                 <a href="#" class="font-semibold hover:text-primary transition">Kontakt</a>
             </nav>
+            
             <div class="flex items-center space-x-3">
-                <button class="px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                <!-- Mobile download button -->
+                <button class="md:hidden p-2 rounded-full bg-primary text-white hover:bg-primary-dark transition">
+                    <i data-feather="download" class="w-5 h-5"></i>
+                </button>
+                
+                <!-- Desktop download button -->
+                <button class="hidden md:block px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                
                 <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
-                    <i data-feather="moon" class="dark:hidden"></i>
-                    <i data-feather="sun" class="hidden dark:block"></i>
+                    <i data-feather="moon" class="dark:hidden w-5 h-5"></i>
+                    <i data-feather="sun" class="hidden dark:block w-5 h-5"></i>
+                </button>
+                
+                <!-- Mobile menu button -->
+                <button id="mobile-menu-button" class="md:hidden p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
+                    <i data-feather="menu" class="block w-5 h-5"></i>
+                    <i data-feather="x" class="hidden w-5 h-5"></i>
+                </button>
+            </div>
+        </div>
+        
+        <!-- Mobile Navigation -->
+        <div id="mobile-menu" class="md:hidden hidden bg-white dark:bg-dark-surface border-t border-gray-200 dark:border-dark-border">
+            <div class="container mx-auto px-4 py-4 flex flex-col space-y-4">
+                <a href="index.html" class="font-semibold py-2 hover:text-primary transition">Hjem</a>
+                <a href="om-os.html" class="font-semibold py-2 hover:text-primary transition">Om os</a>
+                <a href="koncept.html" class="font-semibold py-2 hover:text-primary transition">Koncept</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Funktioner</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Sikkerhed</a>
+                <a href="partner-invitation.html" class="font-semibold py-2 hover:text-primary transition">Bliv Partner</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Kontakt</a>
+                <button class="w-full py-3 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition flex items-center justify-center">
+                    <i data-feather="download" class="mr-2 w-5 h-5"></i> Download Appen
                 </button>
             </div>
         </div>

partner-invitation.html

@@ -76,13 +76,42 @@
                 <a href="#" class="font-semibold hover:text-primary transition">Kontakt</a>
             </nav>
             <div class="flex items-center space-x-3">
-                <button class="px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                <!-- Mobile download button -->
+                <button class="md:hidden p-2 rounded-full bg-primary text-white hover:bg-primary-dark transition">
+                    <i data-feather="download" class="w-5 h-5"></i>
+                </button>
+                
+                <!-- Desktop download button -->
+                <button class="hidden md:block px-4 py-2 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition">Download</button>
+                
                 <button id="theme-toggle" class="p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
-                    <i data-feather="moon" class="dark:hidden"></i>
-                    <i data-feather="sun" class="hidden dark:block"></i>
+                    <i data-feather="moon" class="dark:hidden w-5 h-5"></i>
+                    <i data-feather="sun" class="hidden dark:block w-5 h-5"></i>
+                </button>
+                
+                <!-- Mobile menu button -->
+                <button id="mobile-menu-button" class="md:hidden p-2 rounded-full hover:bg-gray-200 dark:hover:bg-dark-surface-light">
+                    <i data-feather="menu" class="block w-5 h-5"></i>
+                    <i data-feather="x" class="hidden w-5 h-5"></i>
                 </button>
             </div>
         </div>
+        
+        <!-- Mobile Navigation -->
+        <div id="mobile-menu" class="md:hidden hidden bg-white dark:bg-dark-surface border-t border-gray-200 dark:border-dark-border">
+            <div class="container mx-auto px-4 py-4 flex flex-col space-y-4">
+                <a href="index.html" class="font-semibold py-2 hover:text-primary transition">Hjem</a>
+                <a href="om-os.html" class="font-semibold py-2 hover:text-primary transition">Om os</a>
+                <a href="koncept.html" class="font-semibold py-2 hover:text-primary transition">Koncept</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Funktioner</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Sikkerhed</a>
+                <a href="#" class="font-semibold py-2 hover:text-primary transition">Kontakt</a>
+                <button class="w-full py-3 rounded-full bg-primary text-white font-bold hover:bg-primary-dark transition flex items-center justify-center">
+                    <i data-feather="download" class="mr-2 w-5 h-5"></i> Download Appen
+                </button>
+            </div>
+        </div>
+        </div>
     </header>
 
     <!-- Hero Section -->

prompts.txt

@@ -1277,4 +1277,8 @@ Udskift billedet med dette billede: https://q1f3.c3.e2-9.dev/soulmatch-uploads-p
 Udskift dette billede med det her billede: https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/web%20homepage/sikkerhed%20forst%20saa%20modes%20vi.png
 Udskift dette billede med https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/web%20homepage/2cc3deac-164e-421c-b598-0e4189c11c78.webp
 Skift logoet på alle sider til dette her: https://q1f3.c3.e2-9.dev/soulmatch-uploads-public/soulmatch%20-%20kun%20logo.png
-Lav menuen mere responsiv på alle sider, og flot "burger" menu på mobil
+Lav menuen mere responsiv på alle sider, og flot "burger" menu på mobil
+Lav menu responsiv på alle enligheder på alle sider. Og husk at vise "Download" icon med på mobil inden burger menu.
+Du mangler at opdatere koncept.html med den nye menu
+Fra index.html gem menuen som et componment og tilføj dem og alle sider
+Menuen / header fra index.html skal være den samme på alle sider!