Docs 1.0.2: remove web refs and add product screenshots

.vitepress/theme/components/HomeHero.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import { useData } from 'vitepress'
-import BrandIcon from './BrandIcon.vue'
 import DownloadPicker from './DownloadPicker.vue'
 import { useSitePrefs } from '../composables/useSitePrefs'
 
@@ -23,6 +23,13 @@ const props = withDefaults(
 
 const { isDark: vpDark } = useData()
 const { isDark, prefs } = useSitePrefs()
+
+const phoneShot = computed(() => {
+  const dark = isDark.value || vpDark.value
+  return dark
+    ? '/screenshots/openkey-vault-dark.png'
+    : '/screenshots/openkey-vault-light.png'
+})
 </script>
 
 <template>
@@ -37,8 +44,16 @@ const { isDark, prefs } = useSitePrefs()
     </div>
 
     <div class="ok-hero__stage">
-      <div class="ok-hero__icon-wrap">
-        <BrandIcon size="hero" class="ok-hero__icon" />
+      <div class="ok-hero__phone-wrap">
+        <div class="ok-hero__phone" aria-hidden="true">
+          <img
+            class="ok-hero__phone-shot"
+            :src="phoneShot"
+            alt="OpenKey vault screen on mobile"
+            width="390"
+            height="844"
+          />
+        </div>
       </div>
 
       <div class="ok-hero__content">

.vitepress/theme/custom.css

@@ -330,6 +330,53 @@ html.dark body {
   filter: blur(18px);
 }
 
+.ok-hero__phone-wrap {
+  position: relative;
+  justify-self: center;
+}
+
+.ok-hero__phone {
+  position: relative;
+  width: min(42vw, 220px);
+  border-radius: 28px;
+  padding: 10px;
+  background: linear-gradient(
+    155deg,
+    color-mix(in srgb, var(--ok-ink) 12%, transparent),
+    color-mix(in srgb, var(--ok-teal) 18%, transparent)
+  );
+  box-shadow:
+    0 28px 56px rgba(16, 36, 28, 0.18),
+    0 0 0 1px color-mix(in srgb, var(--ok-line) 80%, transparent);
+}
+
+.dark .ok-hero__phone {
+  box-shadow:
+    0 28px 56px rgba(0, 0, 0, 0.45),
+    0 0 0 1px color-mix(in srgb, var(--ok-line) 55%, transparent);
+}
+
+.ok-hero__phone::before {
+  content: '';
+  position: absolute;
+  top: 14px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 28%;
+  height: 5px;
+  border-radius: 99px;
+  background: color-mix(in srgb, var(--ok-ink) 22%, transparent);
+  z-index: 2;
+}
+
+.ok-hero__phone-shot {
+  display: block;
+  width: 100%;
+  height: auto;
+  border-radius: 20px;
+  background: var(--vp-c-bg);
+}
+
 .ok-hero__content {
   position: relative;
   z-index: 1;
@@ -490,6 +537,14 @@ html.dark body {
     justify-self: start;
   }
 
+  .ok-hero__phone-wrap {
+    justify-self: start;
+  }
+
+  .ok-hero__phone {
+    width: min(52vw, 200px);
+  }
+
   .ok-hero__icon {
     width: min(42vw, 152px);
   }
@@ -1995,26 +2050,26 @@ button.ok-hero__cta--primary:focus {
 .ok-app-visual {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
+  align-items: flex-end;
   gap: 1.25rem 1.75rem;
   margin: 1.25rem 0 1.75rem;
 }
 
 .ok-app-visual img {
-  width: 120px;
-  height: 120px;
-  border-radius: 28%;
-  box-shadow: 0 12px 32px rgba(16, 36, 28, 0.12);
+  border-radius: 20px;
+  box-shadow: 0 16px 40px rgba(16, 36, 28, 0.14);
   background: var(--vp-c-bg-elv);
 }
 
-.ok-app-visual img + img {
-  height: 48px;
-  width: auto;
-  object-fit: contain;
-  box-shadow: none;
-  border-radius: 0;
-  background: transparent;
+.ok-app-shot--phone {
+  width: min(220px, 42vw);
+  height: auto;
+}
+
+.ok-app-shot--desktop {
+  width: min(100%, 520px);
+  height: auto;
+  border-radius: 16px;
 }
 
 .ok-post-cover {

ar/blog/openkey-pro.md

@@ -40,9 +40,6 @@ cover: /blog/covers/openkey-pro-ar.svg
 - Android و iOS و macOS **تتجاهل** LAN Pro؛ اشترِ أو استعد Pro من ذلك المتجر
 - إلغاء الاقتران يوقف الشهادة
 
-## بنى الويب
-
-**بنى الويب لا تفرض Pro بعد.** بنى الجوال وسطح المكتب تفعل. خطّط لذلك إن اختبرت في المتصفح.
 
 ## للتعمق
 

ar/guide/app.md

@@ -13,7 +13,7 @@ OpenKey هو عميل للجوال وسطح المكتب على Android و iOS 
 
 ## المجاني مقابل OpenKey Pro {#free-vs-openkey-pro}
 
-ميزات الخزنة الأساسية تعمل دون اتصال ودون اشتراك. على Android و iOS و macOS و Windows و Linux يرفع Pro الحدود ويفتح إضافات. بنى الويب لا تفرض Pro بعد. على المنصات **بلا** IAP متجر (غالباً Windows/Linux)، يمكن لنظير Nearby مقترن مشاركة شهادة **LAN Pro** — تسهيل فقط وليست إثبات شراء مشفّر (منصات IAP المتجر تتجاهل LAN Pro).
+ميزات الخزنة الأساسية تعمل دون اتصال ودون اشتراك. على Android و iOS و macOS و Windows و Linux يرفع Pro الحدود ويفتح إضافات. على المنصات **بلا** IAP متجر (غالباً Windows/Linux)، يمكن لنظير Nearby مقترن مشاركة شهادة **LAN Pro** — تسهيل فقط وليست إثبات شراء مشفّر (منصات IAP المتجر تتجاهل LAN Pro).
 
 | | مجاني | Pro |
 |--|------|-----|

ar/guide/changelog.md

@@ -2,6 +2,11 @@
 
 ملاحظات الإصدار لحزم OpenKey في هذا المستودع. إصدار التطبيق يتبع `openkey_app` (`pubspec.yaml`). إصدار التوثيق يتبع هذا الموقع.
 
+
+## 1.0.2 (2026-08-13)
+
+See [English changelog](/guide/changelog#10-02-2026-08-13) — web target removed; app **1.0.2+3**.
+
 ## 1.0.0 (2026)
 
 أول قطع توثيق عام متوافق مع التطبيق **1.0.0+1** والحزم المفتوحة (`openkey_server`، `openkey_extension`، `openkey_cli`، `openkey_docs`).

ar/guide/faq.md

@@ -88,9 +88,6 @@
 
 العناصر المحذوفة بهدوء تُزامن كـ **tombstones** حتى يلحق الأقران. آخر كتابة تفوز تستخدم `revision` لكل عنصر — التعديلات المتزامنة قد تُستبدل.
 
-### هل تفرض بنى الويب Pro؟
-
-**ليس بعد.** بنى الويب لا تفرض حدود Pro اليوم. بنى الجوال وسطح المكتب تفعل.
 
 ### كيف تعمل المنظمات والمشاركات؟
 

ar/pricing.md

@@ -55,9 +55,6 @@
 
 التفاصيل: [Nearby](/ar/guide/nearby) · [الأسئلة الشائعة](/ar/guide/faq)
 
-### بنى الويب
-
-بنى الويب **لا تفرض Pro بعد**. بنى الجوال وسطح المكتب للمتجر تفعل.
 
 ## الإدارة أو الإلغاء
 

ar/privacy.md

@@ -21,7 +21,7 @@
 
 ## من تشمل هذه السياسة
 
-تنطبق على تطبيق OpenKey الرسمي (Android و iOS و macOS و Windows و Linux وبنى الويب لنفس المنتج). الحزم المنفصلة (خادم، امتداد، CLI، موقع الوثائق) تتبع نفس مبادئ انعدام المعرفة؛ مشغّلو خادم مستضاف ذاتياً هم المتحكّمون ببيانات التشغيل لذلك المثيل.
+تنطبق على تطبيق OpenKey الرسمي (Android و iOS و macOS و Windows و Linux). الحزم المنفصلة (خادم، امتداد، CLI، موقع الوثائق) تتبع نفس مبادئ انعدام المعرفة؛ مشغّلو خادم مستضاف ذاتياً هم المتحكّمون ببيانات التشغيل لذلك المثيل.
 
 ## معلومات لا نجمعها
 

ar/terms.md

@@ -44,7 +44,6 @@ OpenKey مدير كلمات مرور يشفّر بيانات الخزنة على
 - **LAN Pro** عبر Nearby على بعض منصات سطح المكتب تسهيل شهادة بين الأقران، وليس بديلاً عن شراء المتجر على منصات IAP.
 - قد تتغيّر الأسعار وتوفر الميزات؛ نعكس التغييرات الجوهرية في الوثائق أو قوائم المتجر.
 
-بنى الويب قد لا تفرض Pro بنفس طريقة بنى الجوال/سطح المكتب؛ لا تعتمد على سلوك الويب للترخيص.
 
 ## 6. خدمات الطرف الثالث
 

blog/openkey-pro.md

@@ -40,10 +40,6 @@ On platforms **without** store in-app purchase (typically Windows / Linux), a Pr
 - Android, iOS, and macOS **ignore** LAN Pro; buy or restore Pro on that store
 - Unpairing stops the attestation
 
-## Web builds
-
-**Web builds do not enforce Pro yet.** Mobile and desktop store/desktop builds do. Plan accordingly if you test in the browser.
-
 ## Dig deeper
 
 - [Pricing](/pricing) — plans, how to buy, cancel

bn/blog/openkey-pro.md

@@ -40,9 +40,6 @@ Store in-app purchase **নেই** এমন প্ল্যাটফর্ম
 - Android, iOS ও macOS LAN Pro **উপেক্ষা** করে; সেই store-এ Pro কিনুন বা restore করুন
 - Unpair করলে attestation বন্ধ হয়
 
-## Web build
-
-**Web build এখনো Pro enforce করে না।** Mobile ও desktop store/desktop build করে। ব্রাউজারে test করলে সেই অনুযায়ী পরিকল্পনা করুন।
 
 ## আরও জানুন
 

bn/guide/changelog.md

@@ -2,6 +2,6 @@
 
 Full changelog: [English](/guide/changelog) · [العربية](/ar/guide/changelog) · [Español](/es/guide/changelog) · [Français](/fr/guide/changelog)
 
-Current documented release: **1.0.0** (app `1.0.0+1`).
+Current documented release: **1.0.2** (app `1.0.2+3`).
 
 Next: [Download](./download) · [FAQ](./faq)

bn/guide/faq.md

@@ -88,9 +88,6 @@ Entry-তে authenticator secret বা `otpauth` URI যোগ করুন, 
 
 Soft-deleted items **tombstones** হিসেবে sync যতক্ষণ peers catch up। Last-write-wins per-item `revision` ব্যবহার করে — concurrent edits এখনো overwrite করতে পারে।
 
-### Do web builds require Pro?
-
-**এখনো না।** Web builds আজ Pro limits enforce না করে। Mobile ও desktop store/desktop builds করে।
 
 ### How do organizations and shares work?
 

bn/pricing.md

@@ -55,10 +55,6 @@ In-app purchases **Android, iOS, এবং macOS**-এ উপলব্ধ। Win
 
 বিস্তারিত: [Nearby → LAN Pro](/bn/guide/nearby#lan-pro-attestation) · [FAQ](/bn/guide/faq)
 
-### Web builds
-
-Web builds **এখনো Pro enforce না করে**। Mobile ও desktop store builds enforce করে।
-
 ## Manage বা cancel
 
 - **Apple:** Settings → Apple ID → Subscriptions (অথবা App Store subscriptions)

bn/privacy.md

@@ -21,7 +21,7 @@
 
 ## কাকে কভার করে
 
-এই policy official OpenKey **app** (Android, iOS, macOS, Windows, Linux, ও same product-এর web builds)-এ প্রযোজ্য। আলাদা packages (self-hosted server, browser extension, CLI, documentation site) same zero-knowledge principles অনুসরণ করে; self-hosted server operators সেই instance-এর operational data-এর controllers (নিচে দেখুন)।
+এই policy official OpenKey **app** (Android, iOS, macOS, Windows, Linux)-এ প্রযোজ্য। আলাদা packages (self-hosted server, browser extension, CLI, documentation site) same zero-knowledge principles অনুসরণ করে; self-hosted server operators সেই instance-এর operational data-এর controllers (নিচে দেখুন)।
 
 ## তথ্য যা আমরা collect না করি
 

bn/terms.md

@@ -44,7 +44,6 @@ Open packages (server, extension, CLI, docs) সাধারণত **MIT License
 - কিছু desktop platforms-এ Nearby-এর over **LAN Pro** peer attestation convenience, IAP platforms-এ store purchase-এর substitute নয়।
 - Prices ও feature availability বদলাতে পারে; material product changes documentation বা store listings-এ reflect করব।
 
-Web builds mobile/desktop builds যেমন Pro enforce নাও করতে পারে; licensing-এর জন্য web behavior-এর উপর rely না করুন।
 
 ## 6. Third-party services
 

es/guide/changelog.md

@@ -2,6 +2,11 @@
 
 Notas de publicación de los paquetes OpenKey de este monorepo. La versión de la app sigue `openkey_app` (`pubspec.yaml`). La versión de la documentación sigue este sitio.
 
+
+## 1.0.2 (2026-08-13)
+
+See [English changelog](/guide/changelog#10-02-2026-08-13) — web target removed; app **1.0.2+3**.
+
 ## 1.0.0 (2026)
 
 Primer corte público de documentación alineado con la app **1.0.0+1** y los paquetes abiertos (`openkey_server`, `openkey_extension`, `openkey_cli`, `openkey_docs`).

fr/guide/changelog.md

@@ -2,6 +2,11 @@
 
 Notes de version des paquets OpenKey de ce monorepo. La version de l’app suit `openkey_app` (`pubspec.yaml`). La version de la doc suit ce site.
 
+
+## 1.0.2 (2026-08-13)
+
+See [English changelog](/guide/changelog#10-02-2026-08-13) — web target removed; app **1.0.2+3**.
+
 ## 1.0.0 (2026)
 
 Première coupe de documentation publique alignée avec l’app **1.0.0+1** et les paquets ouverts (`openkey_server`, `openkey_extension`, `openkey_cli`, `openkey_docs`).

guide/app.md

@@ -3,7 +3,27 @@
 OpenKey is the mobile and desktop client for Android, iOS, macOS, Linux, and Windows. Core vault features are free; OpenKey Pro unlocks extras. Your vault lives encrypted on the device; a self-hosted [server](./server) is optional for sync. Install it from the official store or download channel for your platform.
 
 <p class="ok-app-visual">
-  <img src="/app_icon.png" alt="OpenKey app icon" width="120" height="120" />
+  <img
+    src="/screenshots/openkey-vault-light.png"
+    alt="OpenKey vault on mobile — collections and logins"
+    class="ok-app-shot ok-app-shot--phone"
+    width="390"
+    height="844"
+  />
+  <img
+    src="/screenshots/openkey-onboarding-light.png"
+    alt="OpenKey first-run onboarding — trust FAQ before vault setup"
+    class="ok-app-shot ok-app-shot--phone"
+    width="390"
+    height="844"
+  />
+  <img
+    src="/screenshots/openkey-desktop-light.png"
+    alt="OpenKey on desktop — navigation rail and vault list"
+    class="ok-app-shot ok-app-shot--desktop"
+    width="1200"
+    height="750"
+  />
 </p>
 
 ## Install
@@ -15,7 +35,7 @@ Related packages in this project include the [server](./server), [browser extens
 
 ## Free vs OpenKey Pro {#free-vs-openkey-pro}
 
-Core vault features work offline without a subscription. On Android, iOS, macOS, Windows, and Linux, Pro raises limits and unlocks extras. Web builds do not enforce Pro yet. On platforms **without** store IAP (typically Windows/Linux), a paired Nearby peer can share a **LAN Pro** attestation — convenience only, not a cryptographic proof of purchase (store-IAP platforms ignore LAN Pro).
+Core vault features work offline without a subscription. On Android, iOS, macOS, Windows, and Linux, Pro raises limits and unlocks extras. On platforms **without** store IAP (typically Windows/Linux), a paired Nearby peer can share a **LAN Pro** attestation — convenience only, not a cryptographic proof of purchase (store-IAP platforms ignore LAN Pro).
 
 | | Free | Pro |
 |--|------|-----|

guide/changelog.md

@@ -2,6 +2,20 @@
 
 Release notes for OpenKey packages in this monorepo. App version follows `openkey_app` (`pubspec.yaml`). Docs version tracks this site.
 
+## 1.0.2 (2026-08-13)
+
+Aligned with app **1.0.2+3**.
+
+### App
+
+- **Removed Flutter web target** — OpenKey ships as native Android, iOS, macOS, Windows, and Linux only (no `web/` build or `build_all` web artifacts)
+- Pro enforcement applies on all shipped desktop and mobile targets
+
+### Docs
+
+- Removed references to a separate web app build; pricing, FAQ, privacy, and terms updated accordingly
+- Product screenshots on the home hero and [Using the app](./app) guide (vault, onboarding, desktop previews)
+
 ## 1.0.0 (2026)
 
 First public documentation cut aligned with app **1.0.0+1** and the open packages (`openkey_server`, `openkey_extension`, `openkey_cli`, `openkey_docs`).
@@ -50,7 +64,6 @@ First public documentation cut aligned with app **1.0.0+1** and the open package
 - Fuller changelog and security guides for hi / bn / pt / ru / ur
 - FAQ heading polish for hi / bn (some English H2/H3 skeletons remain)
 - Changelog entries per package as standalone remotes ship tagged releases
-- Product screenshots beyond brand icon / wordmark
 
 ## How versions relate
 

guide/faq.md

@@ -88,10 +88,6 @@ Yes — folders can contain other folders (`parent` relationship). Nested logins
 
 Soft-deleted items sync as **tombstones** until peers catch up. Last-write-wins uses per-item `revision` — concurrent edits can still overwrite.
 
-### Do web builds require Pro?
-
-**Not yet.** Web builds do not enforce Pro limits today. Mobile and desktop store/desktop builds do.
-
 ### How do organizations and shares work?
 
 Pro + same self-hosted server. Publish identity keys, then invite to an org or share an entry snapshot. Details: [Sharing & organizations](./sharing).

hi/blog/openkey-pro.md

@@ -40,9 +40,6 @@ Free tier caps (Pro enforce करने वाले mobile/desktop builds): **
 - Android, iOS, और macOS LAN Pro **ignore** करते हैं; उस store पर Pro खरीदें या restore करें
 - Unpairing attestation रोकता है
 
-## Web builds
-
-**Web builds अभी Pro enforce नहीं करते।** Mobile और desktop store/desktop builds करते हैं। browser में test करें तो उसी हिसाब से plan करें।
 
 ## और गहराई से