הוספת כפתור התקן את האפליקציה

index.html

@@ -748,6 +748,17 @@ https://bit.ly/a-tools
 
       <!-- <span>© 2025 כל הזכויות שמורות לשגיא בר און.</span> -->
       <div class="container mx-auto px-4 py-3 text-center space-y-2">
+        <!-- כפתור התקנת אפליקציה -->
+        <div id="installAppContainer" class="flex justify-center">
+          <button
+            id="installAppBtn"
+            class="mt-2 px-4 py-2 rounded-xl bg-gradient-to-br from-green-500 to-emerald-600 text-white font-bold shadow hover:scale-105 transition"
+            style="display: none"
+          >
+            📲 התקן את האפליקציה
+          </button>
+        </div>
+
         <div class="flex justify-center gap-4">
           <!-- אייקונים -->
           <a
@@ -1801,8 +1812,7 @@ https://bit.ly/a-tools
           });
         }
       }
-    </script>
-    <script>
+
       if ('serviceWorker' in navigator) {
         navigator.serviceWorker
           .register('/service-worker.js')
@@ -1811,6 +1821,29 @@ https://bit.ly/a-tools
             console.error('Service Worker registration failed:', err)
           );
       }
+
+      let deferredPrompt;
+      const installBtn = document.getElementById('installAppBtn');
+      const container = document.getElementById('installAppContainer');
+
+      window.addEventListener('beforeinstallprompt', (e) => {
+        e.preventDefault();
+        deferredPrompt = e;
+        installBtn.style.display = 'inline-block';
+
+        installBtn.addEventListener('click', () => {
+          deferredPrompt.prompt();
+          deferredPrompt.userChoice.then((choiceResult) => {
+            if (choiceResult.outcome === 'accepted') {
+              console.log('User accepted the A2HS prompt');
+              installBtn.style.display = 'none';
+            } else {
+              console.log('User dismissed the A2HS prompt');
+            }
+            deferredPrompt = null;
+          });
+        });
+      });
     </script>
 
     <!-- /* --------------------------------- */