Landing: Build section done

This commit is contained in:
Tommy
2022-01-03 23:09:31 +00:00
committed by vidvidvid
parent 322d638caf
commit 11f165714a
3 changed files with 60 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 947 KiB

View File

@@ -0,0 +1,58 @@
import {
Container,
Box,
Text,
} from "@chakra-ui/react"
import BackgroundImage from 'assets/landing/build-background.png'
function Build() {
return (
<Box
width="100%"
minHeight="1040px"
backgroundImage={`url(${BackgroundImage})`}
bgPosition="center"
bgSize="cover"
>
<Container
width="100%"
height="100vh"
display="flex"
flexDirection="column"
justifyContent="center"
maxWidth="100%"
pl="137px"
>
<Text
fontSize="38px"
LineHeight="56px"
fontWeight="normal"
color="white"
display="flex"
flexDirection="column"
maxWidth = "524px"
>
Many have already woken up to the world-shaping potential of Web3 technologies.
</Text>
<Text
pt = "56px"
fontSize="38px"
LineHeight="56px"
fontWeight="normal"
color="white"
display="flex"
flexDirection="column"
maxWidth = "524px"
>
Some are grabbing the opportunity to build the future they want to live in.
</Text>
</Container>
</Box>
);
}
export default Build;

View File

@@ -1,10 +1,12 @@
import React from 'react';
import Intro from '../components/Landing/Intro';
import Game from '../components/Landing/Game';
import Build from '../components/Landing/Build';
function Landing(): JSX.Element {
return <div>
<Intro />
<Game />
<Build />
</div>;
}