new landing — try it out link (#44)

* Add [Try it out] link to the Hero

* Add redirect from /docs to /learn

Author: hasparus

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>

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",