diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..6570182
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index a3575bc..311d6c3 100644
--- a/index.html
+++ b/index.html
@@ -4,22 +4,29 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Browse and explore Snigdha OS packages easily with this lightweight package viewer." />
-    <meta name="author" content="Eshan Roy" />
     
+    <!-- Author Metadata -->
+    <meta name="author" content="Eshan Roy, d3v1l0n" />
+    <meta name="author:website" content="https://www.eshanized.github.io/, https://www.d3v1l0n.github.io/" />
+    <meta name="author:github" content="https://github.com/eshanized, https://github.com/d3v1l0n" />
+    <meta name="author:twitter" content="https://twitter.com/eshanized, https://twitter.com/d3v1l0n" />
+    <meta name="author:bio" content="Eshan Roy is a software developer, open-source enthusiast, and the creator of Snigdha OS. d3v1l0n is a cybersecurity expert and open-source contributor working on various security-focused tools." />
+    <meta name="author:email" content="m.eshanized@gmail.com, d3v1l0n@outlook.in" />
+
     <!-- Open Graph Meta Tags for social media sharing -->
     <meta property="og:title" content="Snigdha OS Packages" />
     <meta property="og:description" content="Explore a curated list of Snigdha OS packages with ease." />
-    <meta property="og:image" content="https://example.com/path/to/og-image.jpg" />
-    <meta property="og:url" content="https://your-website.com" />
+    <meta property="og:image" content="https://github.com/Snigdha-OS/package-browser/blob/master/public/snigdhaos-og-image.png" />
+    <meta property="og:url" content="https://snigdha-os.github.io/package-browser" />
     
     <!-- Twitter Card Meta Tags -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="Snigdha OS Packages" />
     <meta name="twitter:description" content="Explore a curated list of Snigdha OS packages with ease." />
-    <meta name="twitter:image" content="https://example.com/path/to/twitter-image.jpg" />
+    <meta name="twitter:image" content="https://github.com/Snigdha-OS/package-browser/blob/master/public/snigdhaos-og-image.png" />
     
     <!-- Favicon -->
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/package-browser/favicon.ico" />
 
     <!-- Google Fonts (with preconnect to Google) -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -27,10 +34,10 @@
     <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
 
     <!-- Title -->
-    <title>Snigdha OS Packages</title>
+    <title>Snigdha OS Packages - Browse and Explore Lightweight Linux Packages for Snigdha OS</title>
 
     <!-- Dark Mode CSS (optional, if you have a dark mode stylesheet) -->
-    <link rel="stylesheet" href="/path/to/dark-mode.css" />
+    <!-- <link rel="stylesheet" href="/path/to/dark-mode.css" /> -->
 
     <script type="module" crossorigin src="/package-browser/assets/index-CC0h259J.js"></script>
     <link rel="stylesheet" crossorigin href="/package-browser/assets/index-DeK9WYvQ.css">
diff --git a/snigdhaos-og-image.png b/snigdhaos-og-image.png
new file mode 100644
index 0000000..a0d0583
Binary files /dev/null and b/snigdhaos-og-image.png differ