feat: feature/mvp-sprint-1 Updated footer

Browse Source
This commit is contained in:
Nikolaj Frey 2023-08-15 21:17:09 +10:00
parent 0f1edf9b40
commit 196764dc4e
1 changed files with 36 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
remix/app/components/Nav/Footer.tsx
View File

@ -10,6 +10,7 @@ import { ProfileDrawer } from "./ProfileDrawer"
export const Footer = (props) => { export const Footer = (props) => {
const investmentEmail = "invest@thingtime.com" const investmentEmail = "invest@thingtime.com"
const contactEmail = "connect@thingtime.com"
return ( return (
<Center <Center
@ -19,21 +20,50 @@ export const Footer = (props) => {
paddingX={4} paddingX={4}
> >
<Flex width={["500px", "500px"]} maxWidth="100%"> <Flex width={["500px", "500px"]} maxWidth="100%">
{false && (
<Flex flexDirection="column" rowGap={3}>
<Flex flexDirection="column">
<Flex flexDirection="row" fontSize="xs">
<Icon name="cash" size="12px" chakras={{ pr: 1 }}></Icon>
To invest, please contact:
{/* <Icon name="money bag" size="10px" chakras={{ pl: 1 }}></Icon> */}
</Flex>
<Link to={`mailto:${investmentEmail}`}>
<Flex flexDirection="row">
<Text color="green">{investmentEmail}</Text>
</Flex>
</Link>
</Flex>
<Flex flexDirection="column" fontSize="xs">
{/* copyright message */}© 2023 Thingtime
</Flex>
</Flex>
)}
<Flex flexDirection="column" rowGap={3}> <Flex flexDirection="column" rowGap={3}>
<Flex flexDirection="column"> <Flex flexDirection="column">
<Flex flexDirection="row" fontSize="xs"> <Flex flexDirection="row" fontSize="xs">
<Icon name="cash" size="12px" chakras={{ pr: 1 }}></Icon> <Icon name="mail" size="12px" chakras={{ pr: 1 }}></Icon>
To invest, please contact: Contact
{/* <Icon name="money bag" size="10px" chakras={{ pl: 1 }}></Icon> */} {/* <Icon name="money bag" size="10px" chakras={{ pl: 1 }}></Icon> */}
</Flex> </Flex>
<Link to={`mailto:${investmentEmail}`}> <Link to={`mailto:${contactEmail}`}>
<Flex flexDirection="row"> <Flex flexDirection="row">
<Text color="green">{investmentEmail}</Text> <Text>{contactEmail}</Text>
</Flex> </Flex>
</Link> </Link>
</Flex> </Flex>
<Flex flexDirection="column" fontSize="xs"> <Flex alignItems="center" flexDirection="row" fontSize="xs">
{/* copyright message */}© 2023 Thingtime <Text>{/* copyright message */}© 2023 Thingtime</Text>
<Flex
flexDirection="row"
marginTop={-0.5}
marginRight="auto"
paddingLeft="5px"
>
<Icon name="rainbow" size="8px"></Icon>
<Icon name="unicorn" size="8px"></Icon>
<Icon name="wizard" size="8px"></Icon>
</Flex>
</Flex> </Flex>
</Flex> </Flex>
</Flex> </Flex>