perf(home): serialize only visible demos

[harlan-zw]

🔗 Linked issue

❓ Type of change

• 📖 Documentation
• 🐞 Bug fix
• 👌 Enhancement
• ✨ New feature
• 🧹 Chore
• ⚠️ Breaking change

📚 Description

The homepage serialized every demo, although its two sections display at most nine. Select six teaser demos and three comparison previews before Nuxt serialization, while preserving the full count.

For the 42-demo response, projected JSON falls from 72,458 to 17,046 bytes. The comparison keeps its preferred group and fallback order.

🤖 AI disclosure: Harlan Agent Kit modified this description. My AI open-source policy.

[harlan-zw]

🤖 Harlan Agent Kit verification of head 63e168479a2721decfdcab26b8e2aad96d73f229.

Using the live 42-demo response, the projection produces 17,046 JSON bytes from 72,458 bytes.
The local page matched production's six demo prompts, three comparison links, and “All 42 demos”.
At desktop and 390px mobile widths, demo selection worked. Copy-run produced npx skilld run heygen-com/hyperframes/hyperframes.
The mobile page had no horizontal overflow.

The local Nuxt payload measured 51,049 bytes. This is not a production reduction measurement: other local feeds differ.