From 7c14a3caceed4f141b0922561888c771c11a5ece Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 8 Oct 2024 11:38:16 -0500
Subject: [PATCH] Website: Move /try-fleet link in /start questionnaire
 (#22749)

Closes: #22737

Changes:
- Moved the link to /try-fleet to the "What did you think" step of the
/start questionnaire
---
 website/assets/styles/pages/start.less |  6 +++++-
 website/views/pages/start.ejs          | 25 +++++++++----------------
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/website/assets/styles/pages/start.less b/website/assets/styles/pages/start.less
index 70a7f24d33..3057b43e75 100644
--- a/website/assets/styles/pages/start.less
+++ b/website/assets/styles/pages/start.less
@@ -325,7 +325,7 @@
     }
     [purpose='form-container'] {
       padding: 0;
-      min-width: unset;
+      // min-width: unset;
       max-width: 504px;
       margin-left: auto;
       margin-right: auto;
@@ -341,6 +341,10 @@
       padding-left: 24px;
       padding-right: 24px;
     }
+    [purpose='form-container'] {
+      min-width: unset;
+      width: 100%;
+    }
   }
   @media (max-width: 575px) {
     [purpose='logo-container'] {
diff --git a/website/views/pages/start.ejs b/website/views/pages/start.ejs
index 86c25b6c36..73934a0f4c 100644
--- a/website/views/pages/start.ejs
+++ b/website/views/pages/start.ejs
@@ -424,29 +424,16 @@
             <div purpose="form-progress-bar"><div purpose="current-progress" style="width: 50%"></div></div>
             <img purpose="success-icon" alt="🚀" src="/images/icon-form-success-16x16@2x.png">
           </div>
-          <h2>Want to try it?</h2>
-          <div purpose="form-header" class="mx-auto">
-            <p class="">We don’t have a public sample environment, but you can try Fleet out locally on your computer.</p>
-          </div>
+          <h2>Is it any good?</h2>
           <div purpose="start-cards">
-            <a purpose="card" href="/try-fleet?start">
-              <img alt="Run a local demo of Fleet" src="/images/start-try-fleet-64x64@2x.png">
-              <h2>Try Fleet yourself</h2>
-              <p>Try Fleet locally on your device</p>
-            </a>
-            <a purpose="card" href="https://youtu.be/QpdRADHWP_o?feature=shared&t=1333" target="_blank">
+            <a purpose="card" class="w-100" href="https://youtu.be/QpdRADHWP_o?feature=shared&t=1333" target="_blank">
               <img alt="Watch a demo" src="/images/play-button-64x64@2x.png">
               <h2>Watch a demo</h2>
               <p>See what Fleet can do</p>
             </a>
           </div>
           <p>Got questions? <a purpose="contact-link" href="/contact">Ask us anything</a>.</p>
-          <div purpose="form-tip" class="d-flex flex-row align-items-center justify-content-between">
-            <div><img alt="A lightbulb" src="/images/icon-suggestion-64x64@2x.png"></div>
-            <div>
-              <p>You can come back here any time to continue with your deployment.</p>
-            </div>
-          </div>
+
           <div purpose="form-buttons">
             <a purpose="back-button" @click="clickGoToPreviousStep()">Back</a>
             <ajax-button type="submit" purpose="submit-button" class="btn btn-primary" :syncing="syncing">Continue</ajax-button>
@@ -483,6 +470,12 @@
             <div class="invalid-feedback" v-if="formErrors.whatDidYouThink">Please select an option</div>
           </div>
           <cloud-error v-if="cloudError"></cloud-error>
+          <div purpose="form-tip" class="d-flex flex-row align-items-center justify-content-start">
+            <div><img alt="A lightbulb" src="/images/icon-suggestion-64x64@2x.png"></div>
+            <div>
+              <p>Not ready to talk? You can also <a href="/try-fleet">run your own trial</a> with Docker.</p>
+            </div>
+          </div>
           <div purpose="form-buttons">
             <a purpose="back-button" @click="clickGoToPreviousStep()">Back</a>
             <ajax-button type="submit" purpose="submit-button" class="btn btn-primary" :syncing="syncing">Continue</ajax-button>