From 7fc39b6553d2aa54e94e4aba8a2709ba1eea49be Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 15 Jan 2024 04:45:15 +0000
Subject: [PATCH 1/4] create footer component

---
 frontend/app/components/footer/footer.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 frontend/app/components/footer/footer.tsx

diff --git a/frontend/app/components/footer/footer.tsx b/frontend/app/components/footer/footer.tsx
new file mode 100644
index 00000000..8c680238
--- /dev/null
+++ b/frontend/app/components/footer/footer.tsx
@@ -0,0 +1,8 @@
+const Footer = () => {
+
+    return (
+        <div>
+            <a href="https://github.com/thearyadev/top500-aggregator">Github</a>
+        </div>
+    )
+}

From 8776136b8235daee2080425a7b3eaf594d8e2722 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 15 Jan 2024 14:35:57 +0000
Subject: [PATCH 2/4] Export footer from index

---
 frontend/app/components/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/index.ts b/frontend/app/components/index.ts
index a285e7bb..1e621638 100644
--- a/frontend/app/components/index.ts
+++ b/frontend/app/components/index.ts
@@ -1,4 +1,5 @@
 export {default as Header} from "./header/header"
 export {default as Card} from "./card/card"
 export {default as BarChart} from "./charts/barChart"
-export {default as LineChart} from "./charts/lineChart"
\ No newline at end of file
+export {default as LineChart} from "./charts/lineChart"
+export {default as Footer} from './footer/footer'

From 5800f0067623d9f178cb98631749f6b2ade838ea Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 15 Jan 2024 14:36:08 +0000
Subject: [PATCH 3/4] add styles and structure to footer

---
 frontend/app/components/footer/footer.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/footer/footer.tsx b/frontend/app/components/footer/footer.tsx
index 8c680238..3ffce2f9 100644
--- a/frontend/app/components/footer/footer.tsx
+++ b/frontend/app/components/footer/footer.tsx
@@ -1,8 +1,14 @@
+import React from 'react';
+
 const Footer = () => {
 
     return (
-        <div>
-            <a href="https://github.com/thearyadev/top500-aggregator">Github</a>
+        <div className="text-center pb-5 pt-3
+            bg-gray-300 w-full overflow-x-auto  whitespace-nowrap">
+            <a href="https://github.com/thearyadev/top500-aggregator" className='underline'>
+                Support this project on Github
+            </a>
         </div>
     )
 }
+export default Footer;

From 303f576cde779ddeb2244560b2a3aa0d4b400e80 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Mon, 15 Jan 2024 14:36:28 +0000
Subject: [PATCH 4/4] place footer on page

---
 frontend/pages/_app.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/_app.tsx b/frontend/pages/_app.tsx
index 15359c14..ecc499dc 100644
--- a/frontend/pages/_app.tsx
+++ b/frontend/pages/_app.tsx
@@ -1,6 +1,6 @@
 import '../app/globals.scss';
 import type {AppProps} from 'next/app';
-import {Header} from "@/app/components";
+import {Footer, Header} from "@/app/components";
 import {useRouter} from "next/router";
 
 interface T500AggregatorAppProps extends AppProps {
@@ -40,6 +40,7 @@ function MyApp({Component, pageProps}: T500AggregatorAppProps) {
                 <hr className="m-5"/>
 
                 <Component {...pageProps} />
+                <Footer />
             </main>
         </>
     )