diff --git a/res/css/superhero/custom.css b/res/css/superhero/custom.css
index d5dd4ed68e..0242801948 100644
--- a/res/css/superhero/custom.css
+++ b/res/css/superhero/custom.css
@@ -848,7 +848,7 @@ h2 .sh_VerifiedIcon {
 }
 
 .mx_HomePage_default_buttons_title {
-    font-size: 32px;
+    font-size: 30px;
 }
 .cpd-theme-dark .mx_HomePage_default_buttons_title {
     opacity: 0.7;
diff --git a/src/components/structures/HomePage.tsx b/src/components/structures/HomePage.tsx
index cc6bcf1fff..6a6bb9f4dd 100644
--- a/src/components/structures/HomePage.tsx
+++ b/src/components/structures/HomePage.tsx
@@ -19,6 +19,7 @@ import AutoHideScrollbar from "matrix-react-sdk/src/components/structures/AutoHi
 import EmbeddedPage from "matrix-react-sdk/src/components/structures/EmbeddedPage";
 import AccessibleButton from "matrix-react-sdk/src/components/views/elements/AccessibleButton";
 import { useMatrixClientContext } from "matrix-react-sdk/src/contexts/MatrixClientContext";
+import { DirectoryMember, startDmOnFirstMessage } from "matrix-react-sdk/src/utils/direct-messages";
 import { getHomePageUrl } from "matrix-react-sdk/src/utils/pages";
 import * as React from "react";
 
@@ -48,7 +49,9 @@ const HomePage: React.FC<IProps> = () => {
                     <SuperheroLogo />
                     <div>is so much better with our Wallet</div>
                 </div>
-                <div className="mx_HomePage_default_buttons_title">Download extension for your browser</div>
+                <div className="mx_HomePage_default_buttons_title">
+                    <span style={{ fontWeight: "bold" }}>1. </span>Download extension for your browser
+                </div>
                 <div className="mx_HomePage_default_buttons">
                     <AccessibleButton
                         onClick={(): void => {
@@ -72,6 +75,19 @@ const HomePage: React.FC<IProps> = () => {
                         from Chrome Web Store
                     </AccessibleButton>
                 </div>
+                <div className="mx_HomePage_default_buttons_title">
+                    <span style={{ fontWeight: "bold" }}>2.</span>Connect your wallet with $uperhero Bot
+                </div>
+                <div className="mx_HomePage_default_buttons">
+                    <AccessibleButton
+                        onClick={(): void => {
+                            startDmOnFirstMessage(cli, [new DirectoryMember({ user_id: "@walletbot:superhero.com" })]);
+                        }}
+                        className="mx_HomePage_button_custom"
+                    >
+                        Chat with $uperhero Bot
+                    </AccessibleButton>
+                </div>
             </div>
         </AutoHideScrollbar>
     );