Big commit: added multiple sections & some minor fixes

packages/web/components/Landing/Intro.jsx

@@ -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;

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>
     );

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.

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>;
 }