gonito-frontend/src/pages/LandingPage.js

31 lines
1.1 KiB
JavaScript
Raw Normal View History

2022-07-05 11:53:07 +02:00
import React from "react";
2022-07-05 13:49:29 +02:00
import {Body, H1, Label} from "../utils/fonts";
import {Container, FlexColumn} from "../utils/containers";
import theme from "../utils/theme";
import {Link} from "react-router-dom";
import ButtonLink from "../components/ButtonLink";
2022-07-05 11:53:07 +02:00
function LandingPage() {
return (
2022-07-05 13:49:29 +02:00
<FlexColumn alignmentY='flex-start' setWidth='100%' setMinHeight='100vh' as='main'>
<FlexColumn alignmentX='flex-start' setGap='24px'
setWidth='80%' setMaxWidtsetCursorh='352px' setMargin='90px 0 0 0'>
<H1 as="h1">
Welcome to
<Container setDisplay="inline" setColor={theme.colors.green}>
&nbsp;Gonito.net!
</Container>
</H1>
<Body as="p">
A data challenge platform for machine learning research,
competition, cooperation and reproducibility.
</Body>
<ButtonLink as={Link} to='/'>
Join us!
</ButtonLink>
</FlexColumn>
</FlexColumn>
2022-07-05 11:53:07 +02:00
);
}
export default LandingPage;