diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 00000000..65701828
Binary files /dev/null and b/assets/favicon.ico differ
diff --git a/assets/images/android-chrome-192x192.png b/assets/images/android-chrome-192x192.png
new file mode 100644
index 00000000..18639b8b
Binary files /dev/null and b/assets/images/android-chrome-192x192.png differ
diff --git a/assets/images/android-chrome-512x512.png b/assets/images/android-chrome-512x512.png
new file mode 100644
index 00000000..6f41204d
Binary files /dev/null and b/assets/images/android-chrome-512x512.png differ
diff --git a/assets/images/apple-touch-icon.png b/assets/images/apple-touch-icon.png
new file mode 100644
index 00000000..59aded8b
Binary files /dev/null and b/assets/images/apple-touch-icon.png differ
diff --git a/assets/images/favicon-16x16.png b/assets/images/favicon-16x16.png
new file mode 100644
index 00000000..c08dda5b
Binary files /dev/null and b/assets/images/favicon-16x16.png differ
diff --git a/assets/images/favicon-32x32.png b/assets/images/favicon-32x32.png
new file mode 100644
index 00000000..fac6e3cb
Binary files /dev/null and b/assets/images/favicon-32x32.png differ
diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico
new file mode 100644
index 00000000..65701828
Binary files /dev/null and b/assets/images/favicon.ico differ
diff --git a/assets/images/og-image.png b/assets/images/og-image.png
new file mode 100644
index 00000000..a0d05839
Binary files /dev/null and b/assets/images/og-image.png differ
diff --git a/assets/images/twitter-image.png b/assets/images/twitter-image.png
new file mode 100644
index 00000000..a0d05839
Binary files /dev/null and b/assets/images/twitter-image.png differ
diff --git a/index.html b/index.html
index fa9ce90d..a9a8bb7e 100644
--- a/index.html
+++ b/index.html
@@ -2,11 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <!-- Favicon: A small icon displayed in the browser tab -->
+    <link rel="icon" href="https://snigdha-os.github.io/assets/images/favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     
     <!-- Title of the Website: This appears in the browser tab and search results -->
-    <title>SNIGDHA OS - Arch-based Linux Distribution for Penetration Testing and Ethical Hacking</title>
+    <title>SNIGDHA OS | Arch-based Linux Distribution for Penetration Testing and Ethical Hacking</title>
     
     <!-- Meta Description: A brief summary of your website's content for search engines and social media. -->
     <meta 
@@ -14,55 +15,52 @@
       content="SNIGDHA OS is a fast, secure, and elegant GNU/Linux desktop distribution designed for modern users. Perfect for developers, creators, and enthusiasts, especially for penetration testing and ethical hacking." 
     />
     
-    <!-- Open Graph / Facebook Tags: These tags improve how your website looks when shared on social platforms like Facebook. -->
+    <!-- Open Graph / Facebook Tags -->
     <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: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, especially for penetration testing and ethical hacking." 
     />
     <meta property="og:url" content="https://snigdha-os.github.io/" />
-    <meta property="og:image" content="https://snigdha-os.github.io/og-image.png" />
+    <meta property="og:image" content="https://snigdha-os.github.io/assets/images/og-image.png" />
     <meta property="og:site_name" content="SNIGDHA OS" />
 
-    <!-- Twitter Card Tags: These tags are similar to Open Graph but specifically for Twitter. -->
+    <!-- Twitter Card Tags -->
     <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: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, especially for penetration testing and ethical hacking." 
     />
-    <meta name="twitter:image" content="https://snigdha-os.github.io/twitter-image.png" />
+    <meta name="twitter:image" content="https://snigdha-os.github.io/assets/images/twitter-image.png" />
     <meta name="twitter:creator" content="@snigdhaos" />
 
-    <!-- Author Meta Tag: Specifies the author of the website -->
+    <!-- Author Meta Tag -->
     <meta name="author" content="Snigdha OS Team" />
 
-    <!-- Theme Color: Defines the color of the browser's address bar or toolbar for mobile devices -->
-    <meta name="theme-color" content="#4f46e5" />
+    <!-- Theme Color -->
+    <meta name="theme-color" content="#6495ed" />
 
-    <!-- Keywords for SEO: These keywords help search engines understand your site's content -->
+    <!-- Keywords for SEO -->
     <meta 
       name="keywords" 
       content="Linux, Linux Distribution, Snigdha OS, Arch Linux, Penetration Testing, Ethical Hacking, Security, Open Source, Operating System, Desktop Environment, Linux for Developers, Cybersecurity"
     />
 
-    <!-- Robots Meta Tag: This tells search engines what to do with the page (index or noindex, follow or nofollow links) -->
+    <!-- Robots Meta Tag -->
     <meta name="robots" content="index, follow" />
 
-    <!-- Canonical URL: Specifies the preferred version of the page to prevent duplicate content issues -->
+    <!-- Canonical URL -->
     <link rel="canonical" href="https://snigdha-os.github.io/" />
 
-    <!-- Favicon: A small icon displayed in the browser tab -->
-    <link rel="icon" href="https://snigdha-os.github.io/favicon.ico" type="image/x-icon" />
-
-    <!-- Apple Touch Icon: Custom icon for iOS devices when users add your site to their home screen -->
+    <!-- Apple Touch Icon -->
     <link rel="apple-touch-icon" href="https://snigdha-os.github.io/apple-touch-icon.png">
 
-    <!-- Apple Startup Image: Custom startup image for iOS when the site is launched from home screen -->
+    <!-- Apple Startup Image -->
     <link rel="apple-touch-startup-image" href="https://snigdha-os.github.io/apple-startup-image.png">
 
-    <!-- Structured Data (JSON-LD): This defines the organization schema in a machine-readable format, helping search engines understand your website better. -->
+    <!-- Structured Data (JSON-LD) -->
     <script type="application/ld+json">
       {
         "@context": "http://schema.org",
@@ -84,7 +82,7 @@
       }
     </script>
 
-    <!-- Google Analytics Script: This allows you to track and analyze traffic to your website -->
+    <!-- Google Analytics Script -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=GTM-5HXGM54C"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
@@ -98,7 +96,7 @@
     <!-- Main content of the website will be rendered here by React -->
     <div id="root"></div>
     
-    <!-- Entry point for the React app (main.tsx) -->
+    <!-- Entry point for the React app -->
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 00000000..65701828
Binary files /dev/null and b/public/favicon.ico differ
