diff --git a/README.md b/README.md
index 91d2df6..53099d4 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <a href="https://chat.vercel.ai/">
-  <img alt="Next.js 13 and App Router-ready AI chatbot." src="https://chat.vercel.ai/opengraph-image">
+  <img alt="Next.js 13 and App Router-ready AI chatbot." src="https://chat.vercel.ai/opengraph-image?257c2a5cdc6cb3cb">
   <h1 align="center">Next.js AI Chatbot</h1>
 </a>
 
diff --git a/app/layout.tsx b/app/layout.tsx
index 0b46bf8..4410577 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -11,8 +11,8 @@ import { Header } from '@/components/header'
 
 export const metadata: Metadata = {
   title: {
-    default: 'Next.js Chatbot',
-    template: `%s - Next.js Chatbot`
+    default: 'Next.js AI Chatbot',
+    template: `%s - Next.js AI Chatbot`
   },
   description: 'An AI-powered chatbot built with Next.js and Vercel.',
   themeColor: [
diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx
index b1f5236..6a4903c 100644
--- a/app/opengraph-image.tsx
+++ b/app/opengraph-image.tsx
@@ -37,7 +37,7 @@ export default async function Image() {
               </svg>
             </div>
             <div tw="flex text-white font-bold text-4xl mt-2 leading-normal ml-10">
-              What is Next.js Chat?
+              What is Next.js AI Chatbot?
             </div>
           </div>
           <div tw="flex w-full mt-14 items-start">
@@ -76,7 +76,7 @@ export default async function Image() {
               <div tw="flex text-[#eaeaf0] ml-2">KV</div>
             </div>
           </div>
-          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">demo.nextjs.chat</div>
+          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">demo.chat.vercel.ai</div>
         </div>
       </div>
     ),
diff --git a/app/share/[id]/opengraph-image.tsx b/app/share/[id]/opengraph-image.tsx
index 03698df..eaeb0ad 100644
--- a/app/share/[id]/opengraph-image.tsx
+++ b/app/share/[id]/opengraph-image.tsx
@@ -93,7 +93,7 @@ export default async function Image({ params }: ImageProps) {
               <div tw="flex text-[#eaeaf0] ml-2">KV</div>
             </div>
           </div>
-          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">demo.nextjs.chat</div>
+          <div tw="text-[1.8rem] ml-auto text-[#9b9ba4]">demo.chat.vercel.ai</div>
         </div>
       </div>
     ),
diff --git a/components/empty-screen.tsx b/components/empty-screen.tsx
index 0f211c8..0f43268 100644
--- a/components/empty-screen.tsx
+++ b/components/empty-screen.tsx
@@ -24,7 +24,7 @@ export function EmptyScreen({ setInput }: Pick<UseChatHelpers, 'setInput'>) {
     <div className="mx-auto max-w-2xl px-4">
       <div className="rounded-lg border bg-background p-8">
         <h1 className="mb-2 text-lg font-semibold">
-          Welcome to Next.js Chatbot!
+          Welcome to Next.js AI Chatbot!
         </h1>
         <p className="mb-2 leading-normal text-muted-foreground">
           This is an open source AI chatbot app built with{' '}