diff --git a/public/social-card-dark.png b/public/social-card-dark.png
new file mode 100644
index 0000000..a809eea
Binary files /dev/null and b/public/social-card-dark.png differ
diff --git a/public/social-card-light.png b/public/social-card-light.png
new file mode 100644
index 0000000..75b0582
Binary files /dev/null and b/public/social-card-light.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index add236b..98ef051 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,32 @@
import '@rainbow-me/rainbowkit/styles.css';
import '@/app/globals.css';
import { Providers } from '@/components/providers';
+import { Metadata } from 'next';
+
+export const metadata: Metadata = {
+ title: 'Liquidity Party',
+ description: 'Where Game Theory Meets the Liquidity Party',
+ openGraph: {
+ url: 'https://liquidity.party/',
+ type: 'website',
+ title: 'Liquidity Party',
+ description: 'Where Game Theory Meets the Liquidity Party',
+ images: [
+ {
+ url: '/social-card-light.png',
+ width: 1200,
+ height: 630,
+ alt: 'Liquidity Party',
+ },
+ ],
+ },
+ twitter: {
+ card: 'summary_large_image',
+ title: 'Liquidity Party',
+ description: 'Where Game Theory Meets the Liquidity Party',
+ images: ['/social-card-light.png'],
+ },
+};
export default function RootLayout({
children,
@@ -9,10 +35,6 @@ export default function RootLayout({
}) {
return (
-
- Liquidity Party
-
-
{children}