diff --git a/src/App.vue b/src/App.vue
index 8d44dae..ec2a28a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,6 @@
 <script setup>
 import NavBar from '@/components/Navbar/NavBar.vue'
+import Footer from '@/components/Footer/Footer.vue'
 </script>
 
 <template>
@@ -29,6 +30,7 @@ import NavBar from '@/components/Navbar/NavBar.vue'
       </n-dialog-provider>
     </n-message-provider>
   </n-config-provider>
+  <Footer />
 </template>
 
 <style scoped>
diff --git a/src/components/Footer/Footer.vue b/src/components/Footer/Footer.vue
new file mode 100644
index 0000000..9fdc12e
--- /dev/null
+++ b/src/components/Footer/Footer.vue
@@ -0,0 +1,12 @@
+<script setup>
+
+</script>
+
+<template>
+<n-divider class="mt-10" />
+  <p class="text-center text-muted">Merch tracker 2024 - 2025 </p>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/styles/styles.css b/src/styles/styles.css
index 665f0c1..5c4660b 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -2,6 +2,10 @@
   margin-top: 10px;
 }
 
+.mb-10 {
+  margin-bottom: 10px;
+}
+
 .mb-20 {
   margin-bottom: 30px;
 }
@@ -53,6 +57,10 @@
   text-align: center;
 }
 
+.text-muted {
+  opacity: 0.6;
+}
+
 .sticky-search-container {
   position: sticky;
   top: 0;