diff --git a/landing/investor-profile.react.js b/landing/investor-profile.react.js
index 0b27f69c6..14fae8f1a 100644
--- a/landing/investor-profile.react.js
+++ b/landing/investor-profile.react.js
@@ -1,29 +1,30 @@
 // @flow
 
 import * as React from 'react';
 
 import css from './investor-profile.css';
 
 type Props = {
   +name: string,
   +description: string,
   +involvement: ?string,
   +imageURL: string,
+  +onClick: () => void,
 };
 
 function InvestorProfile(props: Props): React.Node {
-  const { name, description, involvement, imageURL } = props;
+  const { name, description, involvement, imageURL, onClick } = props;
 
   return (
-    <div className={css.profile}>
+    <a className={css.profile} onClick={onClick}>
       <img alt={`image of Comm investor ${name}`} src={imageURL} />
       <div className={css.investorInfoContainer}>
         <p className={css.name}>{name}</p>
         <p className={css.description}>{description}</p>
         <p className={css.involvement}>{involvement}</p>
       </div>
-    </div>
+    </a>
   );
 }
 
 export default InvestorProfile;
diff --git a/landing/landing.react.js b/landing/landing.react.js
index e288139af..1e925fff1 100644
--- a/landing/landing.react.js
+++ b/landing/landing.react.js
@@ -1,82 +1,106 @@
 // @flow
 
 import * as React from 'react';
 import { useRouteMatch } from 'react-router-dom';
 
+import {
+  ModalProvider,
+  useModalContext,
+} from 'lib/components/modal-provider.react';
+
 import AppLanding from './app-landing.react';
 import Footer from './footer.react';
 import Header from './header.react';
 import Investors from './investors.react';
 import Keyservers from './keyservers.react';
 import Privacy from './privacy.react';
 import QR from './qr.react';
 import SIWE from './siwe.react';
 import Support from './support.react';
 import Team from './team.react';
 import Terms from './terms.react';
 import useScrollToTopOnNavigate from './use-scroll-to-top-on-navigate.react';
 import './reset.css';
 import './global.css';
 
 function Landing(): React.Node {
+  const modalContext = useModalContext();
+
+  const modals = React.useMemo(
+    () =>
+      modalContext.modals.map(([modal, key]) => (
+        <React.Fragment key={key}>{modal}</React.Fragment>
+      )),
+    [modalContext.modals],
+  );
+
   useScrollToTopOnNavigate();
   const onPrivacy = useRouteMatch({ path: '/privacy' });
   const onTerms = useRouteMatch({ path: '/terms' });
   const onSupport = useRouteMatch({ path: '/support' });
   const onKeyservers = useRouteMatch({ path: '/keyservers' });
   const onQR = useRouteMatch({ path: '/qr' });
   const onTeam = useRouteMatch({ path: '/team' });
   const onInvestors = useRouteMatch({ path: '/investors' });
   const onSIWE = useRouteMatch({ path: '/siwe' });
 
   const activePage = React.useMemo(() => {
     if (onPrivacy) {
       return <Privacy />;
     } else if (onTerms) {
       return <Terms />;
     } else if (onSupport) {
       return <Support />;
     } else if (onKeyservers) {
       return <Keyservers />;
     } else if (onQR) {
       return <QR />;
     } else if (onSIWE) {
       return <SIWE />;
     } else if (onTeam) {
       return <Team />;
     } else if (onInvestors) {
       return <Investors />;
     } else {
       return <AppLanding />;
     }
   }, [
     onKeyservers,
     onPrivacy,
     onSupport,
     onTerms,
     onTeam,
     onInvestors,
     onQR,
     onSIWE,
   ]);
 
   let header = <Header />;
   if (onQR || onSIWE) {
     header = null;
   }
 
   let footer = <Footer />;
   if (onQR || onSIWE) {
     footer = null;
   }
 
   return (
     <>
       {header}
       {activePage}
       {footer}
+      {modals}
     </>
   );
 }
 
-export default Landing;
+function LandingWithProvider(): React.Node {
+  return (
+    <ModalProvider>
+      <Landing />
+    </ModalProvider>
+  );
+}
+
+export default LandingWithProvider;