updating website meta data

website/public/index.html

@@ -5,8 +5,25 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon2.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
+    <meta name="description" content="A simple tool used to add real-time speech to text functionality to your website" />
+    <meta name="keywords" content="speech, to, text, recognition, webspeech, azure, real-time" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon2.png" />
+    <meta property="og:title" content="Speech To Element" />
+    <meta
+      property="og:description"
+      content="A simple tool used to add real-time speech to text functionality to your website"
+    />
+    <meta
+      property="og:image"
+      content="https://raw.githubusercontent.com/OvidijusParsiunas/speech-to-element/main/assets/social-media-preview-2.png"
+    />
+    <meta property="og:url" content="https://speechtoelement.com/" />
+    <meta name="twitter:title" content="Speech To Element" />
+    <meta
+      name="twitter:image"
+      content="https://raw.githubusercontent.com/OvidijusParsiunas/speech-to-element/main/assets/social-media-preview-2.png"
+    />
+    <meta name="twitter:card" content="summary_large_image" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/