diff --git a/governance/ui/package.json b/governance/ui/package.json
index 0cb1da6b6..dbe300c64 100644
--- a/governance/ui/package.json
+++ b/governance/ui/package.json
@@ -35,6 +35,7 @@
"react": "^18.2.0",
"react-blockies": "^1.4.1",
"react-dom": "^18.2.0",
+ "react-helmet": "^6.1.0",
"react-hook-form": "^7.48.2",
"react-router-dom": "^6.18.0",
"recoil": "^0.7.7",
diff --git a/governance/ui/public/governance.png b/governance/ui/public/governance.png
new file mode 100644
index 000000000..c920ead8e
Binary files /dev/null and b/governance/ui/public/governance.png differ
diff --git a/governance/ui/src/components/Layout/Layout.tsx b/governance/ui/src/components/Layout/Layout.tsx
index de5537db4..ff699b5f6 100644
--- a/governance/ui/src/components/Layout/Layout.tsx
+++ b/governance/ui/src/components/Layout/Layout.tsx
@@ -2,13 +2,33 @@ import { Flex } from '@chakra-ui/react';
import Footer from '../Footer/Footer';
import { Header } from '../Header';
import { Outlet } from 'react-router-dom';
+import Head from 'react-helmet';
export function Layout() {
return (
-
-
-
-
-
+ <>
+
+ {/* open graph */}
+
+
+
+
+
+
+
+ {/* twitter */}
+
+
+
+
+
+
+
+
+
+
+
+
+
);
}
diff --git a/ultrasound/ui/public/metatag.png b/ultrasound/ui/public/metatag.png
index df18f4230..fc88a5470 100644
Binary files a/ultrasound/ui/public/metatag.png and b/ultrasound/ui/public/metatag.png differ
diff --git a/yarn.lock b/yarn.lock
index 7d9ba8072..3d917c94f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5709,6 +5709,7 @@ __metadata:
react: "npm:^18.2.0"
react-blockies: "npm:^1.4.1"
react-dom: "npm:^18.2.0"
+ react-helmet: "npm:^6.1.0"
react-hook-form: "npm:^7.48.2"
react-refresh: "npm:^0.14.0"
react-router-dom: "npm:^6.18.0"