diff --git a/index.html b/index.html
index 5a552bb..56ac0bb 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,29 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Dusk - The peer-to-peer chat platform for the masses." />
-    <title>Dusk Chat</title>
-    <link rel="icon" type="image/svg+xml" href="/crescent-moon.svg" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#ff4f00" />
+  <meta name="description" content="Dusk Chat - The peer-to-peer chat platform for the masses." />
+
+  <meta property="og:title" content="Dusk Chat" />
+  <meta property="og:description" content="The peer-to-peer chat platform for the masses." />
+  <meta property="og:image" content="/banner.png" />
+  <meta property="og:type" content="website" />
+
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Dusk Chat" />
+  <meta name="twitter:description" content="The peer-to-peer chat platform for the masses." />
+  <meta name="twitter:image" content="/banner.png" />
+
+  <title>Dusk Chat</title>
+  <link rel="icon" type="image/svg+xml" href="/crescent-moon.svg" />
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/banner.png b/public/banner.png
new file mode 100644
index 0000000..2f5d31d
Binary files /dev/null and b/public/banner.png differ
