diff --git a/packages/web-app/app/layout.tsx b/packages/web-app/app/layout.tsx
index 11b0dbc0..67de0beb 100644
--- a/packages/web-app/app/layout.tsx
+++ b/packages/web-app/app/layout.tsx
@@ -6,6 +6,7 @@ import { Footer, Topbar } from '@/app/_ui/components';
 import { Providers } from './_providers';
 import Image from 'next/image';
 import backgroundDesktop from '../public/background-desktop.png';
+import Head from 'next/head';
 
 const jsonLd = {
   '@context': 'https://schema.org',
@@ -58,10 +59,12 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className={`${nohemi.variable} font-nohemi`}>
-      <script
-        type="application/ld+json"
-        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
-      />
+      <Head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
+      </Head>
       <body className={`relative overflow-hidden bg-mono-900`}>
         <Image
           alt="background"
diff --git a/packages/web-app/app/opengraph-image.alt.txt b/packages/web-app/app/opengraph-image.alt.txt
new file mode 100644
index 00000000..349b209f
--- /dev/null
+++ b/packages/web-app/app/opengraph-image.alt.txt
@@ -0,0 +1 @@
+Citizend: Token Launch Platform
diff --git a/packages/web-app/app/opengraph-image.jpeg b/packages/web-app/app/opengraph-image.jpeg
new file mode 100644
index 00000000..1a0cd3c2
Binary files /dev/null and b/packages/web-app/app/opengraph-image.jpeg differ
diff --git a/packages/web-app/app/twitter-image.alt.txt b/packages/web-app/app/twitter-image.alt.txt
new file mode 100644
index 00000000..349b209f
--- /dev/null
+++ b/packages/web-app/app/twitter-image.alt.txt
@@ -0,0 +1 @@
+Citizend: Token Launch Platform
diff --git a/packages/web-app/app/twitter-image.jpeg b/packages/web-app/app/twitter-image.jpeg
new file mode 100644
index 00000000..1a0cd3c2
Binary files /dev/null and b/packages/web-app/app/twitter-image.jpeg differ
