feat(website): 邀请落地页 /i/<code> —— 显码+复制+奖励说明+下载引导(CF Pages _redirects 重写)

App 分享的邀请链接 /i/<8位邀请码> 此前回落主页；CF Pages 静态托管加 _redirects 把 /i/* 统一重写到 /i/ 的静态产物，邀请码本身由 InviteCard.jsx 在浏览器端从 location.pathname 解析并按 server/internal/reward/service.go 的字母表校验格式。奖励文案对齐客户端 strings_zh/en.dart 的 inviteReward* 措辞；因邀请码只在运行时可知，该页正文用 .langseg 胶囊做 zh/en 单显运行时切换，Header/Footer 仍走全站 i18n 惯例整页单显中文；下载按钮指向主页 #download 锚点。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01P9G7E3wmAYL9KeYCVZVsqu
2026-07-13 12:04:45 +08:00
parent 2c94b53a9e
commit 254db4f40d
4 changed files with 399 additions and 0 deletions
@@ -0,0 +1,71 @@
+---
+/**
+ * i.astro — 邀请落地页 `/i/`（产出 dist/i/index.html）。
+ *
+ * App 内分享的邀请链接固定形如 `https://pangolin.yanmeiai.com/i/<8位邀请码>`，
+ * CF Pages 用 public/_redirects 的 `/i/* /i/ 200` 把任意邀请码路径都重写到这一份
+ * 静态产物；邀请码本身在浏览器端由 InviteCard.jsx 从 location.pathname 解析（构建期
+ * 不知道、也不可能为每个码单独出页）。
+ *
+ * 页面骨架复用全站 Header/Footer + tokens/website/site-extra 样式（与 layouts/Doc.astro
+ * 同一路数）；Header/Footer 走全站 i18n 惯例整页单显中文（面向主力市场）。正文卡片
+ * （InviteCard.jsx）另有独立的 zh/en 运行时切换，理由见该组件顶部注释。
+ */
+import '@fontsource/sora/500.css';
+import '@fontsource/sora/600.css';
+import '@fontsource/sora/700.css';
+import '@fontsource/manrope/400.css';
+import '@fontsource/manrope/500.css';
+import '@fontsource/manrope/600.css';
+import '@fontsource/manrope/700.css';
+import '@fontsource/noto-sans-sc/400.css';
+import '@fontsource/noto-sans-sc/500.css';
+import '@fontsource/noto-sans-sc/700.css';
+import '@fontsource/jetbrains-mono/400.css';
+import '@fontsource/jetbrains-mono/500.css';
+
+import '../styles/tokens.gen.css';
+import '../styles/website.css';
+import '../styles/site-extra.css';
+
+import { createT } from '../i18n/strings';
+import Header from '../components/Header.jsx';
+import Footer from '../components/Footer.astro';
+import InviteCard from '../components/InviteCard.jsx';
+
+const t = createT('zh');
+
+const headerT = {
+  product: t('nav.product'),
+  pricing: t('nav.pricing'),
+  download: t('nav.download'),
+  docs: t('nav.docs'),
+  blog: t('nav.blog'),
+  login: t('nav.login'),
+  center: t('nav.center'),
+  brand: t('nav.brand'),
+  mcenter: t('menu.center'),
+  mswitch: t('menu.switch'),
+  mlogout: t('menu.logout'),
+  get: t('nav.get'),
+  suBtn: t('su.btn'),
+};
+---
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>邀请你使用穿山甲 · {t('nav.brand')}</title>
+  <meta name="description" content="好友邀请你加入穿山甲：注册双方各得 3 天，好友首次购买双方再得 7 天。" />
+  <meta name="robots" content="noindex,follow" />
+  <meta name="theme-color" content="#B96A3D" />
+</head>
+<body>
+  <Header client:load lang="zh" t={headerT} />
+  <main>
+    <InviteCard client:load />
+  </main>
+  <Footer t={t} />
+</body>
+</html>