mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-04-24 03:00:09 -04:00
Landing: Build section done
This commit is contained in:
BIN
packages/web/assets/landing/build-background.png
Normal file
BIN
packages/web/assets/landing/build-background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 947 KiB |
58
packages/web/components/Landing/Build.tsx
Normal file
58
packages/web/components/Landing/Build.tsx
Normal 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;
|
||||
@@ -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>;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user