added

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>

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>

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;