fix: align landing page layout and interactions

[NicooleT]

Summary

• Match the App&Flow logo position, left rail, border color, and desktop header spacing to React Native Safe Area Context.
• Center the desktop hero and feature content within the same 1492px layout and column proportions.
• Align the phone illustration's top edge and responsive height with Safe Area Context while preserving sticky behavior and intro animations.
• Match the 760px mobile breakpoint and shift mobile header links 6px right to align their starting position.
• Standardize the copy checkmark at 12px and match the copy icon's hover scale.
• Keep the MIT License link gray without a hover underline.
• Underline only the GitHub version text, excluding the separator dot.
• Match Stim's Get Started button dimensions and 300ms squish hover animation, retaining the black color and respecting reduced-motion preferences.

Validation

• Formatting, ESLint (excluding generated Docusaurus output), and library/example TypeScript checks passed.
• All 84 tests passed across 3 suites.
• Docs TypeScript check and production build passed.
• Compared desktop logo coordinates, content bounds, and phone top positions at 1920×1080; verified mobile phone centering and clipboard feedback.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
react-native-ease	Ready	Preview	Oct 15, 2026 2:34pm UTC