Updates

src/screens/Intro.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { useHistory } from 'react-router';
+import Welcome from './Welcome';
+import {
+  Button,
+  Space,
+} from 'antd';
+import {
+  UploadOutlined,
+  DownloadOutlined,
+  KeyOutlined,
+} from '@ant-design/icons';
+
+
+const Thumb: React.FC = ({
+  title,
+  Icon,
+  link,
+}) => {
+  const history = useHistory();
+  return (
+    <Button
+      size="large"
+      shape="round"
+      type="link"
+      icon={<Icon />}
+      onClick={() => history.push(link)}
+    >
+      {title}
+    </Button>
+  );
+};
+
+const Intro = () => {
+  return (
+    <>
+      <Welcome />
+      <Space style={{ width: '100%' }} align="center" direction="vertical">
+        <b>What do you want to do?</b>
+        <Thumb
+          title="I want to send a text/file"
+          link="/send"
+          Icon={UploadOutlined}
+        /> 
+        <Thumb
+          link="/key"
+          title="I want to receive a file"
+          Icon={KeyOutlined}
+        />
+        <Thumb
+          link="/receive"
+          title="I have received a file"
+          Icon={DownloadOutlined}
+        />
+      </Space>
+    </>
+  );
+};
+
+export default Intro;