diff --git a/packages/web/components/Landing/sections/Build.tsx b/packages/web/components/Landing/sections/Build.tsx index 25f0aeec..d2fdaa9a 100644 --- a/packages/web/components/Landing/sections/Build.tsx +++ b/packages/web/components/Landing/sections/Build.tsx @@ -1,7 +1,7 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/build-background.png'; -export const Build: React.FC = () => ( +const Build: React.FC = () => ( ( > ( - - - - - - PLAYERS - - - MetaGame is for those who want to play an active role in building - the future. - +const Cards: React.FC = () => ( + + + + + + + PLAYERS + + + MetaGame is for those who want to play an active role in building + the future. + - For those who want to: - - - Build their knowledge, get experience & level up. - - - Find cool projects, solve problems & get paid. - - Become a part of something bigger. - - + For those who want to: + + + Build their knowledge, get experience & level up. + + + Find cool projects, solve problems & get paid. + + Become a part of something bigger. + - - - - - GUILDS - - - It's also for groups of people, those building tools & services - for a decentralized future. - + + + + + + GUILDS + + + It's also for groups of people, those building tools & services for + a decentralized future. + - For those who want to: - - - Help finding tools, frameworks & funds accessible. - - - Help getting value-aligned contributors & adopters - - - Become a part of the "new world" puzzle. - - - + For those who want to: + + + Help finding tools, frameworks & funds accessible. + + + Help getting value-aligned contributors & adopters + + + Become a part of the "new world" puzzle. + + - - - - - PATRONS - - - Those who really want to see MetaGame succeed, but prefer to help - with funds. - + + + + + + PATRONS + + + Those who really want to see MetaGame succeed, but prefer to help + with funds. + - Why? - - - They love builder onboarding & support systems. - - - Membership and other things, all paid in Seeds. - - - Understanding MetaGame made them go: Fuck yeah! - - - + Why? + + + They love builder onboarding & support systems. + + + Membership and other things, all paid in Seeds. + + + Understanding MetaGame made them go: Fuck yeah! + + - - - ); -} + + + +); -export default Intro; +export default Cards; diff --git a/packages/web/components/Landing/sections/Frontier.tsx b/packages/web/components/Landing/sections/Frontier.tsx index 15087ef7..1e8b9018 100644 --- a/packages/web/components/Landing/sections/Frontier.tsx +++ b/packages/web/components/Landing/sections/Frontier.tsx @@ -1,52 +1,51 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/frontier-background.png'; -function Frontier() { - return ( - ( + + - - - Many have already woken up to the world-shaping potential of Web3 - technologies. - + Many have already woken up to the world-shaping potential of Web3 + technologies. + + + + 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. - - - - ); -} export default Frontier; diff --git a/packages/web/components/Landing/sections/Game.tsx b/packages/web/components/Landing/sections/Game.tsx index 9e59fd47..270cb7da 100644 --- a/packages/web/components/Landing/sections/Game.tsx +++ b/packages/web/components/Landing/sections/Game.tsx @@ -1,53 +1,51 @@ import { Box, Container, Link, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/game-background.png'; -function Game() { - return ( - ( + + - - - “Metagame is any approach to a game that transcends or operates - outside of the prescribed rules of the game, uses external factors to - affect the game, or goes beyond the supposed limits or environment set - by the game.” - - - From{' '} - - The Wiki - - + “Metagame is any approach to a game that transcends or operates outside + of the prescribed rules of the game, uses external factors to affect the + game, or goes beyond the supposed limits or environment set by the + game.” + + - From{' '} + + The Wiki + - - - ); -} + + + +); export default Game; diff --git a/packages/web/components/Landing/sections/Intro.tsx b/packages/web/components/Landing/sections/Intro.tsx index 0a9830d6..b8efd276 100644 --- a/packages/web/components/Landing/sections/Intro.tsx +++ b/packages/web/components/Landing/sections/Intro.tsx @@ -3,60 +3,58 @@ 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 ( - ( + + - + - - - A Massive Online Coordination Game - - - - - - ); -} + A Massive Online Coordination Game + + + + + +); export default Intro; diff --git a/packages/web/components/Landing/sections/JustWatch.tsx b/packages/web/components/Landing/sections/JustWatch.tsx index 6969b04f..f5c9fe57 100644 --- a/packages/web/components/Landing/sections/JustWatch.tsx +++ b/packages/web/components/Landing/sections/JustWatch.tsx @@ -2,63 +2,61 @@ import { Box, Button, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/just-watch-background.png'; import { FaArrowDown } from 'react-icons/fa'; -function Intro() { - return ( - ( + + - - - The revolution will be televized, but don’t just watch. - - - - - - ); -} + The revolution will be televized, but don’t just watch. + + + + + +); -export default Intro; +export default JustWatch; diff --git a/packages/web/components/Landing/sections/Optimal.tsx b/packages/web/components/Landing/sections/Optimal.tsx index ead54ca7..007301ce 100644 --- a/packages/web/components/Landing/sections/Optimal.tsx +++ b/packages/web/components/Landing/sections/Optimal.tsx @@ -1,63 +1,61 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/optimal-background.png'; -function Optimal() { - return ( - ( + + - - - - To find your metagame means to{' '} - - play life in the optimal way. + + To find your metagame means to{' '} + + play life in the optimal way. + + + + + By coordinating with others on building a better world; doing things + that create a{' '} + + {' '} + a positive impact +
{' '} + {' '} + make + + {' '} + you happy{' '} + + AND + + {' '} + earn you money. - - - By coordinating with others on building a better world; doing - things that create a{' '} - - {' '} - a positive impact -
{' '} - {' '} - make - - {' '} - you happy{' '} - - AND - - {' '} - earn you money. - - - - - - ); -} + + + +); export default Optimal; diff --git a/packages/web/components/Landing/sections/Revolution.tsx b/packages/web/components/Landing/sections/Revolution.tsx index 52934922..077dcb89 100644 --- a/packages/web/components/Landing/sections/Revolution.tsx +++ b/packages/web/components/Landing/sections/Revolution.tsx @@ -1,55 +1,53 @@ import { Box, Container, Link, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/revolution-background.png'; -function Build() { - return ( - ( + + - - - A revolution is happening online; - + A revolution is happening online; + - - will you{' '} - - join - {' '} - or miss out? - - - - ); -} + + will you{' '} + + join + {' '} + or miss out? + + + +); export default Build; diff --git a/packages/web/components/Landing/sections/Together.tsx b/packages/web/components/Landing/sections/Together.tsx index c1ee14e1..45b107a3 100644 --- a/packages/web/components/Landing/sections/Together.tsx +++ b/packages/web/components/Landing/sections/Together.tsx @@ -1,54 +1,52 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/together-background.png'; -function Together() { - return ( - ( + + - - - - {' '} - We are bringing together the people & building blocks aligned on the - idea of creating a new kind of society. - - - {' '} - One that is optimized for human wellbeing rather than profit. - - - One that revolves around solving problems & living well, in balance - with nature. - - - - - ); -} + + {' '} + We are bringing together the people & building blocks aligned on the + idea of creating a new kind of society. + + + {' '} + One that is optimized for human wellbeing rather than profit. + + + One that revolves around solving problems & living well, in balance + with nature. + + + + +); export default Together; diff --git a/packages/web/components/Landing/sections/Unplug.tsx b/packages/web/components/Landing/sections/Unplug.tsx index 87fc433a..9a2216bd 100644 --- a/packages/web/components/Landing/sections/Unplug.tsx +++ b/packages/web/components/Landing/sections/Unplug.tsx @@ -1,41 +1,39 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/unplug-background.png'; -function Unplug() { - return ( - ( + + - - - - So unplug yourself from the matrix & enter the future. - + + So unplug yourself from the matrix & enter the future. + - earn, earn & make a difference. - - - - ); -} + earn, earn & make a difference. + + + +); export default Unplug; diff --git a/packages/web/components/Landing/sections/WhatWeDo.tsx b/packages/web/components/Landing/sections/WhatWeDo.tsx index 562ddcb5..52b8306b 100644 --- a/packages/web/components/Landing/sections/WhatWeDo.tsx +++ b/packages/web/components/Landing/sections/WhatWeDo.tsx @@ -1,47 +1,45 @@ import { Box, Container, ListItem, OrderedList, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/whatWeDo-background.png'; -function WhatWeDo() { - return ( - ( + + - - - - What are we doing? - - - Curating knowledge - Organizing events - Producing content - Building technologies - Uniting aligned people & communities - - Putting together the pieces of the New World puzzle - - + + + What are we doing? + + + Curating knowledge + Organizing events + Producing content + Building technologies + Uniting aligned people & communities + + Putting together the pieces of the New World puzzle + + - - In short, anything & everything related to DAOs & helping people - build the future they want to live in - - - - - ); -} + + In short, anything & everything related to DAOs & helping people build + the future they want to live in + + + + +); export default WhatWeDo; diff --git a/packages/web/components/Landing/sections/Who.tsx b/packages/web/components/Landing/sections/Who.tsx index 4e298309..70bc4f4a 100644 --- a/packages/web/components/Landing/sections/Who.tsx +++ b/packages/web/components/Landing/sections/Who.tsx @@ -1,39 +1,37 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/who-background.png'; -function Who() { - return ( - ( + + - - - - So, whom is it for? - - - - - ); -} + + So, whom is it for? + + + + +); export default Who; diff --git a/packages/web/components/Landing/sections/WildWeb.tsx b/packages/web/components/Landing/sections/WildWeb.tsx index 7875515f..7132e182 100644 --- a/packages/web/components/Landing/sections/WildWeb.tsx +++ b/packages/web/components/Landing/sections/WildWeb.tsx @@ -1,61 +1,54 @@ import { Box, Container, Text } from '@metafam/ds'; import BackgroundImage from 'assets/landing/wildweb-background.png'; -function WildWeb() { - return ( - ( + + - - - - Web3 technologies are allowing us to{' '} - reimagine socioeconomic systems from - ground up. - - - A new world is being built but it’s{' '} - hard to navigate. - - - The resources, building blocks & tools are all over the place{' '} - but the maps are inexistent. - - - There are pitfalls, gold rushing cowboys & snake oil salesmen at - every corner. - + + Web3 technologies are allowing us to{' '} + reimagine socioeconomic systems from + ground up. + + + A new world is being built but it’s{' '} + hard to navigate. + + + The resources, building blocks & tools are all over the place{' '} + but the maps are inexistent. + + + There are pitfalls, gold rushing cowboys & snake oil salesmen at every + corner. + - - It’s a Wild Web. - - - - - ); -} + + It’s a Wild Web. + + + + +); export default WildWeb; diff --git a/packages/web/pages/landing.tsx b/packages/web/pages/landing.tsx index 17f3991e..df713d9b 100644 --- a/packages/web/pages/landing.tsx +++ b/packages/web/pages/landing.tsx @@ -1,5 +1,6 @@ import React from 'react'; +// eslint-disable-next-line import/no-named-as-default import Build from '../components/Landing/Sections/Build'; import Cards from '../components/Landing/Sections/Cards'; import Frontier from '../components/Landing/Sections/Frontier';