From df9996087092f12b8699e5a26c7c365616e26d96 Mon Sep 17 00:00:00 2001
From: QSchlegel <quirin.schlegel@icloud.com>
Date: Thu, 13 Aug 2026 00:18:07 +0200
Subject: [PATCH] feat(homepage): add a "Connect via MCP" button to the hero
 CTA row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The top hero had no MCP entry point at all — connecting an agent was only
reachable by scrolling to the developer section. It now sits alongside
Connect Wallet and Explore features, in both the signed-in and signed-out
states, and it is the one thing a visitor can set up before owning a
wallet.

Also renames the card's primary button from "Setup guide" to "MCP setup
guide", so the label says what it links to.

The page scrolls inside `main` rather than the window, so the fragment
link was worth checking rather than assuming: clicking it moves 5,100px
and lands #connect-mcp at the top of the viewport.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/components/pages/homepage/index.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/homepage/index.tsx b/src/components/pages/homepage/index.tsx
index e55d23a0..404aec39 100644
--- a/src/components/pages/homepage/index.tsx
+++ b/src/components/pages/homepage/index.tsx
@@ -286,6 +286,15 @@ export function PageHomepage() {
                 </Button>
               </>
             )}
+            {/* Third CTA in both states: connecting an agent is a first-class
+                entry point, not a developer footnote, and it is the one thing
+                you can set up before owning a wallet. */}
+            <Button size="lg" variant="outline" asChild>
+              <Link href="#connect-mcp">
+                <Plug className="mr-2 h-4 w-4" />
+                Connect via MCP
+              </Link>
+            </Button>
           </div>
 
           <p className="mt-6 text-sm text-muted-foreground">
@@ -323,7 +332,7 @@ export function PageHomepage() {
                   <Button asChild size="lg">
                     <Link href="#connect-mcp">
                       <Plug className="mr-2 h-4 w-4" />
-                      Setup guide
+                      MCP setup guide
                     </Link>
                   </Button>
                   <Button asChild size="lg" variant="outline">