site: add landing page callout to Ask Gordon

Signed-off-by: David Karlsson <[email protected]>

layouts/index.html

@@ -161,23 +161,26 @@ <h2 class="font-medium">Gen AI catalog {{ partial
           <div class="bg-pattern-purple rounded p-6">
             <div class="flex flex-col gap-12">
               <div class="flex flex-col gap-4">
-                <h2 class="font-medium">Research</h2>
+                <h2 class="font-medium">
+                  Ask Gordon
+                  {{ partial "components/badge.html" (dict "color" "blue" "content" "Beta") }}
+                </h2>
                 <p class="text-xl">
-                  Docker State of Application Development survey
+                  Your personal Docker expert, built right into Docker Desktop.
                 </p>
                 <p>
-                  Help us better understand and support the application development
-                  community by answering our community survey.
-                </p>
-                <p>
-                  The survey takes approximately 20-30 minutes to complete, and
-                  you can save your progress and return at any time. As a thank
-                  you, you can opt into a raffle for Docker swag and other
-                  prizes!
+                  Boost your productivity with Ask Gordon, an AI-powered
+                  assistant designed to optimize your Docker workflows. From
+                  improving Dockerfiles to troubleshooting containers, Gordon
+                  is here to help.
                 </p>
               </div>
-              <a href="https://docker.qualtrics.com/jfe/form/SV_3IDfGscnmh99ex8"
-                class="max-w-fit cursor-pointer rounded bg-blue-light px-4 py-2 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">Take the survey</a>
+              <div class="flex flex-col xl:flex-row gap-4 items-start">
+                <a href="https://docker.qualtrics.com/jfe/form/SV_dmVHFjQ4fZlrEOy"
+                  class="max-w-fit cursor-pointer rounded bg-blue-light px-4 py-2 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">Join the beta</a>
+                <a href="/desktop/features/gordon/"
+                  class="max-w-fit cursor-pointer rounded bg-blue-light px-4 py-2 text-white transition duration-300 hover:bg-blue-light-400 dark:bg-blue-dark-400 dark:hover:bg-blue-dark">Read the docs</a>
+              </div>
             </div>
           </div>
         </div>