diff --git a/src/components/index-page/hero/index.tsx b/src/components/index-page/hero/index.tsx
index cb65cdf2c2..531a4bbf9b 100644
--- a/src/components/index-page/hero/index.tsx
+++ b/src/components/index-page/hero/index.tsx
@@ -29,8 +29,9 @@ export function Hero() {
           </ul>
 
           <div className="flex items-center gap-4">
-            <Button href="/learn" className="max-sm:w-full">
-              Learn more<span className="sr-only"> about GraphQL</span>
+            <Button href="/learn/#try-it-out">Try it out</Button>
+            <Button href="/learn" variant="secondary">
+              <span className="sr-only">Read the </span> Docs
             </Button>
           </div>
         </div>
diff --git a/vercel.json b/vercel.json
index 79f2e7a835..1ad9453fa2 100644
--- a/vercel.json
+++ b/vercel.json
@@ -590,6 +590,11 @@
       "destination": "https://landscape.graphql.org",
       "permanent": true
     },
+    {
+      "source": "/docs",
+      "destination": "/learn",
+      "permanent": true
+    },
     {
       "source": "/conf/2025/event-resources",
       "destination": "https://sites.google.com/linuxfoundation.org/graphqlconf2025event-resources/event-resources",