diff --git a/components/Footer.tsx b/components/Footer.tsx
new file mode 100644
index 0000000..9012459
--- /dev/null
+++ b/components/Footer.tsx
@@ -0,0 +1,11 @@
+export const Footer = () => {
+    return(
+        <div className='text-center text-lg'>
+            <footer className='fixed bottom-2 left-0 right-0 text-[#727277] font-thin'>
+                <a href='https://arch.gay' target='_blank'>Made by 
+                    <span className='gradient font-semibold'> arch</span>
+                </a>
+            </footer>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/pages/index.tsx b/pages/index.tsx
index e4d0160..ce22ce1 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,14 +6,18 @@ import FadeIn from 'react-fade-in'
 import profilePic from '../public/profile.webp'
 
 import { socials } from 'components/data/socials'
+import { Footer } from 'components/Footer' 
 import { Icon } from 'components/Icon' 
 import { Toaster } from 'react-hot-toast'
 import { FaSpotify } from 'react-icons/fa'
 
+import profilePic from '../public/profile.webp'
+
 const fetcher = (url: RequestInfo) => fetch(url).then(r => r.json())
 
 export default function() {
     const { data: spotify } = useSWR('/api/spotify', fetcher, { refreshInterval: 1000 })
+    
     if(!spotify) return
 
     return (
@@ -53,7 +57,8 @@ export default function() {
                     ))}
                 </div>
             </div>
-
+            
+            <Footer />
             <Toaster />
         </FadeIn>
     )