diff --git a/UI/frontend/index.html b/UI/frontend/index.html
index c20fbd3..d6d9d1f 100644
--- a/UI/frontend/index.html
+++ b/UI/frontend/index.html
@@ -2,12 +2,35 @@
 <html lang="en">
   <head>
     <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>frontend</title>
+
+    <!-- ✅ Updated Project Title -->
+    <title>Hacking Tutorial — Learn Ethical Hacking</title>
+
+    <!-- ✅ Basic SEO Meta Tags -->
+    <meta
+      name="description"
+      content="Hacking Tutorial — Step-by-step ethical hacking guides, tools, and resources for learners."
+    />
+    <meta
+      name="keywords"
+      content="hacking, ethical hacking, cybersecurity, tutorials, hacking tools"
+    />
+    <meta name="author" content="Hacking Tutorial Team" />
+
+    <!-- ✅ Custom Favicon (Replace path with your actual favicon) -->
+    <link rel="icon" type="image/png" href="/favicon.png" />
+
+    <!-- ✅ Optional: Theme color for better mobile browser appearance -->
+    <meta name="theme-color" content="#0b1220" />
   </head>
+
   <body>
+    <!-- React Root Element -->
     <div id="root"></div>
+
+    <!-- Main React Script -->
     <script type="module" src="/src/main.jsx"></script>
   </body>
 </html>
+
