I already have a working React site with five buttons that currently open separate product/service pages on external domains. Because this is a personal project, I’d like those destinations to remain hidden behind clean, custom-branded paths (e.g., mysite.com/product-a) so the real URLs never appear in the user’s address bar—even after refresh or direct navigation. Here’s what I’m looking for: • Extend or adjust my existing React code so each button routes to a branded path while silently serving its external page content. • Keep the implementation flexible; I’d like to swap target links later without digging through code. • Preserve normal page behaviour, analytics, and SEO where possible. • Provide clear, step-by-step setup notes (or a pull request) so I can reproduce the masking on future routes. Acceptance criteria: clicking any of the five buttons must display the correct external page, yet the browser must continue showing only the branded path I specify.