feat: add meta tags for social sharing

index.html

@@ -4,7 +4,47 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/orderly.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Orderly: Dictation-based book writing</title>
+    <!-- HTML Meta Tags -->
+    <title>Orderly: A Proof of Concept Writing Tool</title>
+    <meta
+      name="description"
+      content="Using WASM, Orderly allows you to dictate books in small chunks using Whisper.cpp and SQLite all in the browser. No server involved."
+    />
+
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://orderly.cmgriffing.com" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:title"
+      content="Orderly: A Proof of Concept Writing Tool"
+    />
+    <meta
+      property="og:description"
+      content="Using WASM, Orderly allows you to dictate books in small chunks using Whisper.cpp and SQLite all in the browser. No server involved."
+    />
+    <meta
+      property="og:image"
+      content="https://orderly.cmgriffing.com/aaron-burden-xG8IQMqMITM-unsplash.jpg"
+    />
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="orderly.cmgriffing.com" />
+    <meta property="twitter:url" content="https://orderly.cmgriffing.com" />
+    <meta
+      name="twitter:title"
+      content="Orderly: A Proof of Concept Writing Tool"
+    />
+    <meta
+      name="twitter:description"
+      content="Using WASM, Orderly allows you to dictate books in small chunks using Whisper.cpp and SQLite all in the browser. No server involved."
+    />
+    <meta
+      name="twitter:image"
+      content="https://orderly.cmgriffing.com/aaron-burden-xG8IQMqMITM-unsplash.jpg"
+    />
+
+    <!-- Meta Tags Generated via https://opengraph.dev -->
     <script
       defer
       data-domain="orderly.cmgriffing.com"