diff --git a/package.json b/package.json
index b57ffda..6b97c19 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
"react-dom": "18.2.0",
"react-icons": "^4.7.1",
"react-markdown": "^8.0.4",
+ "react-ogp": "^0.0.3",
"react-wrap-balancer": "^0.4.0",
"sass": "^1.56.2",
"sharp": "^0.31.3",
diff --git a/public/banner.png b/public/banner.png
new file mode 100644
index 0000000..58f49f4
Binary files /dev/null and b/public/banner.png differ
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 2b9826d..33f01be 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,9 +5,21 @@ import { trpc } from "../utils/trpc";
import "../styles/globals.scss";
import { Analytics } from "@vercel/analytics/react";
import { Provider } from "react-wrap-balancer";
+import Head from "next/head";
+import { OGP } from "react-ogp";
+
const MyApp: AppType = ({ Component, pageProps }) => {
return (
<>
+
+
+
diff --git a/yarn.lock b/yarn.lock
index 9c816d4..7e91e58 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2477,6 +2477,11 @@ react-markdown@^8.0.4:
unist-util-visit "^4.0.0"
vfile "^5.0.0"
+react-ogp@^0.0.3:
+ version "0.0.3"
+ resolved "https://registry.yarnpkg.com/react-ogp/-/react-ogp-0.0.3.tgz#f3d49ff49e593576778f6a11824a4ccb2d8b427d"
+ integrity sha512-+m5my7G6dxzN79e1e/M5VV2MmM2sXrTqs+hfL8sFHsjWn4PMv3P8eD/aMSHPibvp6BYsiFCeWMMSzcqUCIQr9w==
+
react-ssr-prepass@^1.5.0:
version "1.5.0"
resolved "https://registry.yarnpkg.com/react-ssr-prepass/-/react-ssr-prepass-1.5.0.tgz#bc4ca7fcb52365e6aea11cc254a3d1bdcbd030c5"