u

index.html

@@ -3,11 +3,87 @@
 
 <head>
   <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <title>QuixPOS * Management Interface</title>
+
+  <!-- Primary Meta Tags -->
+  <meta name="title" content="QuixPOS * Management Interface" />
+  <meta name="description"
+    content="QuixPOS * Point-of-Sale- und Warenwirtschaftssystem. Schnelle Kassenabwicklung, intelligente Artikelverwaltung, Aufträge und Bestandsführung." />
+  <meta name="keywords"
+    content="QuixPOS, POS, Kassensystem, Warenwirtschaft, ERP, Artikelverwaltung, Lagerverwaltung, Kasse, Point of Sale" />
+  <meta name="author" content="QuixPOS" />
+  <meta name="robots" content="index, follow" />
+  <meta name="theme-color" content="#1d4ed8" />
+
+  <!-- Icons -->
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   <link rel="apple-touch-icon" href="/icons/icon-192.png" />
-  <meta name="theme-color" content="#1d4ed8" />
+
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <!-- Open Graph / Facebook / LinkedIn / WhatsApp -->
-  <title>Dashfront</title>
+  <meta property="og:type" content="website" />
+  <meta property="og:site_name" content="QuixPOS" />
+  <meta property="og:title" content="QuixPOS * Management Interface" />
+  <meta property="og:description"
+    content="Webbasiertes Point-of-Sale- und Warenwirtschaftssystem. Schnelle Kassenabwicklung, intelligente Artikelverwaltung und Bestandsführung." />
+  <meta property="og:image" content="/og-image.png" />
+  <meta property="og:image:secure_url" content="/og-image.png" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1200" />
+  <meta property="og:image:height" content="630" />
+  <meta property="og:image:alt" content="QuixPOS * Point-of-Sale & Warenwirtschaftssystem" />
+  <meta property="og:locale" content="de_DE" />
+
+  <!-- Twitter / X -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="QuixPOS * Management Interface" />
+  <meta name="twitter:description"
+    content="Webbasiertes Point-of-Sale- und Warenwirtschaftssystem. Schnelle Kassenabwicklung, intelligente Artikelverwaltung und Bestandsführung." />
+  <meta name="twitter:image" content="/og-image.png" />
+  <meta name="twitter:image:alt" content="QuixPOS * Point-of-Sale & Warenwirtschaftssystem" />
+
+  <!-- Structured Data: JSON-LD -->
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@graph": [
+      {
+        "@type": "WebApplication",
+        "@id": "#webapp",
+        "name": "QuixPOS",
+        "alternateName": "QuixPOS Management Interface",
+        "applicationCategory": "BusinessApplication",
+        "operatingSystem": "All",
+        "browserRequirements": "Requires modern JavaScript browser (Chrome, Firefox, Safari, Edge)",
+        "description": "Webbasiertes Point-of-Sale- und Warenwirtschaftssystem. Schnelle Kassenabwicklung, intelligente Artikelverwaltung, Aufträge und Bestandsführung.",
+        "image": "/og-image.png",
+        "screenshot": "/og-image.png",
+        "softwareVersion": "1.0",
+        "offers": {
+          "@type": "Offer",
+          "price": "0",
+          "priceCurrency": "EUR"
+        },
+        "featureList": [
+          "Point of Sale Kassenbetrieb",
+          "Artikel- & Barcodeverwaltung",
+          "Lager- & Lieferantenmanagement",
+          "Angebote & Bestellwesen",
+          "Kundenverwaltung & Preisgruppen"
+        ]
+      },
+      {
+        "@type": "Organization",
+        "@id": "#organization",
+        "name": "QuixPOS",
+        "logo": "/quixpos-logo.png",
+        "image": "/og-image.png",
+        "description": "Point-of-Sale & Warenwirtschaftssystem"
+      }
+    ]
+  }
+  </script>
+
   <style>
     /* First-paint colors. Mirrored from src/colors.js (MAIN_BACKGROUND /
        THEME_COLOR) because this file must paint before the JS bundle loads.
@@ -32,6 +108,17 @@
 </head>
 
 <body>
+  <noscript>
+    <div
+      style="font-family:system-ui,-apple-system,sans-serif;max-width:440px;margin:60px auto;padding:32px 24px;text-align:center;background:#ffffff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.12);color:#1e293b;">
+      <img src="/quixpos-logo.png" alt="QuixPOS Logo" width="96" height="96"
+        style="border-radius:16px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);" />
+      <h1 style="margin:0 0 6px;font-size:26px;font-weight:700;color:#0f2f35;">QuixPOS</h1>
+      <p style="margin:0 0 12px;font-size:16px;font-weight:600;color:#0f766e;">Management Interface</p>
+      <p style="margin:0;font-size:13px;color:#94a3b8;">Bitte aktivieren Sie JavaScript, um das Management Interface zu
+        nutzen.</p>
+    </div>
+  </noscript>
   <div id="root"></div>
   <script>
     (function () {

src/components/LoginPage.jsx

@@ -29,6 +29,7 @@ class LoginPage extends PureComponent {
   }
 
   componentDidMount() {
+    document.title = 'QuixPOS * Management Interface Login';
     this.unsubscribe = authAutomat.subscribe(this, ['status', 'googleClientId']);
   }
 

vite.config.js

@@ -184,8 +184,8 @@ function nginxHeadersPreviewPlugin() {
           res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
           res.setHeader('Pragma', 'no-cache');
           res.setHeader('Expires', '0');
-        } else if (/^\/(manifest\.webmanifest|favicon\.svg|icons\/.*)$/.test(url)) {
+        } else if (/^\/(manifest\.webmanifest|favicon\.svg|icons\/.*|og-image\.png|quixpos-logo\.png)$/.test(url)) {
-          // 1 hour for web manifest & icons
+          // 1 hour for web manifest & icons / social share assets
           res.setHeader('Cache-Control', 'public, max-age=3600');
           res.setHeader('Vary', 'Accept-Encoding');
         } else if (url.startsWith('/assets/')) {