add meta tags for seo

Author: arpitnarechania

src/index.html

@@ -13,11 +13,36 @@
     gtag('config', 'G-XD9VD9JL4D');
   </script>
 
-  <meta charset="utf-8" />
   <title>ProvenanceWidgets | Homepage</title>
+  <!-- Meta -->
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description"
+      content="ProvenanceWidgets is a Javascript library of UI control elements such as radio buttons, checkboxes, and dropdowns to track and dynamically overlay a user's analytic provenance.">
+  <meta name="author" content="Arpit Narechania">
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://provenancewidgets.github.io/">
+  <meta property="og:title" content="ProvenanceWidgets">
+  <meta property="og:description"
+      content="ProvenanceWidgets is a Javascript library of UI control elements such as radio buttons, checkboxes, and dropdowns to track and dynamically overlay a user's analytic provenance.">
+  <meta property="og:image" content="https://raw.githubusercontent.com/ProvenanceWidgets/ProvenanceWidgets.github.io/main/src/assets/images/overview.png">
+  <meta property="og:video" content="https://youtu.be/7l6jKbS2SFI">
+
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image">
+  <meta property="twitter:url" content="https://provenancewidgets.github.io/">
+  <meta property="twitter:title" content="ProvenanceWidgets">
+  <meta property="twitter:description"
+      content="ProvenanceWidgets is a Javascript library of UI control elements such as radio buttons, checkboxes, and dropdowns to track and dynamically overlay a user's analytic provenance.">
+  <meta property="twitter:image" content="https://raw.githubusercontent.com/ProvenanceWidgets/ProvenanceWidgets.github.io/main/src/assets/images/overview.png">
+  <meta property="twitter:site" content="@arpitnarechania">
+  <meta property="twitter:creator" content="@arpitnarechania">
+
   <base href="/" />
 
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png">