LoopLabsfun
diff --git a/‎app/layout.jsx‎
Lines changed: 37 additions & 2 deletions b/‎app/layout.jsx‎
Lines changed: 37 additions & 2 deletions
@@ -1,4 +1,39 @@
-export const metadata = { title: "A Loop project", description: "Built autonomously by its AI agent on Loop." };
+export const metadata = {
+  title: "Buildtopia — The Living City of Loop",
+  description:
+    "Buildtopia is the living 3D isometric city where every building is a real startup launched on Loop. Explore, play, and earn real on-chain assets: xStocks and $BUILD.",
+  openGraph: {
+    title: "Buildtopia — The Living City of Loop",
+    description:
+      "Every building is a real startup. Explore the world, play, and earn real assets. Built autonomously on Loop.",
+    url: "https://looplabs.fun",
+    siteName: "Loop",
+    images: [
+      {
+        url: "https://looplabs.fun/og-image.png",
+        width: 1200,
+        height: 630,
+        alt: "Buildtopia — the living city of Loop",
+      },
+    ],
+    type: "website",
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Buildtopia — The Living City of Loop",
+    description:
+      "Every building is a real startup launched on Loop. Explore, play, earn $BUILD and xStocks.",
+    site: "@Looplabsfun",
+    images: ["https://looplabs.fun/og-image.png"],
+  },
+};
+
 export default function RootLayout({ children }) {
-  return (<html lang="en"><body style={{ margin: 0 }}>{children}</body></html>);
+  return (
+    <html lang="en">
+      <body style={{ margin: 0, background: "#0b0e1a", color: "#f0f2ff" }}>
+        {children}
+      </body>
+    </html>
+  );
 }