Merge pull request #11 from GovTechSG/release/opengraph

release: add opengraph tags
GovTechSG · Nov 15, 2023 · 811b076 · 811b076
2 parents 4c636c9 + 8c246a5
commit 811b076
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/packages/app/public/opengraph-image.png b/packages/app/public/opengraph-image.png
diff --git a/packages/app/src/pages/_app.tsx b/packages/app/src/pages/_app.tsx
@@ -7,6 +7,7 @@ import { PBMTokenProvider } from '@app/contexts/pbm-token-context'
 import { WagmiRainbowKitProvider } from '@app/utils/wagmi-provider'
 import type { Session } from 'next-auth'
 import { AppProps, type AppType } from 'next/app'
+import Head from 'next/head'
 import Script from 'next/script'
 import React from 'react'
 
@@ -15,6 +16,15 @@ const App: AppType<{ session: Session | null }> = ({ Component, pageProps }: App
 
     return (
         <>
+            <Head>
+                <title>Purpose Bound Money (PBM) Portal</title>
+                <meta property="og:image:type" content="image/png" />
+                <meta property="og:image" content="/opengraph-image.png" />
+                <meta property="og:image:width" content="1200" />
+                <meta property="og:image:height" content="630" />
+                <meta property="og:image:alt" content="Purpose Bound Money Portal" />
+            </Head>
+
             <Script src={`https://www.googletagmanager.com/gtag/js?id=${gaMeasurementId}`} />
             <Script id="google-analytics">
                 {`

diff --git a/packages/web/app/opengraph-image.alt.txt b/packages/web/app/opengraph-image.alt.txt
@@ -0,0 +1 @@
+Project Orchid – Purpose Bound Money (PBM)
diff --git a/packages/web/app/opengraph-image.png b/packages/web/app/opengraph-image.png