get intended-ui imported and add splash page

assets/js/app.js

@@ -1,7 +1,8 @@
 // We need to import the CSS so that webpack will load it.
 // The MiniCssExtractPlugin is used to separate it out into
 // its own CSS file.
-import "../css/app.css"
+// import "../css/app.css"
+// const _css = require("../css/app.css");
 
 // webpack automatically bundles all modules in your
 // entry points. Those entry points can be configured
@@ -16,6 +17,10 @@ import "phoenix_html"
 import {Socket} from "phoenix"
 import topbar from "topbar"
 import {LiveSocket} from "phoenix_live_view"
+import React from "react";
+import ReactDOM from "react-dom";
+import SplashPage from './pages/SplashPage';
+import { GlobalStyle } from '@intended/intended-ui';
 
 let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
 let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}})
@@ -34,3 +39,10 @@ liveSocket.connect()
 // >> liveSocket.disableLatencySim()
 window.liveSocket = liveSocket
 
+ReactDOM.render(<div>
+    <GlobalStyle />
+    <SplashPage />
+  </div>
+  ,
+  document.getElementById("root")
+);

assets/js/pages/SplashPage.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+import { CenteredContainer, SplashIconHeader, Header1, Header3, Spacer, Button } from '@intended/intended-ui';
+
+const SplashPage = () => {
+  return (
+    <CenteredContainer fullscreen>
+      <CenteredContainer wide>
+        <SplashIconHeader />
+        <Header1>Securely Share Your Secrets</Header1>
+        <Header3>
+          With Intended Link you can easily share messages and files securely
+          and secretly.
+        </Header3>
+        <Spacer />
+        <Button variant="secondary" boldFont onClick={() => {}}>
+          START SHARING
+        </Button>
+      </CenteredContainer>
+    </CenteredContainer>
+  );
+};
+
+export default SplashPage;