feat: landing showcase demo section

[seokju-na]

Summary

Adds a multi-platform "Live demo" section to the landing page — a dark spotlight band showing the same signed `.wvb` (a Hacker News reader) running on Electron, Tauri, iOS, and Android.

It also bundles a content refresh (docs + landing copy/data) that was already in the working tree.

Showcase section

• New `Showcase` component placed right after the Hero.
• Responsive: 2-up (desktop window + phone) on `lg+`; single phone (portrait) below `lg` so it never looks cramped on tablets/phones.
• Footage is dark-themed, so it's framed on an always-dark band (intentional focal moment in light mode too) with a blue glow matching the brand.
• WebM (VP9) primary + H.264 mp4 fallback (older Safari) + poster; honors `prefers-reduced-motion` (holds the poster).
• Adds a Demo nav anchor (`#demo`).
• Assets under `public/showcase/` (~4.3MB landscape / ~1.8MB phone WebM).

Content refresh (pre-existing working-tree changes)

• `content/docs/*` — guides + reference copy.
• Landing copy/data: Hero, CallToAction, Platforms, Navbar, ArchitectureDiagram, `data.ts`, `styles.css`.

Verification

• `yarn build` passes; assets bundle into `dist/client/showcase/`.
• Checked light/dark and 360 / 390 / 834 / 1024 / 1440 px widths.

Draft — the showcase and the content refresh can be split into separate PRs if preferred.

🤖 Generated with Claude Code

---

Summary by cubic

Adds a “Live demo” showcase to the landing page that plays the same signed .wvb app on Electron, Tauri, iOS, and Android, and refreshes docs/landing copy to match current APIs and platform status. On small screens the demo has a Mobile/Desktop toggle; the Desktop tab uses a single desktop-only cut; playback follows the active view and honors reduced motion.

• New Features

  • New Showcase section after the Hero with a dark spotlight band and #demo anchor; navbar adds “Demo”.
  • Responsive: 2‑up (desktop window + phone) on lg+; below lg, a Mobile/Desktop toggle (defaults to Mobile) with a dedicated desktop‑only cut for the Desktop tab.
  • WebM (VP9) primary with MP4 fallback and posters; playback tied to the visible cut; respects prefers-reduced-motion.
  • Ships assets under public/showcase/*; landing copy updates (Hero, CTA, Platforms “planned” labels, diagram caption); docs theme aligned with the landing.

• Migration

  • CLI config: pack.outFile → pack.outFileName.
  • Upload behavior: wvb upload packs by default. Use --no-pack to upload an existing file or --file <path>.
  • Download flag: use --no-write (was --skip-write).
  • Updater API: use download(...) + install(...) (was downloadUpdate(...)).
  • Tauri plugin namespace/commands: wvb-tauri (updater_get_update, updater_download, updater_install, etc.).
  • Android/iOS bindings: fetchBundle(...) (was fetch(...)).
  • Builtin bundles config: add builtin.target; move download.concurrency to target.download.concurrency.

^{Written for commit ac11e96. Summary will update on new commits.}

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	webview-bundle-website	ac11e96	Commit Preview URL Branch Preview URL	Jun 19 2026, 02:30 PM

[cubic-dev-ai]

1 issue found across 27 files

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="src/layouts/home/components/Showcase.tsx">

<violation number="1" location="src/layouts/home/components/Showcase.tsx:21">
P2: Video playback state is not updated on viewport breakpoint changes. Crossing `< lg`/`lg+` can show a paused video and keep a hidden one running.</violation>
</file>

<sub>Reply with feedback, questions, or to request a fix.

Re-trigger cubic</sub>

[cubic-dev-ai]

P2: Video playback state is not updated on viewport breakpoint changes. Crossing < lg/lg+ can show a paused video and keep a hidden one running.

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At src/layouts/home/components/Showcase.tsx, line 21:

<comment>Video playback state is not updated on viewport breakpoint changes. Crossing `< lg`/`lg+` can show a paused video and keep a hidden one running.</comment>

<file context>
@@ -0,0 +1,151 @@
+
+  // Play the currently visible video; pause the hidden one. Honors prefers-reduced-motion
+  // (everything stays paused on its poster). Re-runs whenever the tab toggles.
+  useEffect(() => {
+    const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    framesRef.current?.querySelectorAll('video').forEach(video => {
</file context>