feat(landing): unify multilingual download conversion (#6369)

* feat(landing): unify multilingual download conversion

* fix(landing): refresh homepage proof points

* fix(landing): harden download prompt triggers

* fix(landing): keep iPadOS download fallback

* fix(landing): localize template share URLs

* fix(landing): preserve iPadOS prompt fallback

---------

Co-authored-by: Joey-nexu <joeylee12629-star@users.noreply.github.com>

Author: xne998808-ai

apps/landing-page/app/_components/download-engagement-prompt.astro

@@ -205,6 +205,13 @@
       const btn = document.querySelector('[data-download-cta]:not([data-download-page])');
       if (!btn) return;
       const ua = navigator.userAgent || '';
+      const platform = (
+        navigator.userAgentData?.platform ||
+        navigator.platform ||
+        ''
+      ).toLowerCase();
+      const isIpadOS = navigator.maxTouchPoints > 1 && /mac/.test(platform);
+      if (isIpadOS || /iPhone|iPad|iPod/i.test(ua)) return;
       const isWin = /Windows|Win32|Win64|WOW64/i.test(ua);
       const isMac = /Macintosh|Mac OS X/i.test(ua) && !/iPhone|iPad|iPod/i.test(ua);
 

apps/landing-page/app/_components/home-enhancer.astro

@@ -10,6 +10,7 @@ import {
 } from '../i18n';
 import { getFooterLegalCopy } from '../footer-legal-i18n';
 import { getSolutionPageCopy, type SolutionPageKey } from '../solution-pages-i18n';
+import DownloadEngagementPrompt from './download-engagement-prompt.astro';
 
 interface Props {
   counts: HeaderProps['counts'];
@@ -261,3 +262,5 @@ const l = getFooterLegalCopy(locale);
     }
   </style>
 </footer>
+
+<DownloadEngagementPrompt locale={locale} />

apps/landing-page/app/_components/site-footer.astro

@@ -0,0 +1,34 @@
+---
+/*
+ * Shared hero proof for high-intent solution pages. Unlike the editorial
+ * illustrations these pages used before, every image here is a real Open
+ * Design output or a real in-product generation screen. The image links to
+ * the matching live template catalogue so visitors can inspect the artifact.
+ */
+import LazyImg from './lazy-img.astro';
+
+interface Props {
+  src: string;
+  alt: string;
+  href: string;
+  linkLabel: string;
+  width: number;
+  height: number;
+}
+
+const { src, alt, href, linkLabel, width, height } = Astro.props;
+---
+
+<figure class="solution-hero solution-proof-media">
+  <a href={href} aria-label={linkLabel}>
+    <LazyImg
+      src={src}
+      alt={alt}
+      loading="priority"
+      sizes="(max-width: 880px) 100vw, 540px"
+      width={width}
+      height={height}
+    />
+    <span class="solution-proof-open" aria-hidden="true">↗</span>
+  </a>
+</figure>

apps/landing-page/app/_components/solution-proof-media.astro

@@ -873,6 +873,8 @@ export interface CatalogCounts {
   systems: number;
   templates: number;
   craft: number;
+  /** User-facing bundled plugins shown in the public plugin library. */
+  plugins: number;
   /** SKILL.md `od.mode` → count. Lowercase keys (e.g. `deck`, `prototype`). */
   byMode: Readonly<Record<string, number>>;
   /** SKILL.md `od.platform` → count. Lowercase keys (e.g. `mobile`, `desktop`). */
@@ -941,6 +943,7 @@ export async function getCatalogCounts(
       systems: systems.length,
       templates: templates.length,
       craft: craft.length,
+      plugins: getBundledPlugins().length,
       byMode: tallyKey(skills.map((s) => s.mode)),
       byPlatform: tallyKey(skills.map((s) => s.platform)),
       templateCategories: computeTemplateCategories(),
@@ -964,6 +967,7 @@ export async function getCatalogCounts(
       systems: systems.length,
       templates: templates.length,
       craft: craft.length,
+      plugins: getBundledPlugins().length,
       byMode: tallyKey(skills.map((s) => s.mode)),
       byPlatform: tallyKey(skills.map((s) => s.platform)),
       templateCategories: computeTemplateCategories(),

apps/landing-page/app/_lib/catalog.ts

@@ -2,12 +2,14 @@ import { RELEASE_METADATA_UPSTREAM_URL, formatStableReleaseVersion } from './rel
 
 export interface GithubRepoMeta {
   starsLabel: string;
+  contributorsCount: number;
   versionLabel: string;
 }
 
 const REPO_API = 'https://api.github.com/repos/nexu-io/open-design';
 const FALLBACK_META: GithubRepoMeta = {
-  starsLabel: '40K+',
+  starsLabel: '83.3K+',
+  contributorsCount: 387,
   // Build-time fallback when the GitHub releases API is unavailable / rate
   // limited. Keep in step with the latest published release.
   versionLabel: 'v0.9.0',
@@ -18,7 +20,23 @@ let repoMetaPromise: Promise<GithubRepoMeta> | null = null;
 function formatStars(count: unknown): string | null {
   if (typeof count !== 'number' || !Number.isFinite(count) || count <= 0) return null;
   if (count < 1000) return String(count);
-  return `${(count / 1000).toFixed(1).replace(/\.0$/, '')}K`;
+  return `${(count / 1000).toFixed(1).replace(/\.0$/, '')}K+`;
+}
+
+async function fetchContributorCount(): Promise<number> {
+  const response = await fetch(`${REPO_API}/contributors?per_page=1`, {
+    headers: { Accept: 'application/vnd.github+json' },
+  });
+  if (!response.ok) {
+    throw new Error(`Request returned ${response.status}: ${response.url}`);
+  }
+
+  const link = response.headers.get('link') ?? '';
+  const lastPage = link.match(/[?&]page=(\d+)>;\s*rel="last"/);
+  if (lastPage?.[1]) return Number.parseInt(lastPage[1], 10);
+
+  const contributors = (await response.json()) as unknown;
+  return Array.isArray(contributors) ? contributors.length : 0;
 }
 
 // Parse a display version (e.g. "v0.9.0") from a GitHub /releases/latest object.
@@ -51,18 +69,24 @@ async function fetchJson(url: string, headers?: Record<string, string>): Promise
 
 export function getGithubRepoMeta(): Promise<GithubRepoMeta> {
   repoMetaPromise ??= (async () => {
-    const [repoResult, releaseMetadataResult] = await Promise.allSettled([
+    const [repoResult, contributorsResult, releaseMetadataResult] = await Promise.allSettled([
       fetchJson(REPO_API, { Accept: 'application/vnd.github+json' }),
+      fetchContributorCount(),
       fetchJson(RELEASE_METADATA_UPSTREAM_URL, { Accept: 'application/json' }),
     ]);
 
     const repo = repoResult.status === 'fulfilled' ? repoResult.value : null;
+    const contributorsCount =
+      contributorsResult.status === 'fulfilled' && contributorsResult.value > 0
+        ? contributorsResult.value
+        : null;
     const releaseMetadata = releaseMetadataResult.status === 'fulfilled' ? releaseMetadataResult.value : null;
     const starsLabel = formatStars((repo as { stargazers_count?: unknown } | null)?.stargazers_count);
     const versionLabel = formatStableReleaseVersion(releaseMetadata);
 
     return {
       starsLabel: starsLabel ?? FALLBACK_META.starsLabel,
+      contributorsCount: contributorsCount ?? FALLBACK_META.contributorsCount,
       versionLabel: versionLabel ?? FALLBACK_META.versionLabel,
     };
   })();
@@ -131,6 +155,66 @@ const EMPTY_MATRIX: ReleaseMatrix = {
   linux: null,
 };
 
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return Boolean(value) && typeof value === 'object';
+}
+
+function stableArtifact(value: unknown): ReleaseAsset | null {
+  if (!isRecord(value) || typeof value.name !== 'string' || typeof value.url !== 'string') {
+    return null;
+  }
+
+  return {
+    name: value.name,
+    url: value.url,
+    size: typeof value.size === 'number' && Number.isFinite(value.size) ? value.size : 0,
+    sha256Url: typeof value.sha256Url === 'string' ? value.sha256Url : null,
+  };
+}
+
+function stablePlatformArtifact(
+  metadata: unknown,
+  platformKey: string,
+  artifactKey: string,
+): ReleaseAsset | null {
+  if (!isRecord(metadata) || !isRecord(metadata.platforms)) return null;
+  const platform = metadata.platforms[platformKey];
+  if (!isRecord(platform) || !isRecord(platform.artifacts)) return null;
+  return stableArtifact(platform.artifacts[artifactKey]);
+}
+
+/**
+ * Parse the canonical stable-release manifest served from releases.open-design.ai.
+ * Unlike the unauthenticated GitHub API, this endpoint is not constrained by the
+ * shared 60-request rate limit, so high-intent download links stay direct even
+ * when GitHub metadata cannot be resolved during a build.
+ */
+export function buildMatrixFromStableMetadata(metadata: unknown): ReleaseMatrix {
+  return {
+    macArm64Dmg: stablePlatformArtifact(metadata, 'mac', 'dmg'),
+    macArm64Zip: stablePlatformArtifact(metadata, 'mac', 'zip'),
+    macX64Dmg: stablePlatformArtifact(metadata, 'macIntel', 'dmg'),
+    macX64Zip: stablePlatformArtifact(metadata, 'macIntel', 'zip'),
+    winSetup: stablePlatformArtifact(metadata, 'win', 'installer'),
+    winPortable: stablePlatformArtifact(metadata, 'win', 'portableZip'),
+    linux:
+      stablePlatformArtifact(metadata, 'linux', 'appImage') ??
+      stablePlatformArtifact(metadata, 'linux', 'appimage'),
+  };
+}
+
+function mergeMatrices(preferred: ReleaseMatrix, fallback: ReleaseMatrix): ReleaseMatrix {
+  return {
+    macArm64Dmg: preferred.macArm64Dmg ?? fallback.macArm64Dmg,
+    macArm64Zip: preferred.macArm64Zip ?? fallback.macArm64Zip,
+    macX64Dmg: preferred.macX64Dmg ?? fallback.macX64Dmg,
+    macX64Zip: preferred.macX64Zip ?? fallback.macX64Zip,
+    winSetup: preferred.winSetup ?? fallback.winSetup,
+    winPortable: preferred.winPortable ?? fallback.winPortable,
+    linux: preferred.linux ?? fallback.linux,
+  };
+}
+
 function cleanVersion(versionLabel: string): string {
   return versionLabel.replace(/^v/, '');
 }
@@ -172,12 +256,13 @@ let latestReleasePromise: Promise<LatestRelease> | null = null;
 
 export function getLatestRelease(): Promise<LatestRelease> {
   latestReleasePromise ??= (async () => {
-    let release: unknown = null;
-    try {
-      release = await fetchJson(`${REPO_API}/releases/latest`);
-    } catch {
-      release = null;
-    }
+    const [releaseResult, stableMetadataResult] = await Promise.allSettled([
+      fetchJson(`${REPO_API}/releases/latest`, { Accept: 'application/vnd.github+json' }),
+      fetchJson(RELEASE_METADATA_UPSTREAM_URL, { Accept: 'application/json' }),
+    ]);
+    const release = releaseResult.status === 'fulfilled' ? releaseResult.value : null;
+    const stableMetadata =
+      stableMetadataResult.status === 'fulfilled' ? stableMetadataResult.value : null;
 
     const rec = (release && typeof release === 'object' ? release : {}) as {
       tag_name?: unknown;
@@ -186,17 +271,39 @@ export function getLatestRelease(): Promise<LatestRelease> {
       assets?: unknown;
     };
 
-    const versionLabel = formatVersion(release) ?? FALLBACK_META.versionLabel;
+    const stableRec = isRecord(stableMetadata) ? stableMetadata : {};
+    const versionLabel =
+      formatVersion(release) ??
+      formatStableReleaseVersion(stableMetadata) ??
+      FALLBACK_META.versionLabel;
     const rawAssets = Array.isArray(rec.assets) ? (rec.assets as RawAsset[]) : [];
-    const matrix = release ? buildMatrix(rawAssets) : EMPTY_MATRIX;
-    const resolved = Boolean(release) && Object.values(matrix).some((a) => a !== null);
+    const githubMatrix = release ? buildMatrix(rawAssets) : EMPTY_MATRIX;
+    const stableMatrix = buildMatrixFromStableMetadata(stableMetadata);
+    const matrix = mergeMatrices(stableMatrix, githubMatrix);
+    const resolved = Object.values(matrix).some((asset) => asset !== null);
+    const tagName =
+      typeof rec.tag_name === 'string'
+        ? rec.tag_name
+        : typeof stableRec.versionTag === 'string'
+          ? stableRec.versionTag
+          : null;
 
     return {
       version: cleanVersion(versionLabel),
       versionLabel,
-      tagName: typeof rec.tag_name === 'string' ? rec.tag_name : null,
-      publishedAt: typeof rec.published_at === 'string' ? rec.published_at : null,
-      releaseUrl: typeof rec.html_url === 'string' ? rec.html_url : REPO_RELEASES,
+      tagName,
+      publishedAt:
+        typeof rec.published_at === 'string'
+          ? rec.published_at
+          : typeof stableRec.generatedAt === 'string'
+            ? stableRec.generatedAt
+            : null,
+      releaseUrl:
+        typeof rec.html_url === 'string'
+          ? rec.html_url
+          : tagName
+            ? `${REPO_RELEASES}/tag/${encodeURIComponent(tagName)}`
+            : REPO_RELEASES,
       matrix,
       resolved,
     };

apps/landing-page/app/_lib/github.ts

@@ -663,16 +663,16 @@ const overrides: Partial<Record<LandingLocaleCode, Partial<PluginsCopy>>> = {
     sceneLabel: '场景',
     allChip: '全部',
     category: {
-      prototype: { label: '原型', description: '交互式产品稿——仪表盘、应用、落地页、内部工具。任何能交给 stakeholder 点击的东西。' },
-      'live-artifact': { label: '实时产物', description: '可刷新、感知数据的产物，底层数据变化时自动重新渲染。实时仪表盘、监控板、周期跟踪。' },
+      prototype: { label: '原型', description: '交互式产品稿——数据看板、应用、落地页、内部工具。任何能交给 stakeholder 点击的东西。' },
+      'live-artifact': { label: '实时产物', description: '可刷新、感知数据的产物，底层数据变化时自动重新渲染。实时数据看板、监控板、周期跟踪。' },
       deck: { label: '幻灯片', description: '从叙事简报生成的精致 deck——融资 deck、课程模块、周报、产品发布。' },
       image: { label: '图像', description: '从结构化创意指令生成的图像——UI 稿、品牌视觉、分镜、社媒、插画。' },
       video: { label: '视频', description: '视频提示词、分镜与可渲染的动态产物——短视频、营销片段、动效图形、电影感故事。' },
       hyperframes: { label: 'HyperFrames', description: 'HyperFrames 就绪的动效合成——agent 构建的视频，融合模板 HTML 与帧级关键帧。' },
       audio: { label: '音频', description: '从简报生成的音频、人声与声音设计——播客片头、音乐衬底、环境音。' },
     },
     subcategory: {
-      'business-dashboards': '仪表盘', 'app-prototypes': '应用', 'landing-marketing': '落地页 / 营销',
+      'business-dashboards': '数据看板', 'app-prototypes': '应用', 'landing-marketing': '落地页 / 营销',
       'developer-tools': '开发者工具', 'docs-reports': '文档 / 报告', 'brand-design': '品牌 / 设计',
       'pitch-business': '路演 / 商业', 'course-training': '课程 / 培训', 'reports-briefings': '报告 / 简报',
       'product-sales': '产品 / 销售', 'engineering-talks': '工程演讲', 'creative-decks': '创意 deck',