Aplikacja kelnera jako PWA

public/waiter/index.php

@@ -9,9 +9,14 @@ $vJs = publicAssetVersion($waiterDir, 'app.js');
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <meta name="theme-color" content="#0f172a">
+    <meta name="description" content="Wezwania kelnera i prośby o rachunek – panel Biesiada">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="Kelner">
     <title>Kelner – wezwania</title>
+    <link rel="manifest" href="manifest.webmanifest">
+    <link rel="apple-touch-icon" href="icons/icon-192.png">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="app.css?v=<?= assetVersionAttr($vCss) ?>">
 </head>
@@ -27,6 +32,14 @@ $vJs = publicAssetVersion($waiterDir, 'app.js');
         </div>
     </header>
 
+    <section class="install-banner hidden" id="installBanner">
+        <div>
+            <strong>Zainstaluj aplikację</strong>
+            <p>Dodaj panel kelnera na ekran główny telefonu — szybszy dostęp bez paska adresu.</p>
+        </div>
+        <button type="button" class="btn btn-primary" id="installAppBtn">Instaluj</button>
+    </section>
+
     <section class="notify-banner hidden" id="notifyBanner">
         <div>
             <strong>Powiadomienia wyłączone</strong>