diff --git a/index.html b/index.html
index e4b78ea..2d42231 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,49 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    
+    <!-- Title -->
+    <title>SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking</title>
+    
+    <!-- Meta Description -->
+    <meta 
+      name="description" 
+      content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts." 
+    />
+    
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
+    <meta 
+      property="og:description" 
+      content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts." 
+    />
+    <meta property="og:url" content="https://snigdhaos.com/" />
+    <meta property="og:image" content="https://snigdhaos.com/og-image.png" />
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="SNIGDHA OS - Arch based Linux Distribution for Penetration Testing and Ethical Hacking" />
+    <meta 
+      name="twitter:description" 
+      content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts." 
+    />
+    <meta name="twitter:image" content="https://snigdhaos.com/twitter-image.png" />
+
+    <!-- Author -->
+    <meta name="author" content="Snigdha OS Team" />
+
+    <!-- Theme Color -->
+    <meta name="theme-color" content="#4f46e5" />
+
+    <!-- Keywords -->
+    <meta 
+      name="keywords" 
+      content="Linux, Linux Distribution, Snigdha OS, Operating System, GNU/Linux, Open Source, Desktop Environment, Linux for Developers" 
+    />
+
+    <!-- Robots -->
+    <meta name="robots" content="index, follow" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/package-lock.json b/package-lock.json
index d194141..cbfc719 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "octokit": "^3.1.2",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
+        "react-icons": "^5.4.0",
         "react-router-dom": "^6.22.3"
       },
       "devDependencies": {
@@ -3875,6 +3876,15 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
+      "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.14.2",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
diff --git a/package.json b/package.json
index db367e2..b751aae 100644
--- a/package.json
+++ b/package.json
@@ -11,10 +11,11 @@
   },
   "dependencies": {
     "lucide-react": "^0.344.0",
+    "octokit": "^3.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.22.3",
-    "octokit": "^3.1.2"
+    "react-icons": "^5.4.0",
+    "react-router-dom": "^6.22.3"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
@@ -32,4 +33,4 @@
     "typescript-eslint": "^8.3.0",
     "vite": "^5.4.2"
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index c5199e2..7bae1b8 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,50 +1,119 @@
 import React from 'react';
-import { Github, Twitter } from 'lucide-react';
+import { Github, Gitlab } from 'lucide-react';
 
 export function Footer() {
   return (
-    <footer className="bg-[#3c3c3c] text-white py-8">
-      <div className="container mx-auto px-4">
+    <footer className="bg-gradient-to-r from-gray-900 via-gray-800 to-gray-900 text-white py-10">
+      <div className="container mx-auto px-6">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
+          {/* Linux Mint Section */}
           <div>
-            <h3 className="font-bold text-lg mb-4">Linux Mint</h3>
-            <p className="text-sm text-gray-300">
-              Linux Mint is an elegant, easy to use, up to date and comfortable
+            <h3 className="font-extrabold text-lg mb-4">Linux Mint</h3>
+            <p className="text-sm text-gray-400 leading-relaxed">
+              Linux Mint is an elegant, easy to use, up-to-date, and comfortable
               GNU/Linux desktop distribution.
             </p>
           </div>
+
+          {/* Quick Links */}
           <div>
-            <h3 className="font-bold text-lg mb-4">Quick Links</h3>
-            <ul className="space-y-2 text-sm">
-              <li><a href="/blog" className="hover:text-green-400">Blog</a></li>
-              <li><a href="/forums" className="hover:text-green-400">Forums</a></li>
-              <li><a href="/community" className="hover:text-green-400">Community</a></li>
+            <h3 className="font-extrabold text-lg mb-4">Quick Links</h3>
+            <ul className="space-y-3 text-sm">
+              <li>
+                <a href="/blog" className="hover:text-indigo-400 transition-colors">
+                  Blog
+                </a>
+              </li>
+              <li>
+                <a href="/forums" className="hover:text-indigo-400 transition-colors">
+                  Forums
+                </a>
+              </li>
+              <li>
+                <a href="/community" className="hover:text-indigo-400 transition-colors">
+                  Community
+                </a>
+              </li>
             </ul>
           </div>
+
+          {/* Documentation */}
           <div>
-            <h3 className="font-bold text-lg mb-4">Documentation</h3>
-            <ul className="space-y-2 text-sm">
-              <li><a href="/docs/installation" className="hover:text-green-400">Installation Guide</a></li>
-              <li><a href="/docs/user-guide" className="hover:text-green-400">User Guide</a></li>
-              <li><a href="/docs/release-notes" className="hover:text-green-400">Release Notes</a></li>
+            <h3 className="font-extrabold text-lg mb-4">Documentation</h3>
+            <ul className="space-y-3 text-sm">
+              <li>
+                <a
+                  href="/docs/installation"
+                  className="hover:text-indigo-400 transition-colors"
+                >
+                  Installation Guide
+                </a>
+              </li>
+              <li>
+                <a
+                  href="/docs/user-guide"
+                  className="hover:text-indigo-400 transition-colors"
+                >
+                  User Guide
+                </a>
+              </li>
+              <li>
+                <a
+                  href="/docs/release-notes"
+                  className="hover:text-indigo-400 transition-colors"
+                >
+                  Release Notes
+                </a>
+              </li>
             </ul>
           </div>
+
+          {/* Connect Section */}
           <div>
-            <h3 className="font-bold text-lg mb-4">Connect</h3>
-            <div className="flex space-x-4">
-              <a href="https://github.com/linuxmint" className="hover:text-green-400">
-                <Github className="h-6 w-6" />
+            <h3 className="font-extrabold text-lg mb-4">Connect</h3>
+            <div className="flex space-x-5">
+              <a
+                href="https://github.com/Snigdha-OS"
+                className="hover:text-indigo-400 transition-all"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <Github className="h-7 w-7" />
               </a>
-              <a href="https://twitter.com/linux_mint" className="hover:text-green-400">
-                <Twitter className="h-6 w-6" />
+              <a
+                href="https://gitlab.com/Snigdha-OS"
+                className="hover:text-indigo-400 transition-all"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <Gitlab className="h-7 w-7" />
+              </a>
+              <a
+                href="https://dev.to/SnigdhaOS"
+                className="hover:text-indigo-400 transition-all"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <svg
+                  className="h-7 w-7 fill-current"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 50 40"
+                >
+                  <path d="M0 2.7v34.6c0 1.5.6 2.9 1.6 3.9 1 1 2.4 1.6 3.9 1.6h38.9c1.5 0 2.9-.6 3.9-1.6 1-1 1.6-2.4 1.6-3.9V2.7c0-1.5-.6-2.9-1.6-3.9-1-1-2.4-1.6-3.9-1.6H5.5c-1.5 0-2.9.6-3.9 1.6C.6-.2 0 1.2 0 2.7zm21.8 26.7h-3.9V10.6h3.9v18.8zm8.5 0h-3.3l-2.2-6.6h-1.5v6.6h-3.9V10.6h5.5c.7 0 1.3.1 1.9.4s1 .6 1.4 1.1.7 1 .9 1.7c.2.6.3 1.3.3 2v2.6c0 .7-.1 1.4-.3 2s-.5 1.1-.9 1.6c-.4.5-.8.8-1.4 1.1-.6.2-1.2.4-1.9.4h-1.6l2 6.3h2.4l3.5-6.3v6.3zm9.5 0h-3.9v-6.6h-5.6v6.6h-3.9V10.6h3.9v6.2h5.6v-6.2h3.9v18.8z" />
+                </svg>
               </a>
             </div>
           </div>
         </div>
-        <div className="mt-8 pt-8 border-t border-gray-700 text-center text-sm text-gray-400">
-          <p>© {new Date().getFullYear()} Linux Mint. All rights reserved.</p>
+
+        {/* Footer Bottom */}
+        <div className="mt-12 pt-8 border-t border-gray-700 text-center text-sm text-gray-500">
+          <p>
+            © {new Date().getFullYear()} Snigdha OS℠ & Tonmoy Infrastructure™. All rights reserved.
+          </p>
+          <p className="mt-2">Built with ❤️ by the Snigdha OS team.</p>
         </div>
       </div>
     </footer>
   );
-}
\ No newline at end of file
+}
