From b136f2018cf3276a573b5a72a5c8b82ed13d5877 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Fri, 29 Sep 2023 22:14:40 +1000
Subject: [PATCH] add footer

---
 components/Footer.tsx | 15 +++++++++++++++
 components/Layout.tsx |  2 ++
 2 files changed, 17 insertions(+)
 create mode 100644 components/Footer.tsx

diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..fc363ad
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,15 @@
+const Footer = () => {
+  return (
+    <div className="mt-6 flex justify-center rounded-lg border-2 border-th-fgd-1 bg-th-bkg-1 px-6 py-4">
+      <a
+        href="https://app.mango.markets"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        <span className="font-bold">Powered by 🥭</span>
+      </a>
+    </div>
+  )
+}
+
+export default Footer
diff --git a/components/Layout.tsx b/components/Layout.tsx
index 6b733d7..12be70a 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -10,6 +10,7 @@ import { Transition } from '@headlessui/react'
 import { useTranslation } from 'next-i18next'
 import TermsOfUseModal from './modals/TermsOfUseModal'
 import SunburstBackground from './SunburstBackground'
+import Footer from './Footer'
 
 export const sideBarAnimationDuration = 300
 const termsLastUpdated = 1679441610978
@@ -32,6 +33,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
           <TopBar />
           <div className="mx-auto max-w-3xl px-6 pb-20 lg:px-12">
             {children}
+            <Footer />
           </div>
           <DeployRefreshManager />
           <TermsOfUse />