Mark upcoming features as "Coming Soon" across product pages #3966

Originally written by @ccantynz-alt on GitHub.
Imported from https://github.com/ccantynz-alt/48co.v1/pull/71

Summary

Updates product marketing pages to clearly indicate which features are in development and coming soon, rather than showing them as currently available. This includes mobile keyboards, real-time translation, and custom vocabulary features.

Changes

• Compare page: Changed iPhone/iPad, Android, Custom Vocabulary, and Real-time Translation features from true to 'Coming Soon' status
• Compare page: Added rendering logic for "Coming Soon" status with distinct styling (muted gold, italic, smaller text)
• Compare page: Added "(coming soon)" label to 200+ Languages feature description
• Install page: Added "(Coming Soon)" labels to Live Translation, Real-Time Streaming, and Custom Vocabulary feature titles
• Pricing cards: Updated feature list to mark iPhone + Android keyboard, Real-time translation, and Custom vocabulary as "(coming soon)"
• Pricing page: Changed Real-time translation and iPhone & Android keyboard from true to 'Coming Soon' in comparison table
• Pricing page: Updated FAQ answer to clarify mobile keyboards are "in development and coming soon"
• Download page: Added "(Coming Soon)" label to Real-Time Translation feature title
• Landing page: Updated "Every Platform" feature description to clarify mobile keyboards are coming soon
• Layout: Added Google Fonts preconnect links and imported Inter and JetBrains Mono fonts with font-sans class on body

Testing

• Tested locally - verify "Coming Soon" features display with correct styling across all pages
• No new warnings or errors in build
• Existing functionality still works

https://claude.ai/code/session_015akhJ94HoyowQ3PBejAGWS