diff --git a/web/splash/splash.react.js b/web/splash/splash.react.js
--- a/web/splash/splash.react.js
+++ b/web/splash/splash.react.js
@@ -2,27 +2,13 @@
 
 import * as React from 'react';
 
-import LogInModal from '../modals/account/log-in-modal.react';
-import { useModalContext } from '../modals/modal-provider.react';
-import css from './splash.css';
+import LoginForm from '../account/log-in-form.react';
 
 function Splash(): React.Node {
-  const modalContext = useModalContext();
-  const onClickLogIn = React.useCallback(
-    (event: SyntheticEvent<HTMLElement>) => {
-      event.preventDefault();
-      modalContext.setModal(<LogInModal />);
-    },
-    [modalContext],
-  );
-
   return (
-    <React.Fragment>
-      <div onClick={onClickLogIn} className={css.loginContainer}>
-        <h1>Log in</h1>
-      </div>
-      {modalContext.modal}
-    </React.Fragment>
+    <div>
+      <LoginForm />
+    </div>
   );
 }