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-06 16:25:20 +02:00
import {Body, H1} from "../utils/fonts";
2022-07-05 13:49:29 +02:00
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
2022-07-06 13:49:41 +02:00
const LandingPage = () => {
2022-07-05 11:53:07 +02:00
return (
2022-07-06 16:25:20 +02:00
<FlexColumn alignmentY='flex-start' width='100%' minHeight='100vh' as='main'>
<FlexColumn alignmentX='flex-start' gap='24px'
width='80%' maxWidth='352px' margin='90px 0 0 0'>
2022-07-05 13:49:29 +02:00
<H1 as="h1">
Welcome to
2022-07-06 16:25:20 +02:00
<Container display="inline" color={theme.colors.green}>
2022-07-05 13:49:29 +02:00
&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;