Vercel OSS Sponsorship (#81)

components/Footer.tsx

@@ -1,22 +1,34 @@
 import { FC } from "react";
-import { Center, Text } from "@chakra-ui/react";
+import { Stack, Text, Link } from "@chakra-ui/react";
 
 type Props = {
     [key: string]: any
 };
 
 const Footer: FC<Props> = (props) => (
-    <Center
+    <Stack
         as="footer"
         w="full"
         p={3}
         fontSize={["sm", null, "md"]}
+        direction={["column", null, "row"]}
+        justify="center"
+        align="center"
+        spacing={[1, null, 2]}
         {...props}
     >
-        <Text as="span">&#169; 2021 TheDavidDelta</Text>
-        <Text as="span" mx={2}>·</Text>
-        <Text as="span">Licensed under AGPLv3</Text>
-    </Center>
+        <Link href="https://github.com/TheDavidDelta/lingva-translate/blob/main/LICENSE" isExternal={true}>
+            <Text as="span">&#169; 2021 TheDavidDelta & contributors</Text>
+        </Link>
+        <Text as="span" display={["none", null, "unset"]}>·</Text>
+        <Link href="https://www.gnu.org/licenses/agpl-3.0.html" isExternal={true}>
+            <Text as="span">Licensed under AGPLv3</Text>
+        </Link>
+        <Text as="span" display={["none", null, "unset"]}>·</Text>
+        <Link href="https://vercel.com?utm_source=lingva-team&utm_campaign=oss" isExternal={true}>
+            <Text as="span">▲ Powered by Vercel</Text>
+        </Link>
+    </Stack>
 );
 
 export default Footer;