Adding logo and description

2025-10-27 15:44:01 -04:00
parent 78cb00f9f5
commit bf6bef6a58
3 changed files with 26 additions and 4 deletions
--- a/public/social-card-dark.png
+++ b/public/social-card-dark.png
--- a/public/social-card-light.png
+++ b/public/social-card-light.png
--- 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 (
    <html lang="en" suppressHydrationWarning>
-      <head>
-        <title>Liquidity Party</title>
-        <meta name="description" content="Decentralized Exchange for Multi-Asset AMM Pools" />
-      </head>
      <body className="min-h-screen">
        <Providers>{children}</Providers>
      </body>