diff --git a/index.html b/index.html
index f2dd075..45e8ffa 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,15 @@
       content="width=device-width, initial-scale=1.0, viewport-fit=cover"
     />
     <title>MeshRF</title>
+    <meta
+      name="description"
+      content="MeshRF is an advanced RF planning and analysis tool."
+    />
+    <meta property="og:title" content="MeshRF" />
+    <meta
+      property="og:description"
+      content="MeshRF is an advanced RF planning and analysis tool."
+    />
     <!-- PWA / iOS Meta Tags -->
     <meta name="mobile-web-app-capable" content="yes" />
     <meta
@@ -23,10 +32,10 @@
   </head>
   <style>
     body {
-        margin: 0;
-        background: #0a0a0f;
-        color: #fff;
-        overscroll-behavior: none; /* Prevent bounce on Mac/iOS */
+      margin: 0;
+      background: #0a0a0f;
+      color: #fff;
+      overscroll-behavior: none; /* Prevent bounce on Mac/iOS */
     }
     .loader-container {
       display: flex;
@@ -49,9 +58,9 @@
       text-shadow: 0 0 15px rgba(0, 242, 255, 0.4);
     }
     .img-logo {
-        width: 32px;
-        height: 32px;
-        filter: drop-shadow(0 0 8px rgba(0, 242, 255, 0.6));
+      width: 32px;
+      height: 32px;
+      filter: drop-shadow(0 0 8px rgba(0, 242, 255, 0.6));
     }
     .spinner {
       width: 40px;
@@ -72,8 +81,8 @@
     <div id="root">
       <div class="loader-container">
         <h1>
-            <img src="/icon.svg" class="img-logo" alt="Logo" />
-            meshRF
+          <img src="/icon.svg" class="img-logo" alt="Logo" />
+          meshRF
         </h1>
         <div class="spinner"></div>
       </div>