feat: add meta tags for app

apps/web/public/index.html

@@ -29,14 +29,7 @@
     <meta name="theme-color" content="#ffffff" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta
-      name="description"
-      content="A safe place to write and stay organized."
-    />
-    <!-- <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/monokai.css"
-    /> -->
+
     <link rel="apple-touch-icon" href="logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -52,7 +45,29 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
+    <meta
+      name="description"
+      content="A safe place to write and stay organized."
+    />
+    <meta
+      property="og:title"
+      content="Notesnook - A safe place to write and stay organized."
+    />
+    <meta
+      property="og:description"
+      content="Notesnook is a simple and private note taking app that keeps your notes organized and synced on your phone, tablet and computer."
+    />
+    <meta property="og:image" content="https://notesnook.com/social.jpg" />
+    <meta
+      property="og:image:alt"
+      content="Notesnook is a simple and private note taking app that keeps your notes organized and synced on your phone, tablet and computer."
+    />
+    <meta property="og:url" content="https://notesnook.com/" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="Notesnook by Streetwriters LLC" />
+    <meta name="twitter:card" content="summary_large_image" />
     <title>Notesnook - A safe place to write</title>
+
     <style>
       #splash svg {
         transform: scale(1);