Migration Validation
React vs Legacy Compare Mode
Open each React route and its legacy HTML twin in separate tabs or windows, then verify visual parity across typography, spacing, hierarchy, and interactions.
1. Open the React page and legacy page pair from the table below.
2. Test desktop and mobile widths, including sticky elements and nav links.
3. Confirm copy, CTA destinations, image crops, and section order match.
| Page | Open Pages | What To Check |
|---|---|---|
| Home | Hero, authority strip, featured regions, footer | |
| Region Library | Region cards, typography scale, CTA hierarchy | |
| City Library | City cards, region filters, spacing rhythm | |
| City Detail | Hero image crop, stats row, section ordering | |
| Tell Luxe | Input block styling, result cards, CTA tone | |
| Aerial Library | Grid density, card framing, breadcrumbs | |
| Aerial Detail | Content bands, detail modules, callouts | |
| City Info | Data layout and informational grouping | |
| Building Detail | Hero overlays, metrics, long-form section flow |