diff --git a/frontend/src/components/client/Layout.vue b/frontend/src/components/client/Layout.vue
index 2003dc3..9f1cf4b 100755
--- a/frontend/src/components/client/Layout.vue
+++ b/frontend/src/components/client/Layout.vue
@@ -1,5 +1,7 @@
 <!-- src/components/Auth/Layout.vue -->
+<script setup lang="ts">
 
+</script>
 <template>
     <div class="min-h-screen bg-[#0a0a1f] relative overflow-hidden">
         <!-- Background elements -->
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 7676d64..4f8d39c 100755
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -8,6 +8,7 @@ import { createI18n } from 'vue-i18n';
 import EN from '@/locale/en.yml';
 import Settings from '@/mythicalclient/Settings';
 import 'sweetalert2/dist/sweetalert2.min.css';
+import SeoManager from '@/mythicalclient/SeoManager';
 
 const app = createApp(App);
 
@@ -25,3 +26,4 @@ app.use(i18n);
 Settings.initializeSettings();
 
 app.mount('#app');
+
diff --git a/frontend/src/mythicalclient/Permissions.ts b/frontend/src/mythicalclient/Permissions.ts
deleted file mode 100755
index c6c0338..0000000
--- a/frontend/src/mythicalclient/Permissions.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-class Permissions {}
-
-export default Permissions;
diff --git a/frontend/src/mythicalclient/SeoManager.ts b/frontend/src/mythicalclient/SeoManager.ts
new file mode 100755
index 0000000..4a58718
--- /dev/null
+++ b/frontend/src/mythicalclient/SeoManager.ts
@@ -0,0 +1,91 @@
+class SeoManager {
+
+    static setFavicon(url: string) {
+        const link: HTMLLinkElement = document.createElement('link');
+        link.rel = 'icon';
+        link.href = url;
+
+        const existingLink = document.querySelector("link[rel='icon']");
+        if (existingLink) {
+            document.head.removeChild(existingLink);
+        }
+
+        document.head.appendChild(link);
+    }
+
+    static setTitle(title: string) {
+        document.title = title;
+        SeoManager.setOgTitle(title);
+        SeoManager.setMetaTag('og:type', 'website');
+        SeoManager.setTwitterCard('summary_large_image');
+        SeoManager.setTwitterTitle(title);
+    }
+
+    static setDescription(description: string) {
+        SeoManager.setMetaTag('description', description);
+        SeoManager.setOgDescription(description);
+        SeoManager.setTwitterDescription(description);
+    }
+
+    static setTwitterCard(cardType: string) {
+        SeoManager.setMetaTag('twitter:card', cardType);
+    }
+
+    static setTwitterTitle(title: string) {
+        SeoManager.setMetaTag('twitter:title', title);
+    }
+
+    static setTwitterDescription(description: string) {
+        SeoManager.setMetaTag('twitter:description', description);
+    }
+
+    static setTwitterImage(imageUrl: string) {
+        SeoManager.setMetaTag('twitter:image', imageUrl);
+    }
+
+    static setOgTitle(title: string) {
+        SeoManager.setMetaProperty('og:title', title);
+    }
+
+    static setOgDescription(description: string) {
+        SeoManager.setMetaProperty('og:description', description);
+    }
+
+    static setOgImage(imageUrl: string) {
+        SeoManager.setMetaProperty('og:image', imageUrl);
+    }
+
+    static setOgUrl(url: string) {
+        SeoManager.setMetaProperty('og:url', url);
+    }
+
+    static setKeywords(keywords: string) {
+        SeoManager.setMetaTag('keywords', keywords);
+    }
+
+    static setAuthor(author: string) {
+        SeoManager.setMetaTag('author', author);
+    }
+
+    private static setMetaTag(name: string, content: string) {
+        let meta = document.querySelector(`meta[name='${name}']`) as HTMLMetaElement | null;
+        if (!meta) {
+            meta = document.createElement('meta');
+            meta.name = name;
+            document.head.appendChild(meta);
+        }
+        meta.content = content;
+    }
+
+    private static setMetaProperty(property: string, content: string) {
+        let meta = document.querySelector(`meta[property='${property}']`);
+        if (!meta) {
+            meta = document.createElement('meta');
+            meta.setAttribute('property', property);
+            document.head.appendChild(meta);
+        }
+        (meta as HTMLMetaElement).content = content;
+    }
+}
+
+export default SeoManager;