[codex] Improve live update page hero design

[riderx]

Summary

• Reworked the live update page hero to match the newer product-page structure used by Capgo Builder
• Removed unstable random hero decoration and added a stable dark shell, CTA treatment, and stat row
• Restyled the first outcome section for cleaner hierarchy and product-page consistency

Impact

The top of /live-update/ now has a calmer, more consistent product-page presentation across desktop and mobile.

Validation

• bunx prettier --write apps/web/src/pages/live-update.astro apps/shared/copy/messages.ts
• NODE_OPTIONS=--max-old-space-size=16384 bunx astro check
• bun run check
• Headless desktop and mobile screenshots of /live-update/

Summary by CodeRabbit

• New Features

  • Added hero stats section on the Live Updates page displaying recovery, channels, validation, and logs metrics

• Style

  • Updated hero section design with localized headlines, subtitles, and action buttons
  • Restyled buyer outcome section with improved grid layout

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c7597470-08af-4bcd-bea1-e9cba1db0cfb

📥 Commits

Reviewing files that changed from the base of the PR and between a5b3692 and 5bbc245.

📒 Files selected for processing (2)

• apps/shared/copy/messages.ts
• apps/web/src/pages/live-update.astro

---

📝 Walkthrough

Walkthrough

The live-update page is redesigned with a new hero stats section displaying four localized statistics (recovery, channels, validation, logs) using data-driven rendering. Eight message keys are added to support localized stat labels and values. The hero and buyer outcome section styling is updated to accommodate the new layout.

Changes

Live Update Page Hero Redesign

Layer / File(s)	Summary
Message keys for hero stats apps/shared/copy/messages.ts	Eight new message entries (live_update_hero_stat_*_label and live_update_hero_stat_*_value) are added for channels, logs, recovery, and validation stats, expanding the MessageKey type.
Hero stats data structure and styling setup apps/web/src/pages/live-update.astro	A new heroStats array is defined with four localized stat pairs, and the hero section wrapper styling is updated with refreshed layout classes.
Hero headline, CTAs, and stats grid rendering apps/web/src/pages/live-update.astro	The hero section markup is rewritten to render a localized h1 headline, subtitle, two locale-relative CTA links, and a dynamically generated stats grid by mapping over heroStats.
Buyer outcome section styling apps/web/src/pages/live-update.astro	The buyer outcome section container and grid layout are restyled, and the decision-title wrapper is redesigned to align with the hero section updates.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• Cap-go/website#679: Modifies the same shared copy module (apps/shared/copy/messages.ts) to extend live-update localized message keys.
• Cap-go/website#657: Makes broad edits to live-update copy and the same live-update page with hero/decision/outcome content.
• Cap-go/website#654: Modifies the same live-update page and extends the shared messages with live-update hero, decision, and outcome copy.

Poem

🐰 A hero with stats shines so bright,
Four badges of recovery, might!
With channels and logs now displayed,
The live-update magic is made. ✨

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title '[codex] Improve live update page hero design' directly and clearly describes the main change: improving the hero section design of the live update page, which matches the file-level changes and PR objectives.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/live-update-page-design

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}