feat(screenshot-generator): replace features slide with voice chat, update friends screenshot

- Replace friends.PNG with synastry report page (was empty friend list)
- Add voice chat screenshot and slide replacing "And So Much More" features page
- Remove Slide6 component, FEATURES constant, and features special-case in buildSlides
- Add 4-locale i18n copy for voice slide (en/ja/zh-Hans/zh-Hant)

Co-authored-by: Claude <noreply@anthropic.com>

Author: zcoderr

screenshot-generator/public/ipad-screenshots/friends.PNG

@@ -96,9 +96,10 @@ const T: Record<Locale, Record<string, SlideText>> = {
       headline: 'Cosmic\nCompatibility',
       sub: 'Explore destiny connections with friends',
     },
-    features: {
-      labelText: '',
-      headline: 'And So\nMuch More',
+    voice: {
+      labelText: 'LIVE VOICE CHAT',
+      headline: 'Speak with\nthe Stars',
+      sub: 'Real-time voice conversations with your astrologer',
     },
   },
   ja: {
@@ -127,9 +128,10 @@ const T: Record<Locale, Record<string, SlideText>> = {
       headline: '宇宙の\n相性',
       sub: '友達との運命のつながりを探る',
     },
-    features: {
-      labelText: '',
-      headline: 'さらに\n多くの機能',
+    voice: {
+      labelText: 'リアルタイム音声',
+      headline: '星と\n話そう',
+      sub: '占星術師とリアルタイムで音声会話',
     },
   },
   'zh-Hans': {
@@ -158,9 +160,10 @@ const T: Record<Locale, Record<string, SlideText>> = {
       headline: '宇宙级\n默契',
       sub: '探索与朋友的命运连接',
     },
-    features: {
-      labelText: '',
-      headline: '还有更多\n精彩',
+    voice: {
+      labelText: '实时语音',
+      headline: '与星星\n对话',
+      sub: '与你的占星师实时语音交流',
     },
   },
   'zh-Hant': {
@@ -189,49 +192,14 @@ const T: Record<Locale, Record<string, SlideText>> = {
       headline: '宇宙級\n默契',
       sub: '探索與朋友的命運連結',
     },
-    features: {
-      labelText: '',
-      headline: '還有更多\n精彩',
+    voice: {
+      labelText: '即時語音',
+      headline: '與星星\n對話',
+      sub: '與你的占星師即時語音交流',
     },
   },
 };
 
-/* Feature tags per locale */
-const FEATURES: Record<Locale, { features: string[]; coming: string[]; tagline: string; taglineSub: string }> = {
-  en: {
-    features: [
-      'AI Chat',
-      'Daily Fortune',
-      'Natal Chart',
-      'Synastry',
-      'Moon Phase',
-      'Home Widget',
-      '4 Languages',
-      'Points System',
-    ],
-    coming: ['Multiple Astrologers', 'Divination Tools', 'Community'],
-    tagline: 'Your personal AI astrologer',
-    taglineSub: 'Free daily insights · Unlock Pro for unlimited access',
-  },
-  ja: {
-    features: ['AIチャット', '毎日の運勢', '出生チャート', '相性診断', '月相', 'ウィジェット', '4言語対応', 'ポイント'],
-    coming: ['複数の占星術師', '占いツール', 'コミュニティ'],
-    tagline: 'あなた専属のAI占星術師',
-    taglineSub: '毎日の無料インサイト · Proで無制限アクセス',
-  },
-  'zh-Hans': {
-    features: ['AI 对话', '每日运势', '本命星盘', '合盘分析', '月相', '桌面小组件', '4 种语言', '积分系统'],
-    coming: ['多位占星师', '占卜工具', '社区'],
-    tagline: '你的私人 AI 占星师',
-    taglineSub: '每日免费洞察 · 解锁 Pro 无限畅享',
-  },
-  'zh-Hant': {
-    features: ['AI 對話', '每日運勢', '本命星盤', '合盤分析', '月相', '桌面小組件', '4 種語言', '積分系統'],
-    coming: ['多位占星師', '占卜工具', '社區'],
-    tagline: '你的私人 AI 占星師',
-    taglineSub: '每日免費洞察 · 解鎖 Pro 無限暢享',
-  },
-};
 
 /* ───────────────────── PHONE COMPONENT ───────────────────── */
 
@@ -392,6 +360,12 @@ const SLIDE_DATA: SlideData[] = [
     screenshotFile: 'friends.PNG',
     bgStyle: () => ({ background: `linear-gradient(175deg, ${C.bgWarm}, ${C.bg})` }),
   },
+  {
+    id: 'voice',
+    label: 'Voice',
+    screenshotFile: 'voice.PNG',
+    bgStyle: () => ({ background: `radial-gradient(ellipse at 50% 50%, ${C.bg}, ${C.bgWarm})` }),
+  },
 ];
 
 /* ───────────────────── DECORATIVE LINE ───────────────────── */
@@ -464,151 +438,16 @@ function DeviceSlide({ data, device, locale }: { data: SlideData; device: Device
   );
 }
 
-/* ───────────────────── SLIDE 6 (features, iPhone only) ───────────────────── */
-
-function Slide6({ locale }: { locale: Locale }) {
-  const f = FEATURES[locale];
-  const text = T[locale].features!;
-  const isCJK = locale === 'zh-Hans' || locale === 'zh-Hant' || locale === 'ja';
-
-  return (
-    <div
-      style={{
-        width: IPHONE_CANVAS_W,
-        height: IPHONE_CANVAS_H,
-        background: `radial-gradient(ellipse at 50% 50%, ${C.bg}, ${C.bgWarm})`,
-        position: 'relative',
-        overflow: 'hidden',
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-      }}>
-      {/* App icon */}
-      <div
-        style={{
-          marginTop: 220,
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          position: 'relative',
-          zIndex: 2,
-        }}>
-        <img
-          src="/app-icon.png"
-          alt="Aistro"
-          style={{
-            width: 80,
-            height: 80,
-            borderRadius: 18,
-            marginBottom: 28,
-            border: `1px solid ${C.border}`,
-          }}
-        />
-        <Caption label="" headline={text.headline} canvasW={IPHONE_CANVAS_W} locale={locale} />
-        <DecoLine canvasW={IPHONE_CANVAS_W} />
-      </div>
-      {/* Feature pills */}
-      <div style={{ marginTop: 80, padding: '0 80px', position: 'relative', zIndex: 2 }}>
-        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 12, justifyContent: 'center' }}>
-          {f.features.map((feat) => (
-            <div
-              key={feat}
-              style={{
-                padding: '12px 24px',
-                borderRadius: 24,
-                background: C.bg,
-                color: C.textPrimary,
-                fontSize: 18,
-                fontWeight: 500,
-                fontFamily: FM,
-                border: `1px solid ${C.border}`,
-                letterSpacing: 0.5,
-              }}>
-              {feat}
-            </div>
-          ))}
-        </div>
-      </div>
-      {/* Coming soon */}
-      <div style={{ marginTop: 60, padding: '0 80px', position: 'relative', zIndex: 2 }}>
-        <div
-          style={{
-            textAlign: 'center',
-            fontSize: 13,
-            fontWeight: 500,
-            color: C.textMuted,
-            textTransform: 'uppercase',
-            letterSpacing: 2,
-            marginBottom: 16,
-            fontFamily: FM,
-          }}>
-          Coming Soon
-        </div>
-        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 12, justifyContent: 'center' }}>
-          {f.coming.map((feat) => (
-            <div
-              key={feat}
-              style={{
-                padding: '12px 24px',
-                borderRadius: 24,
-                background: 'transparent',
-                color: C.textMuted,
-                fontSize: 18,
-                fontWeight: 500,
-                fontFamily: FM,
-                border: `1px solid ${C.border}`,
-                letterSpacing: 0.5,
-              }}>
-              {feat}
-            </div>
-          ))}
-        </div>
-      </div>
-      {/* Bottom tagline */}
-      <div
-        style={{
-          position: 'absolute',
-          bottom: 100,
-          left: 0,
-          right: 0,
-          textAlign: 'center',
-          zIndex: 2,
-        }}>
-        <div
-          style={{
-            fontFamily: isCJK ? FB : FH,
-            fontSize: 26,
-            color: C.textSecondary,
-            fontWeight: 400,
-            fontStyle: isCJK ? 'normal' : 'italic',
-            marginBottom: 12,
-          }}>
-          {f.tagline}
-        </div>
-        <div style={{ fontFamily: FB, fontSize: 15, color: C.textMuted, fontWeight: 400 }}>{f.taglineSub}</div>
-      </div>
-    </div>
-  );
-}
-
 /* ───────────────────── REGISTRY ───────────────────── */
 
 type SlideEntry = { id: string; label: string; Component: React.ComponentType };
 
 function buildSlides(device: DeviceType, locale: Locale): SlideEntry[] {
-  const slides: SlideEntry[] = SLIDE_DATA.map((data) => ({
+  return SLIDE_DATA.map((data) => ({
     id: `${device}-${data.id}`,
     label: data.label,
     Component: () => <DeviceSlide data={data} device={device} locale={locale} />,
   }));
-  if (device === 'iphone') {
-    slides.push({
-      id: `${device}-features`,
-      label: 'Features',
-      Component: () => <Slide6 locale={locale} />,
-    });
-  }
-  return slides;
 }
 
 /* ───────────────────── PREVIEW ───────────────────── */