seo: refine social card — SVG mark, more spacing, cache-busting filename

- Use the transparent SVG brand mark instead of the dark-background PNG.
- Increase spacing between the headline and the feature chips.
- Rename the card to assets/social-card.png so browser/CDN/social caches
  fetch the new image instead of the stale og-image.png; repoint og:image,
  twitter:image and JSON-LD accordingly.

index.html

@@ -23,7 +23,7 @@
 
     <!-- PWA Manifest -->
 <link rel="manifest" href="./manifest.json">
-<link rel="icon" type="image/x-icon" href="./logo/favicon.ico?v=1782331597042">
+<link rel="icon" type="image/x-icon" href="./logo/favicon.ico?v=1782332019425">
 
 <!-- PWA Meta Tags -->
 <meta name="mobile-web-app-capable" content="yes">
@@ -89,7 +89,7 @@
     <link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="./logo/splash/splash_screens/8.3__iPad_Mini_portrait.png">
     
 <!-- Apple Touch Icons -->
-<link rel="apple-touch-icon" href="./logo/icon-180x180.png?v=1782331597042">
+<link rel="apple-touch-icon" href="./logo/icon-180x180.png?v=1782332019425">
 <link rel="apple-touch-icon" sizes="57x57" href="./logo/icon-57x57.png">
 <link rel="apple-touch-icon" sizes="60x60" href="./logo/icon-60x60.png">
 <link rel="apple-touch-icon" sizes="72x72" href="./logo/icon-72x72.png">
@@ -98,7 +98,7 @@
 <link rel="apple-touch-icon" sizes="120x120" href="./logo/icon-120x120.png">
 <link rel="apple-touch-icon" sizes="144x144" href="./logo/icon-144x144.png">
 <link rel="apple-touch-icon" sizes="152x152" href="./logo/icon-152x152.png">
-<link rel="apple-touch-icon" sizes="180x180" href="./logo/icon-180x180.png?v=1782331597042">
+<link rel="apple-touch-icon" sizes="180x180" href="./logo/icon-180x180.png?v=1782332019425">
 
 <!-- Microsoft Tiles -->
 <meta name="msapplication-TileColor" content="#ff6b35">
@@ -127,8 +127,8 @@
     <meta property="og:url" content="https://securebit.chat/">
     <meta property="og:type" content="website">
     <meta property="og:locale" content="en_US">
-    <meta property="og:image" content="https://securebit.chat/assets/og-image.png">
+    <meta property="og:image" content="https://securebit.chat/assets/social-card.png">
-    <meta property="og:image:secure_url" content="https://securebit.chat/assets/og-image.png">
+    <meta property="og:image:secure_url" content="https://securebit.chat/assets/social-card.png">
     <meta property="og:image:type" content="image/png">
     <meta property="og:image:width" content="1200">
     <meta property="og:image:height" content="630">
@@ -138,7 +138,7 @@
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="SecureBit.chat — End-to-End Encrypted Peer-to-Peer Chat">
     <meta name="twitter:description" content="A secure messenger that runs entirely in your browser. No accounts, no servers storing your messages.">
-    <meta name="twitter:image" content="https://securebit.chat/assets/og-image.png">
+    <meta name="twitter:image" content="https://securebit.chat/assets/social-card.png">
     <meta name="twitter:image:alt" content="SecureBit.chat — end-to-end encrypted, peer-to-peer chat">
 
     <!-- Structured data (schema.org) -->
@@ -162,7 +162,7 @@
           "operatingSystem": "Any (modern web browser)",
           "browserRequirements": "Requires WebRTC and the Web Crypto API",
           "description": "A free, end-to-end encrypted peer-to-peer messenger. No accounts, no servers storing messages — ECDH P-384, AES-256-GCM and in-person SAS verification.",
-          "image": "https://securebit.chat/assets/og-image.png",
+          "image": "https://securebit.chat/assets/social-card.png",
           "license": "https://opensource.org/licenses/MIT",
           "isAccessibleForFree": true,
           "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
@@ -182,32 +182,32 @@
     <script src="config/ice-servers.js"></script>
     <script src="libs/react/react.production.min.js"></script>
     <script src="libs/react-dom/react-dom.production.min.js"></script>
-    <link rel="stylesheet" href="assets/tailwind.css?v=1782331597042">
+    <link rel="stylesheet" href="assets/tailwind.css?v=1782332019425">
-    <link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1782331597042">
+    <link rel="icon" type="image/x-icon" href="/logo/favicon.ico?v=1782332019425">
     <link rel="stylesheet" href="/assets/fontawesome/css/all.min.css">
     <link rel="preload" href="/assets/fontawesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/assets/fontawesome/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/assets/fontawesome/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="stylesheet" href="/assets/fonts/inter/inter.css">
-    <link rel="stylesheet" href="src/styles/main.css?v=1782331597042">
+    <link rel="stylesheet" href="src/styles/main.css?v=1782332019425">
-    <link rel="stylesheet" href="src/styles/animations.css?v=1782331597042">
+    <link rel="stylesheet" href="src/styles/animations.css?v=1782332019425">
-    <link rel="stylesheet" href="src/styles/components.css?v=1782331597042">
+    <link rel="stylesheet" href="src/styles/components.css?v=1782332019425">
-    <script src="src/scripts/fa-check.js?v=1782331597042"></script>
+    <script src="src/scripts/fa-check.js?v=1782332019425"></script>
     <!-- Update Manager - система принудительного обновления -->
-    <script src="src/utils/updateManager.js?v=1782331597042"></script>
+    <script src="src/utils/updateManager.js?v=1782332019425"></script>
-    <script type="module" src="src/components/UpdateChecker.jsx?v=1782331597042"></script>
+    <script type="module" src="src/components/UpdateChecker.jsx?v=1782332019425"></script>
-    <script type="module" src="dist/qr-local.js?v=1782331597042"></script>
+    <script type="module" src="dist/qr-local.js?v=1782332019425"></script>
-    <script type="module" src="src/components/QRScanner.js?v=1782331597042"></script>
+    <script type="module" src="src/components/QRScanner.js?v=1782332019425"></script>
 </head>
 <body>
     <div id="root"></div>
-    <script type="module" src="dist/app-boot.js?v=1782331597042"></script>
+    <script type="module" src="dist/app-boot.js?v=1782332019425"></script>
-    <script type="module" src="dist/app.js?v=1782331597042"></script>
+    <script type="module" src="dist/app.js?v=1782332019425"></script>
 
-<script src="src/scripts/pwa-register.js?v=1782331597042"></script>
+<script src="src/scripts/pwa-register.js?v=1782332019425"></script>
-<script src="./src/pwa/install-prompt.js?v=1782331597042" type="module"></script>
+<script src="./src/pwa/install-prompt.js?v=1782332019425" type="module"></script>
-<script src="./src/pwa/pwa-manager.js?v=1782331597042" type="module"></script>
+<script src="./src/pwa/pwa-manager.js?v=1782332019425" type="module"></script>
-<script src="./src/scripts/pwa-offline-test.js?v=1782331597042"></script>
+<script src="./src/scripts/pwa-offline-test.js?v=1782332019425"></script>
-<link rel="stylesheet" href="./src/styles/pwa.css?v=1782331597042">
+<link rel="stylesheet" href="./src/styles/pwa.css?v=1782332019425">
 </body>
 </html>

meta.json

@@ -1,10 +1,10 @@
 {
-  "version": "1782331597042",
+  "version": "1782332019425",
-  "buildVersion": "1782331597042",
+  "buildVersion": "1782332019425",
   "appVersion": "4.9.1",
-  "buildTime": "2026-06-24T20:06:37.081Z",
+  "buildTime": "2026-06-24T20:13:39.462Z",
-  "buildId": "1782331597042-ae6900d",
+  "buildId": "1782332019425-62567fb",
-  "gitHash": "ae6900d",
+  "gitHash": "62567fb",
   "generated": true,
-  "generatedAt": "2026-06-24T20:06:37.090Z"
+  "generatedAt": "2026-06-24T20:13:39.471Z"
 }