Add footer with github link

components/Footer.tsx

@@ -0,0 +1,18 @@
+import { Container, Stack, ButtonGroup, IconButton, Text } from '@chakra-ui/react'
+import { FaGithub } from 'react-icons/fa'
+
+
+export default () => (
+    <Container as="footer" role="contentinfo" py={{ base: '12', md: '16' }}>
+        <Stack spacing={{ base: '4', md: '5' }}>
+            <Stack justify="space-between" direction="row" align="center">
+                <Text fontSize="sm" color="subtle">
+                    MathGPT, built for Hackrithmitic 2 2023
+                </Text>
+                <ButtonGroup variant="ghost">
+                    <IconButton as="a" href="https://github.com/hackathon-group-301/mathgpt" aria-label="GitHub" icon={<FaGithub fontSize="1.25rem" />} />
+                </ButtonGroup>
+            </Stack>
+        </Stack>
+    </Container>
+)

package.json

@@ -20,6 +20,7 @@
         "openai": "^3.1.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "react-icons": "^4.7.1",
         "react-loading-icons": "^1.1.0",
         "react-math-view": "^1.3.2",
         "react18-mathquill": "^1.0.1",

pages/index.tsx

@@ -1,18 +1,14 @@
 import Head from 'next/head'
-import Image from 'next/image'
-import { Inter } from '@next/font/google'
 import styles from '@/styles/Home.module.css'
-import React, { useEffect, useState, useReducer } from 'react';
+import React, { useState, useReducer } from 'react';
 import dynamic from 'next/dynamic';
 import {
-    Button, ButtonGroup, Select,
-    Text, Card, Box, useToast,
-    Alert, AlertTitle, AlertDescription, AlertIcon,
-    Accordion, AccordionButton, AccordionItem, AccordionPanel, AccordionIcon,
-    Input
+    Button, Select, Text, Card, Box, useToast,
+    Accordion, AccordionButton, AccordionItem, AccordionPanel, AccordionIcon, Input
 } from '@chakra-ui/react'
 import { ApiReturnSchema } from '@/types/apiTypes';
 import ShowAnswer, { AnswerState } from '@/components/Answer';
+import Footer from '@/components/Footer';
 
 
 const EquationInput: React.FC<{ setLatex: React.Dispatch<React.SetStateAction<string>>, latex: string }> = ({ setLatex, latex }) => {
@@ -194,6 +190,7 @@ export default function Home() {
                     <Button textColor={'white'} bgGradient='linear(to-r, #187D71, #151394)' colorScheme='teal' onClick={() => demo1()}>Try solving!</Button>
                     <Button textColor={'white'} bgGradient='linear(to-r, #8D9C0E, #359600)' colorScheme='teal' onClick={() => demo2()}>Try finding x!</Button>
                 </Card>
+                <Footer />
             </main>
         </>
     )