diff --git a/src/App.tsx b/src/App.tsx
index 7668d8a..01a9377 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,6 +9,7 @@ import Projects from './pages/projects';
 import { HashRouter } from 'react-router-dom';
 import '@fontsource-variable/red-hat-display';
 import Skills from './pages/skills';
+import Footer from './components/Footer';
 
 function App() {
   return (
@@ -35,10 +36,7 @@ function App() {
           <Projects />
         </section>
       </HashRouter>
-      <footer>
-        <p>© 2025 GivFNZ</p>
-        <p>Version: 1.1.11</p>
-      </footer>
+      <Footer />
     </ThemeProvider>
   );
 }
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
new file mode 100644
index 0000000..7b8663f
--- /dev/null
+++ b/src/components/Footer/index.tsx
@@ -0,0 +1,8 @@
+export default function Footer() {
+    return (
+        <footer>
+            <p>© 2025 GivFNZ</p>
+            <p>Version: 1.1.12</p>
+        </footer>
+    )
+}
\ No newline at end of file