come salvo il sito?

index.html

@@ -260,7 +260,10 @@
 <h3 class="text-2xl font-bold mb-2">PromptGenius Wizard</h3>
                     <p class="text-gray-300">Crafting perfect AI prompts since 2023</p>
                 </div>
-                <div class="flex space-x-8">
+                <div class="flex flex-col space-y-4 md:space-y-0 md:space-x-8">
+                    <button onclick="saveSite()" class="text-gray-300 hover:text-white transition duration-300 hover:-translate-y-1 transform flex items-center">
+                        <i data-feather="download" class="w-5 h-5 mr-2"></i> Save Site
+                    </button>
 <a href="#" class="text-gray-300 hover:text-white transition duration-300 hover:-translate-y-1 transform">
                     <i data-feather="github" class="w-6 h-6 hover:text-purple-400"></i>
                 </a>
@@ -418,6 +421,31 @@
                 });
             }, 300);
 }
+        // Save site functionality
+        function saveSite() {
+            const htmlContent = document.documentElement.outerHTML;
+            const blob = new Blob([htmlContent], { type: 'text/html' });
+            const url = URL.createObjectURL(blob);
+            
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = 'PromptGenius-Wizard.html';
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+            
+            // Show feedback
+            const originalBtn = event.target.closest('button');
+            const originalHTML = originalBtn.innerHTML;
+            originalBtn.innerHTML = '<i data-feather="check" class="w-5 h-5 mr-2"></i> Saved!';
+            feather.replace();
+            
+            setTimeout(() => {
+                originalBtn.innerHTML = originalHTML;
+                feather.replace();
+            }, 2000);
+        }
     </script>
 </body>
 </html>