From a512aa9cde30f007949f108ad7d0c8c351314bf8 Mon Sep 17 00:00:00 2001
From: Tommy <tommymaher10@gmail.com>
Date: Tue, 4 Jan 2022 03:12:04 +0000
Subject: [PATCH] Big commit: added multiple sections & some minor fixes

---
 packages/web/components/Landing/Intro.jsx    | 68 --------------------
 packages/web/components/Landing/Together.tsx | 17 ++---
 packages/web/components/Landing/WildWeb.tsx  |  6 +-
 packages/web/pages/landing.tsx               | 11 +++-
 4 files changed, 22 insertions(+), 80 deletions(-)
 delete mode 100644 packages/web/components/Landing/Intro.jsx

diff --git a/packages/web/components/Landing/Intro.jsx b/packages/web/components/Landing/Intro.jsx
deleted file mode 100644
index ee20c88d..00000000
--- a/packages/web/components/Landing/Intro.jsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import {
-  Container,
-  Box,
-  Text,
-  Image,
-  Button 
-  } from "@chakra-ui/react"
-import BackgroundImage from 'assets/landing/intro-background.png'
-import MetaGameLogo from 'assets/landing/synthlogo-2.svg'
-import { FaArrowDown } from 'react-icons/fa';
-
-function Intro() {
-  return (
-    <Box
-      width="100%"
-      minHeight = "1040px"
-      backgroundImage={`url(${BackgroundImage})`}
-      bgPosition="center"
-      bgSize="cover"
-    >
-
-      <Container
-        flexDirection="column"
-        justifyContent="flex-end"
-        display="flex" alignItems="center"
-        width="100%"
-        height="100vh"
-        pb = '78px'
-      >
-        <Image
-          src={MetaGameLogo} />
-        <Text
-         fontSize="16px" 
-         fontWeight="normal"
-          color="white"
-           mt="10px"
-            mb="35px"
-            >
-              A Massive Online Coordination Game 
-        </Text>
-        <Button
-         fontWeight="normal"
-          fontSize="18px"
-           bg="#B40C85" 
-           mb="16px"
-           width='284px'
-           textTransform = "uppercase"
-            >
-            Join Nao
-              </Button>
-        <Button 
-          fontWeight="normal"
-          fontSize="18px"
-          bg="transparent" 
-          border='1px'
-          borderColor="#79F8FB"
-          color="#79F8FB"
-          width='284px'
-          textTransform = "uppercase"
-          rightIcon={<FaArrowDown />}>
-            Explore Moar
-        </Button>
-      </Container>
-    </Box>
-  );
-}
-
-export default Intro;
\ No newline at end of file
diff --git a/packages/web/components/Landing/Together.tsx b/packages/web/components/Landing/Together.tsx
index 142eb314..b6ea9fc0 100644
--- a/packages/web/components/Landing/Together.tsx
+++ b/packages/web/components/Landing/Together.tsx
@@ -24,7 +24,7 @@ function Together() {
                 justifyContent="center"
                 maxWidth="1200px"
                 alignItems="center"
-
+         
             >
                 <Box
                     fontSize="48px"
@@ -35,15 +35,16 @@ function Together() {
                     bgClip='text'
                     maxWidth="1200px"
                     display="inline"
-                    pb="35px"
-                    pt="130px"
-                    textAlign="center"
+                    pb = "35px"
+                    pt = "130px"
+                    textAlign = "center"
                 >
-                    <Text pb="50px"> We are bringing together the people & building blocks aligned on the idea of creating a new kind of society.</Text>
-                    <Text pb="50px"> One that is optimized for human wellbeing rather than profit.</Text>
-                    <Text pb="50px">One that revolves around solving problems & living well, in balance with nature.</Text>
-                </Box>
+              <Text       pb = "50px"> We are bringing together the people & building blocks aligned on the idea of creating a new kind of society.</Text>
 
+              <Text       pb = "50px"> One that is optimized for human wellbeing rather than profit.</Text>
+                <Text       pb = "50px">One that revolves around solving problems & living well, in balance with nature.</Text>
+                </Box>
+    
             </Container>
         </Box>
     );
diff --git a/packages/web/components/Landing/WildWeb.tsx b/packages/web/components/Landing/WildWeb.tsx
index 00a21a70..549d5bd3 100644
--- a/packages/web/components/Landing/WildWeb.tsx
+++ b/packages/web/components/Landing/WildWeb.tsx
@@ -33,13 +33,13 @@ function WildWeb() {
                     maxWidth="978px">
 
                     <Text pt="130px" pb="35px">
-                        Web3 technologies are allowing us to  <Text fontWeight = "bold" >reimagine socioeconomic systems</Text> from ground up.
+                        Web3 technologies are allowing us to  <strong>reimagine socioeconomic systems</strong> from ground up.
                     </Text>
                     <Text pb="35px">
-                        A new world is being built but it’s <Text fontWeight = "bold">hard to navigate.</Text>
+                        A new world is being built but it’s <strong>hard to navigate.</strong><br />
                     </Text>
                     <Text pb="35px">
-                        The resources, building blocks & tools are all over the place  <Text fontWeight = "bold">but the maps are inexistent.</Text>
+                        The resources, building blocks & tools are all over the place  <strong>but the maps are inexistent.</strong>
                     </Text>
                     <Text pb="35px">
                         There are pitfalls, gold rushing cowboys & snake oil salesmen at every corner.
diff --git a/packages/web/pages/landing.tsx b/packages/web/pages/landing.tsx
index b1cc2d69..a223f114 100644
--- a/packages/web/pages/landing.tsx
+++ b/packages/web/pages/landing.tsx
@@ -2,11 +2,20 @@ import React from 'react';
 import Intro from '../components/Landing/Intro';
 import Game from '../components/Landing/Game';
 import Build from '../components/Landing/Build';
+import Revolution from '../components/Landing/Revolution';
+import WildWeb from '../components/Landing/WildWeb';
+import Frontier from '../components/Landing/Frontier';
+import Together from '../components/Landing/Together';
+
 function Landing(): JSX.Element {
   return <div>
     <Intro />
-    <Game /> 
+    <Game />
     <Build />
+    <Revolution/>
+    <WildWeb />
+    <Frontier />
+    <Together /> 
   </div>;
 }