fix thumbnail image

Author: steven-tey

README.md

@@ -1,5 +1,5 @@
 <a href="https://app.vercel.pub">
-  <img alt="Platforms Starter Kit" src="/app/opengraph-image.png">
+  <img alt="Platforms Starter Kit" src="/app/thumbnail.png">
   <h1 align="center">Platforms Starter Kit</h1>
 </a>
 

app/layout.tsx

@@ -5,11 +5,29 @@ import { Providers } from "./providers";
 import { Metadata } from "next";
 import clsx from "clsx";
 
+const title =
+  "Platforms Starter Kit – The all-in-one starter kit for building multi-tenant applications.";
+const description =
+  "The Platforms Starter Kit is a full-stack Next.js app with multi-tenancy and custom domain support. Built with Next.js App Router, Vercel Postgres and the Vercel Domains API.";
+const image = "https://vercel.pub/thumbnail.png";
+
 export const metadata: Metadata = {
-  title: "Platforms Starter Kit",
-  description:
-    "Create a fullstack application with multi-tenancy and custom domains support using Next.js, Prisma, and PostgreSQL",
+  title,
+  description,
   icons: ["https://vercel.pub/favicon.ico"],
+  openGraph: {
+    title,
+    description,
+    images: [image],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title,
+    description,
+    images: [image],
+    creator: "@vercel",
+  },
+  metadataBase: new URL("https://vercel.pub"),
 };
 
 export default function RootLayout({