diff --git a/README.md b/README.md
index efbe2fd7bab..771ed9821a6 100644
--- a/README.md
+++ b/README.md
@@ -108,3 +108,12 @@ pnpm dev
 ```
 
 Open the login application with your favorite browser at `localhost:3000`.
+
+### Deploy to Vercel
+
+To deploy your own version on Vercel, navigate to your instance and create a service user.
+Copy its id from the overview and set it as ZITADEL_SERVICE_USER_ID.
+Then create a personal access token (PAT), copy and set it as ZITADEL_SERVICE_USER_TOKEN, then navigate to your instance settings and make sure it gets IAM_OWNER permissions.
+Finally set your instance url as ZITADEL_API_URL. Make sure to set it without trailing slash.
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fzitadel%2Ftypescript&env=ZITADEL_API_URL,ZITADEL_SERVICE_USER_ID,ZITADEL_SERVICE_USER_TOKEN&envDescription=Setup%20a%20service%20account%20with%20IAM_OWNER%20membership%20on%20your%20instance%20and%20provide%20its%20id%20and%20personal%20access%20token.&project-name=zitadel-login&repository-name=zitadel-login)
diff --git a/apps/login/app/page.tsx b/apps/login/app/page.tsx
index d5a4f10f13e..8d6bc2f4969 100644
--- a/apps/login/app/page.tsx
+++ b/apps/login/app/page.tsx
@@ -36,6 +36,15 @@ export default function Page() {
           );
         })}
       </div>
+
+      <div className="flex flex-col">
+        <div className="mb-5 text-xs font-semibold uppercase tracking-wider text-gray-500">
+          Deploy your own on Vercel
+        </div>
+        <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fzitadel%2Ftypescript&env=ZITADEL_API_URL,ZITADEL_SERVICE_USER_ID,ZITADEL_SERVICE_USER_TOKEN&envDescription=Setup%20a%20service%20account%20with%20IAM_OWNER%20membership%20on%20your%20instance%20and%20provide%20its%20id%20and%20personal%20access%20token.&project-name=zitadel-login&repository-name=zitadel-login">
+          <img src="https://vercel.com/button" alt="Deploy with Vercel" />
+        </a>
+      </div>
     </div>
   );
 }
diff --git a/apps/login/lib/demos.ts b/apps/login/lib/demos.ts
index d5f1b9f3e29..fa0742a46e4 100644
--- a/apps/login/lib/demos.ts
+++ b/apps/login/lib/demos.ts
@@ -16,23 +16,13 @@ export const demos: { name: string; items: Item[] }[] = [
       {
         name: "Loginname",
         slug: "loginname",
-        description: "The entrypoint of the application",
-      },
-      {
-        name: "Password",
-        slug: "password",
-        description: "The page to request a users password",
+        description: "Start the loginflow with loginname",
       },
       {
         name: "Accounts",
         slug: "accounts",
         description: "List active and inactive sessions",
       },
-      {
-        name: "Passkey Registration",
-        slug: "passkey/add",
-        description: "The page to add a users passkey device",
-      },
     ],
   },
   {
@@ -41,17 +31,12 @@ export const demos: { name: string; items: Item[] }[] = [
       {
         name: "Register",
         slug: "register",
-        description: "Create your ZITADEL account",
+        description: "Add a user with password or passkey",
       },
       {
         name: "IDP Register",
         slug: "register/idp",
-        description: "Register with an Identity Provider",
-      },
-      {
-        name: "Verify email",
-        slug: "verify",
-        description: "Verify your account with an email code",
+        description: "Add a user from an external identity provider",
       },
     ],
   },