add trip-tick og

a-type · May 3, 2024 · c21c71a · c21c71a
1 parent 4087c28
commit c21c71a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/apps/trip-tick/web/index.html b/apps/trip-tick/web/index.html
@@ -6,29 +6,39 @@
       content="width=device-width, initial-scale=1, user-scalable=no, viewport-fit=cover"
     />
     <title>Trip Tick</title>
-    <meta name="description" content="A new lo-fi app" />
+    <meta
+      name="description"
+      content="The smartest packing list for your next trip"
+    />
     <link rel="icon" href="/favicon.ico" />
     <!-- <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" /> -->
     <!-- <link rel="mask-icon" href="/mask-icon.svg" color="#ffffff" /> -->
     <meta name="theme-color" content="#ffffff" />
     <meta charset="utf-8" />
-    <!-- <meta property="og:image" content="/og-image.png" /> -->
-    <!-- <meta property="og:image:type" content="image/png" /> -->
-    <!-- <meta property="og:image:width" content="1200" /> -->
-    <!-- <meta property="og:image:height" content="630" /> -->
-    <!-- <meta
-			property="og:image:alt"
-			content=""
-		/> -->
+    <meta property="og:image" content="/og-image.png" />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta
+      property="og:image:alt"
+      content="A phone displaying a packing list. The title says 'Trip Tick' and the subtitle says 'The smartest packing list for your next trip.'"
+    />
     <meta property="og:title" content="Trip Tick" />
-    <meta property="og:description" content="A new lo-fi app" />
+    <meta
+      property="og:description"
+      content="The smartest packing list for your next trip"
+    />
     <!-- <meta property="og:url" content="FILL THIS IN" /> -->
     <meta property="og:site_name" content="Trip Tick" />
 
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:image:alt" content="" />
     <meta name="twitter:title" content="Trip Tick" />
-    <meta name="twitter:description" content="A new lo-fi app" />
+    <meta name="twitter:image" content="/og-image.png" />
+    <meta
+      name="twitter:description"
+      content="The smartest packing list for your next trip"
+    />
     <meta name="apple-mobile-web-app-capable" content="yes" />
   </head>
 

diff --git a/apps/trip-tick/web/public/og-image.png b/apps/trip-tick/web/public/og-image.png