github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-04-24 03:00:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: landing ( Improved file structure for landing page and tidied improrts

Browse Source
This commit is contained in:
Tommy
2022-01-07 23:56:24 +00:00
committed by Scott Stevenson
parent 15188c1608
commit 24a633cb4c
2 changed files with 56 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
packages/web/components/Landing/sections/Frontier.tsx
View File

@@ -2,12 +2,12 @@ import {
Container,
Box,
Text,
} from "@chakra-ui/react"
import BackgroundImage from 'assets/landing/frontier-background.png'
} from "@chakra-ui/react"
import BackgroundImage from 'assets/landing/frontier-background.png'
function Frontier() {
return (
<Box
@@ -18,41 +18,40 @@ function Frontier() {
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"
width="100%"
height="100vh"
display="flex"
flexDirection="column"
maxWidth = "524px"
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"
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.
Some are grabbing the opportunity to build the future they want to live in.
</Text>
</Container>
</Box>
);
}
export default Frontier;

52
packages/web/pages/landing.tsx
View File

@@ -1,35 +1,37 @@
import React from 'react';
import Intro from '../components/Landing/sections/Intro';
import Game from '../components/Landing/sections/Game';
import Build from '../components/Landing/sections/Build';
import Revolution from '../components/Landing/sections/Revolution';
import WildWeb from '../components/Landing/sections/WildWeb';
import Frontier from '../components/Landing/sections/Frontier';
import Together from '../components/Landing/sections/Together';
import WhatWeDo from '../components/Landing/sections/WhatWeDo';
import Optimal from '../components/Landing/sections/Optimal';
import Unplug from '../components/Landing/sections/Unplug';
import Who from '../components/Landing/sections/Who';
import JustWatch from '../components/Landing/sections/JustWatch';
import Cards from '../components/Landing/sections/Cards';
function Landing(): JSX.Element {
return <div>
import Build from '../components/Landing/Sections/Build';
import Cards from '../components/Landing/Sections/Cards';
import Frontier from '../components/Landing/Sections/Frontier';
import Game from '../components/Landing/Sections/Game';
import Intro from '../components/Landing/Sections/Intro';
import JustWatch from '../components/Landing/Sections/JustWatch';
import Optimal from '../components/Landing/Sections/Optimal';
import Revolution from '../components/Landing/Sections/Revolution';
import Together from '../components/Landing/Sections/Together';
import Unplug from '../components/Landing/Sections/Unplug';
import WhatWeDo from '../components/Landing/Sections/WhatWeDo';
import Who from '../components/Landing/Sections/Who';
import WildWeb from '../components/Landing/Sections/WildWeb';
export const getStaticProps = async () => ({
props: {
hideTopMenu: true,
},
});
const Landing: React.FC = () => (
<div>
<Intro />
<Game />
<Build />
<Revolution/>
<Revolution />
<WildWeb />
<Frontier />
<Together />
<WhatWeDo />
<Together />
<WhatWeDo />
<Optimal />
<Unplug />
<Who />
<Cards />
<Cards />
<JustWatch />
</div>;
}
export default Landing;
</div>
);
export default Landing;