moonstream/frontend/pages/team/index.js

247 wiersze
8.5 KiB
JavaScript
Czysty Zwykły widok Historia

import React, { useContext } from "react";
2021-08-20 11:42:40 +00:00
import {
Heading,
Text,
Flex,
Link,
2022-09-13 14:12:01 +00:00
Image as ChakraImage,
2021-08-20 11:42:40 +00:00
Stack,
chakra,
UnorderedList,
ListItem,
2021-08-24 09:02:41 +00:00
Box,
SimpleGrid,
2022-09-13 14:12:01 +00:00
Center,
2021-08-20 11:42:40 +00:00
} from "@chakra-ui/react";
2022-09-13 14:12:01 +00:00
import { AWS_ASSETS_PATH } from "../../src/core/constants";
2021-08-20 11:55:06 +00:00
import UIContext from "../../src/core/providers/UIProvider/context";
2021-12-10 12:04:46 +00:00
import TeamCard from "../../src/components/TeamCard";
2022-09-13 14:12:01 +00:00
import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
const TEAM_PATH = `${AWS_ASSETS_PATH}/team`;
2021-08-20 11:42:40 +00:00
const assets = {
rocket: `${TEAM_PATH}/rocket-w-background.png`,
2022-09-13 14:12:01 +00:00
ant: `${TEAM_PATH}/ant.png`,
bee: `${TEAM_PATH}/bee.png`,
centipede: `${TEAM_PATH}/centipede.png`,
firefly: `${TEAM_PATH}/firefly.png`,
ladybug: `${TEAM_PATH}/ladybug.png`,
locust: `${TEAM_PATH}/locust.png`,
mantis: `${TEAM_PATH}/mantis.png`,
scarab: `${TEAM_PATH}/scarab.png`,
spider: `${TEAM_PATH}/carpenter-spider.png`,
weta: `${TEAM_PATH}/weta.png`,
2023-05-02 16:38:19 +00:00
dragonfly: `${TEAM_PATH}/dragonfly.png`,
2021-08-20 11:42:40 +00:00
};
2022-09-13 14:12:01 +00:00
const Team = () => {
2021-08-20 11:55:06 +00:00
const ui = useContext(UIContext);
2021-08-20 11:42:40 +00:00
2021-08-20 11:55:06 +00:00
const margin = ui.isMobileView ? "3%" : "22%";
2021-08-20 11:42:40 +00:00
return (
<Flex
bgPos="bottom"
bgColor="transparent"
bgSize="cover"
minH="100vh"
direction="column"
alignItems="center"
w="100%"
2022-12-21 15:29:12 +00:00
maxW="1238"
2021-08-20 11:42:40 +00:00
>
2022-12-21 15:29:12 +00:00
<Stack mt="142px" w="100%">
2021-08-24 09:02:41 +00:00
<SimpleGrid
alignItems="start"
columns={{ base: 1, md: 2 }}
2022-09-13 14:12:01 +00:00
mb={24}
2021-08-24 09:02:41 +00:00
spacingY={{ base: 10, md: 32 }}
spacingX={{ base: 10, md: 24 }}
2021-08-20 11:42:40 +00:00
>
2021-08-24 09:02:41 +00:00
<Box>
<Heading as="h2" size="md" w="100%" py={6} borderTopRadius="xl">
2021-08-24 09:02:41 +00:00
Meet The Moonstream Team
</Heading>
<chakra.span pl={2} py={2}>
<Text mb={2}>
We are a distributed team of nerds with very strong expertise in
math, software engineering, machine learning, and cryptography.
Members of our team worked at Google, at OpenAI and other great
companies.
</Text>
<Text mb={2}>
We believe that the crypto world opens opportunities for
financial inclusion. Meaning that people from all walks of life
and financial situations can have a new source of income. We are
passionate about developing technology that helps people become
active participants in this field and take advantage of this
opportunity. Were striving to debunk harmful stereotypes and
make the crypto field more inclusive.
</Text>
</chakra.span>
</Box>
<Center w="100%" h="100%" py={6}>
2022-09-13 14:12:01 +00:00
<ChakraImage w="40%" src={assets["rocket"]} alt="rocket" />
</Center>
2021-08-24 09:02:41 +00:00
</SimpleGrid>
2021-08-20 11:42:40 +00:00
</Stack>
2022-12-21 15:29:12 +00:00
<Stack mb={6} mt={0} w="100%">
<Heading as="h2" size="md" w="100%" pb={2} pt={0} borderTopRadius="xl">
2021-08-20 11:42:40 +00:00
Values that we share within our team:
</Heading>
2022-12-21 15:29:12 +00:00
<chakra.span pl={2} py={2}>
2021-08-20 11:42:40 +00:00
<UnorderedList w="75%" pl={4}>
<ListItem>
2021-08-24 11:58:55 +00:00
<b>Be bold</b>
</ListItem>
<ListItem>
<b>Be curious</b>
2021-08-20 11:42:40 +00:00
</ListItem>
<ListItem>
<b>Dont be an ass</b>
</ListItem>
<ListItem>
<b>And always be kind to each other</b>
</ListItem>
</UnorderedList>
<Text my={2}>
We are always looking to hire new talents, regardless of their
backgrounds. If you are interested in working with us, send us a
message at{" "}
<Link textColor="orange.900" href="mailto: careers@moonstream.to">
2021-08-20 11:42:40 +00:00
careers@moonstream.to
</Link>
</Text>
</chakra.span>
</Stack>
2022-12-21 15:29:12 +00:00
<Stack mb={12} w="100%">
<Heading as="h2" size="md" w="100%" py={2} borderTopRadius="xl">
2021-08-20 11:42:40 +00:00
Our engineering team
</Heading>
2022-12-21 15:29:12 +00:00
<Flex
2021-12-10 12:04:46 +00:00
w="100%"
direction={"row"}
flexWrap="wrap"
justifyContent="space-between"
2022-09-13 14:59:47 +00:00
alignContent="left"
2021-12-10 12:04:46 +00:00
>
<TeamCard
avatarURL={assets["ant"]}
name={"Neeraj Kashyap"}
atName={"@zomglings"}
content={` Founder. Number theorist. Loves playing chess while programming. Fan of GO, backgammon, and video games.`}
/>
<TeamCard
avatarURL={assets["spider"]}
name={"Sergei Sumarokov"}
atName={"@kompotkot"}
content={`Keeper of Secrets. Likes information
security since childhood, loves mountains and goes hiking from
time to time. Had a close call with a wild bear in a forest once.`}
/>
<TeamCard
avatarURL={assets["locust"]}
name={"Andrey Dolgolev"}
atName={"@Andrei-Dolgolev"}
content={`Wizard. Loves mountains, bicycling, and
hiking. A practicing Python wizard. Also likes to cook and play
the guitar in between data witchcraft.`}
/>
<TeamCard
avatarURL={assets["scarab"]}
name={"Kellan Wampler"}
atName={"@wampleek"}
content={`News junkie. Reformed mathematician. Fantasy Football enthusiast.
2023-05-02 16:38:19 +00:00
Enjoys sudoku and its variants. Follows artificial intelligence scene for
Chess and Go. Experiments with grilling recipes.`}
/>
2023-03-01 10:27:57 +00:00
<TeamCard
avatarURL={assets["firefly"]}
name={"Ishkhan Balgudanian"}
atName={"@ishihssihshihishsi"}
content={`Lighter. Designer to the bone. Constantly
working on self-development. Sometimes plays guitar
and ukulele. Loves meat, went from well done to blue
rare in a few months.`}
/>
2023-05-02 16:38:19 +00:00
<TeamCard
avatarURL={assets["dragonfly"]}
name={"Anton Mushnin"}
atName={"@mumintrl"}
content={`Interface enthusiast. Loves water to swim in, dive deep into,
yacht on, and drink (especially in wine). Chef - you
could see him baking crepes at the Parisian market. Passionate
about rugby and chess.`}
/>
2022-12-21 15:29:12 +00:00
</Flex>
2021-08-20 11:42:40 +00:00
</Stack>
2022-12-21 15:29:12 +00:00
<Stack mb={12} w="100%">
<Heading as="h2" size="md" w="100%" py={2} borderTopRadius="xl">
2021-08-20 11:42:40 +00:00
Our marketing and growth team
</Heading>
2022-12-21 15:29:12 +00:00
<Flex
2021-12-10 12:04:46 +00:00
w="100%"
direction={"row"}
flexWrap="wrap"
justifyContent="space-between"
2022-09-13 14:59:47 +00:00
alignContent="left"
2021-12-10 12:04:46 +00:00
>
<TeamCard
2022-09-13 14:12:01 +00:00
avatarURL={assets["ladybug"]}
2021-12-10 12:04:46 +00:00
name={"Sophia Aryan"}
atName={"@pahita"}
content={`Dreamer. An alien who pretends to be a human.
So far so good. Loves ecstatic dance, being alone in nature and
dreaming.`}
/>
<TeamCard
avatarURL={assets["mantis"]}
name={"Daria Navoloshnikova"}
atName={"@in_technicolor"}
content={`Mediator. Loves stand-up comedy and
crying at nights. Volunteered at a horse farm once. Portrait
artist, puts the pain in painting.`}
/>
<TeamCard
avatarURL={assets["bee"]}
name={"Dasha Bochkareva"}
atName={"@dashab"}
content={`Born explorer. Always in search of something
new to master. Enjoys being close to the sea. Loves yoga,
dogs and dancing. Can walk 30km when under stress.`}
/>
2022-12-21 15:29:12 +00:00
</Flex>
2022-09-13 14:12:01 +00:00
</Stack>
2021-08-20 11:42:40 +00:00
</Flex>
);
};
2021-08-20 11:57:37 +00:00
2022-09-13 14:12:01 +00:00
Team.getLayout = getLayout;
2021-08-20 11:57:37 +00:00
export async function getStaticProps() {
const assetPreload = Object.keys(assets).map((key) => {
return {
rel: "preload",
href: assets[key],
as: "image",
};
});
const preconnects = [{ rel: "preconnect", href: "https://s3.amazonaws.com" }];
const preloads = assetPreload.concat(preconnects);
2022-09-13 14:12:01 +00:00
const metaTags = {
title: "Moonstream: Team page",
description: "Moonstream team members",
keywords:
"blockchain, crypto, data, trading, smart contracts, ethereum, solana, transactions, defi, finance, decentralized, analytics, product, whitepapers",
2022-09-13 15:04:37 +00:00
url: "https://www.moonstream.to/team",
2021-08-20 11:57:37 +00:00
};
2022-09-13 14:12:01 +00:00
const layoutProps = getLayoutProps();
layoutProps.props.metaTags = { ...layoutProps.props.metaTags, ...metaTags };
layoutProps.props = { ...layoutProps.props, ...preloads };
return { ...layoutProps };
2021-08-20 11:57:37 +00:00
}
2022-09-13 14:12:01 +00:00
export default Team;