Add links to non-marvel proto

frontend/src/components/section/index.js

@@ -30,13 +30,19 @@ const Section = (props) => {
     links = []
   } = props;
 
-  const navLinks = links.map((link) => (
-    <StyledHorizontalListItem key={link.name}>
-      <NavLink activeClassName='active' to={link.pathname}>
-        <FormattedMessage id={link.name} />
-      </NavLink>
-    </StyledHorizontalListItem>
-  ));
+  const navLinks = links.map((link) => {
+    const to = link.name === 'instances' ?
+      // eslint-disable-next-line max-len
+      'https://projects.invisionapp.com/share/YDAKI8CW4#/screens/224677771_instances' :
+      link.pathname;
+    return (
+      <StyledHorizontalListItem key={link.name}>
+        <NavLink activeClassName='active' to={to}>
+          <FormattedMessage id={link.name} />
+        </NavLink>
+      </StyledHorizontalListItem>
+    );
+  });
 
   return (
     <div>

frontend/src/components/services/tooltip.js

@@ -5,10 +5,14 @@ const ServicesTooltip = ({
   show,
   position
 }) => {
+  // eslint-disable-next-line max-len
+  const scaleLink = 'https://projects.invisionapp.com/share/YDAKI8CW4#/screens/221841542_Deployed_Services_1-8';
   return show ? (
     <Tooltip {...position}>
       <li>
-        <TooltipButton>Scale</TooltipButton>
+        <TooltipButton href={scaleLink}>
+          Scale
+        </TooltipButton>
       </li>
       <li>
         <TooltipButton>Rollback</TooltipButton>