diff --git a/src/views/splash/beta/middle-banner.jsx b/src/views/splash/beta/middle-banner.jsx
new file mode 100644
index 000000000..7f1fe32a0
--- /dev/null
+++ b/src/views/splash/beta/middle-banner.jsx
@@ -0,0 +1,12 @@
+const FormattedMessage = require('react-intl').FormattedMessage;
+const injectIntl = require('react-intl').injectIntl;
+const React = require('react');
+
+const FlexRow = require('../../../components/flex-row/flex-row.jsx');
+const TitleBanner = require('../../../components/title-banner/title-banner.jsx');
+
+const MiddleBanner = () => (
+    <TitleBanner className="beta-middle-banner" />
+);
+
+export default MiddleBanner;
diff --git a/src/views/splash/beta/top-banner.jsx b/src/views/splash/beta/top-banner.jsx
new file mode 100644
index 000000000..3929c713c
--- /dev/null
+++ b/src/views/splash/beta/top-banner.jsx
@@ -0,0 +1,12 @@
+const FormattedMessage = require('react-intl').FormattedMessage;
+const injectIntl = require('react-intl').injectIntl;
+const React = require('react');
+
+const FlexRow = require('../../../components/flex-row/flex-row.jsx');
+const TitleBanner = require('../../../components/title-banner/title-banner.jsx');
+
+const TopBanner = () => (
+    <TitleBanner className="beta-top-banner" />
+);
+
+export default TopBanner;