Files
TheGame/packages/web/components/Welcome/WelcomeHeader.tsx
dan13ram f95b12751e profile setup - about you flow (#130)
* added data for personality types and refactored images

* setup personality type

* setup player type

* player types descriptions
2020-10-08 22:00:53 -06:00

21 lines
705 B
TypeScript

import { Flex, Image, SimpleGrid, Text } from '@metafam/ds';
import MetaGameImage from 'assets/metagame.png';
import { MetaLink } from 'components/Link';
import React from 'react';
export const WelcomeHeader: React.FC = () => {
return (
<SimpleGrid columns={3} alignItems="center" width="100%" fontFamily="mono">
<MetaLink href="">How to play MetaGame</MetaLink>
<Flex justify="center" align="center">
<Image src={MetaGameImage} alt="MetaGame" mt={-2} w="9rem" />
</Flex>
<Flex align="center" justify="flex-end">
<Text color="offwhite">
Already a Player? <MetaLink href="">Sign in</MetaLink>
</Text>
</Flex>
</SimpleGrid>
);
};