From 3fbe423ca669c95fbabfb806484be633af9d6ff0 Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Wed, 15 Sep 2021 16:58:14 +0200
Subject: [PATCH 1/5] v1 banner

---
 frontend/src/components/LandingNavbar.js |  4 +-
 frontend/src/components/Navbar.js        |  2 +-
 frontend/src/components/Sidebar.js       |  4 +-
 frontend/src/components/SignIn.js        |  4 +-
 frontend/src/layouts/RootLayout.js       | 63 +++++++++++++++++++++++-
 5 files changed, 69 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/LandingNavbar.js b/frontend/src/components/LandingNavbar.js
index 6437e7d6..211b8dcf 100644
--- a/frontend/src/components/LandingNavbar.js
+++ b/frontend/src/components/LandingNavbar.js
@@ -90,7 +90,7 @@ const LandingNavbar = () => {
                 </Button>
               </RouterLink>
             )}
-            {!ui.isLoggedIn && (
+            {/* {!ui.isLoggedIn && (
               <Button
                 colorScheme="whiteAlpha"
                 variant="outline"
@@ -101,7 +101,7 @@ const LandingNavbar = () => {
               >
                 Get started
               </Button>
-            )}
+            )} */}
             {!ui.isLoggedIn && (
               <Button
                 color="white"
diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
index 7d6cc257..93ac1068 100644
--- a/frontend/src/components/Navbar.js
+++ b/frontend/src/components/Navbar.js
@@ -27,7 +27,7 @@ const Navbar = () => {
       overflow="hidden"
     >
       <Suspense fallback={""}>
-        {modal === "register" && <SignUp toggleModal={toggleModal} />}
+        {/* {modal === "register" && <SignUp toggleModal={toggleModal} />} */}
         {modal === "login" && <SignIn toggleModal={toggleModal} />}
         {modal === "forgot" && <ForgotPassword toggleModal={toggleModal} />}
         {modal === "hubspot-trader" && (
diff --git a/frontend/src/components/Sidebar.js b/frontend/src/components/Sidebar.js
index cf99bab5..2d8a6055 100644
--- a/frontend/src/components/Sidebar.js
+++ b/frontend/src/components/Sidebar.js
@@ -94,7 +94,7 @@ const Sidebar = () => {
       )}
       {!ui.isLoggedIn && (
         <SidebarContent>
-          <Menu iconShape="square">
+          {/* <Menu iconShape="square">
             <MenuItem
               onClick={() => {
                 ui.toggleModal("register");
@@ -103,7 +103,7 @@ const Sidebar = () => {
             >
               Sign up
             </MenuItem>
-          </Menu>
+          </Menu> */}
           <Menu iconShape="square">
             <MenuItem
               onClick={() => {
diff --git a/frontend/src/components/SignIn.js b/frontend/src/components/SignIn.js
index d9d680cd..4afd55cc 100644
--- a/frontend/src/components/SignIn.js
+++ b/frontend/src/components/SignIn.js
@@ -85,7 +85,7 @@ const SignIn = ({ toggleModal }) => {
         </Button>
       </form>
       <Box height="1px" width="100%" background="#eaebf8" mb="1.875rem" />
-      <Text textAlign="center" fontSize="md" color="gray.1200">
+      {/* <Text textAlign="center" fontSize="md" color="gray.1200">
         Don`t have an account?{" "}
         <Box
           cursor="pointer"
@@ -95,7 +95,7 @@ const SignIn = ({ toggleModal }) => {
         >
           Register
         </Box>
-      </Text>
+      </Text> */}
       <Text textAlign="center" fontSize="md" color="gray.1200">
         {" "}
         <Box
diff --git a/frontend/src/layouts/RootLayout.js b/frontend/src/layouts/RootLayout.js
index 5d4b3b2a..0e6449c4 100644
--- a/frontend/src/layouts/RootLayout.js
+++ b/frontend/src/layouts/RootLayout.js
@@ -1,4 +1,13 @@
-import { Flex, Spinner } from "@chakra-ui/react";
+import { CloseIcon } from "@chakra-ui/icons";
+import {
+  Flex,
+  Spinner,
+  Center,
+  Text,
+  Button,
+  Link,
+  IconButton,
+} from "@chakra-ui/react";
 import React, { Suspense, useContext, useState, useEffect } from "react";
 const Sidebar = React.lazy(() => import("../components/Sidebar"));
 const Navbar = React.lazy(() => import("../components/Navbar"));
@@ -7,6 +16,7 @@ import UIContext from "../core/providers/UIProvider/context";
 const RootLayout = (props) => {
   const ui = useContext(UIContext);
   const [showSpinner, setSpinner] = useState(true);
+  const [showBanner, setShowBanner] = useState(true);
 
   useEffect(() => {
     if (ui.isAppView && ui.isAppReady) {
@@ -39,6 +49,57 @@ const RootLayout = (props) => {
         <Suspense fallback="">
           <Navbar />
         </Suspense>
+        <Flex
+          w="100%"
+          h={showBanner ? ["6rem", "3rem", null] : "0"}
+          minH={showBanner ? ["6rem", "3rem", null] : "0"}
+          animation="linear"
+          transition="1s"
+          overflow="hidden"
+        >
+          <Flex
+            px="20px"
+            w="100%"
+            minH={["6rem", "3rem", null]}
+            h={["6rem", "3rem", null]}
+            placeContent="center"
+            bgColor="suggested.900"
+            boxShadow="md"
+            position="relative"
+            className="banner"
+          >
+            <Center>
+              {" "}
+              <Text
+                fontWeight="600"
+                textColor="primary.900"
+                fontSize={["sm", "sm", "md", null]}
+              >
+                First 1000 users will get a lifetime access and a cookie.
+                Request early access now at our
+              </Text>
+              <Button
+                variant="link"
+                colorScheme="secondary"
+                color="secondary.900"
+                as={Link}
+                href={"https://discord.gg/V3tWaP36"}
+              >
+                Discord
+              </Button>
+            </Center>
+            {/* <Spacer /> */}
+            <IconButton
+              position="absolute"
+              top="0"
+              right="0"
+              icon={<CloseIcon />}
+              colorScheme="primary"
+              variant="ghost"
+              onClick={() => setShowBanner(false)}
+            />
+          </Flex>
+        </Flex>
         {!showSpinner && props.children}
         {showSpinner && <Spinner />}
       </Flex>

From 2ee4bedd159cd63ea826b7592a3e6fb44f0f9a60 Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Wed, 15 Sep 2021 17:04:50 +0200
Subject: [PATCH 2/5] fix lint

---
 frontend/src/components/Navbar.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
index 93ac1068..3ed7a5e9 100644
--- a/frontend/src/components/Navbar.js
+++ b/frontend/src/components/Navbar.js
@@ -6,7 +6,6 @@ import { Flex } from "@chakra-ui/react";
 import UIContext from "../core/providers/UIProvider/context";
 const ForgotPassword = React.lazy(() => import("./ForgotPassword"));
 const SignIn = React.lazy(() => import("./SignIn"));
-const SignUp = React.lazy(() => import("./SignUp"));
 const LandingNavbar = React.lazy(() => import("./LandingNavbar"));
 const AppNavbar = React.lazy(() => import("./AppNavbar"));
 const HubspotForm = React.lazy(() => import("./HubspotForm"));

From e58af09c008fc3770c6bd692ff9cde64987dac8a Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Wed, 15 Sep 2021 17:11:22 +0200
Subject: [PATCH 3/5] content

---
 frontend/src/layouts/RootLayout.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/layouts/RootLayout.js b/frontend/src/layouts/RootLayout.js
index 0e6449c4..79741dbd 100644
--- a/frontend/src/layouts/RootLayout.js
+++ b/frontend/src/layouts/RootLayout.js
@@ -75,8 +75,8 @@ const RootLayout = (props) => {
                 textColor="primary.900"
                 fontSize={["sm", "sm", "md", null]}
               >
-                First 1000 users will get a lifetime access and a cookie.
-                Request early access now at our
+                Join early on, the first 1000 users get free lifetime access to
+                Moonstream. Contact our team on
               </Text>
               <Button
                 variant="link"

From 60269efb05d18fa0fa88b55c40bb1f4afdf03fc9 Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Wed, 15 Sep 2021 18:04:06 +0200
Subject: [PATCH 4/5] improvements

---
 frontend/src/components/SignIn.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/SignIn.js b/frontend/src/components/SignIn.js
index 4afd55cc..ad2608db 100644
--- a/frontend/src/components/SignIn.js
+++ b/frontend/src/components/SignIn.js
@@ -13,6 +13,7 @@ import {
   InputGroup,
   Button,
   Input,
+  Link,
   InputRightElement,
 } from "@chakra-ui/react";
 import CustomIcon from "./CustomIcon";
@@ -84,18 +85,6 @@ const SignIn = ({ toggleModal }) => {
           Login
         </Button>
       </form>
-      <Box height="1px" width="100%" background="#eaebf8" mb="1.875rem" />
-      {/* <Text textAlign="center" fontSize="md" color="gray.1200">
-        Don`t have an account?{" "}
-        <Box
-          cursor="pointer"
-          color="primary.800"
-          as="span"
-          onClick={() => toggleModal("register")}
-        >
-          Register
-        </Box>
-      </Text> */}
       <Text textAlign="center" fontSize="md" color="gray.1200">
         {" "}
         <Box
@@ -106,6 +95,22 @@ const SignIn = ({ toggleModal }) => {
         >
           Forgot your password?
         </Box>
+        <Box height="1px" width="100%" background="#eaebf8" mb="1.875rem" />
+      </Text>
+      <Text textAlign="center" fontSize="md" color="gray.1200">
+        {/* Don`t have an account?{" "} */}
+        We are in early access. If you would like to use Moonstream,{" "}
+        <Link href={"https://discord.gg/V3tWaP36"} color="secondary.900">
+          contact us on Discord.
+        </Link>
+        {/* <Box
+          cursor="pointer"
+          color="primary.800"
+          as="span"
+          onClick={() => toggleModal("register")}
+        >
+          Register
+        </Box> */}
       </Text>
     </Modal>
   );

From 7f629823e1013375c852d851cac9f250dc8d2d1c Mon Sep 17 00:00:00 2001
From: Tim Pechersky <tim.pechersky@gmail.com>
Date: Wed, 15 Sep 2021 19:10:27 +0200
Subject: [PATCH 5/5] improvements

---
 frontend/src/layouts/RootLayout.js | 30 +++++++++++++-----------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/frontend/src/layouts/RootLayout.js b/frontend/src/layouts/RootLayout.js
index 79741dbd..d30945f9 100644
--- a/frontend/src/layouts/RootLayout.js
+++ b/frontend/src/layouts/RootLayout.js
@@ -4,7 +4,6 @@ import {
   Spinner,
   Center,
   Text,
-  Button,
   Link,
   IconButton,
 } from "@chakra-ui/react";
@@ -51,8 +50,8 @@ const RootLayout = (props) => {
         </Suspense>
         <Flex
           w="100%"
-          h={showBanner ? ["6rem", "3rem", null] : "0"}
-          minH={showBanner ? ["6rem", "3rem", null] : "0"}
+          h={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
+          minH={showBanner ? ["6.5rem", "4.5rem", "3rem", null] : "0"}
           animation="linear"
           transition="1s"
           overflow="hidden"
@@ -60,33 +59,30 @@ const RootLayout = (props) => {
           <Flex
             px="20px"
             w="100%"
-            minH={["6rem", "3rem", null]}
-            h={["6rem", "3rem", null]}
+            minH={["6.5rem", "4.5rem", "3rem", null]}
+            h={["6.5rem", "4.5rem", "3rem", null]}
             placeContent="center"
             bgColor="suggested.900"
             boxShadow="md"
             position="relative"
             className="banner"
           >
-            <Center>
+            <Center w="calc(100% - 60px)">
               {" "}
               <Text
                 fontWeight="600"
                 textColor="primary.900"
                 fontSize={["sm", "sm", "md", null]}
               >
-                Join early on, the first 1000 users get free lifetime access to
-                Moonstream. Contact our team on
+                Join early. Our first 1000 users get free lifetime access to
+                blockchain analytics. Contact our team on{" "}
+                <Link
+                  href={"https://discord.gg/V3tWaP36"}
+                  color="secondary.900"
+                >
+                  Discord
+                </Link>
               </Text>
-              <Button
-                variant="link"
-                colorScheme="secondary"
-                color="secondary.900"
-                as={Link}
-                href={"https://discord.gg/V3tWaP36"}
-              >
-                Discord
-              </Button>
             </Center>
             {/* <Spacer /> */}
             <IconButton