From 46e0549ed89d6f2a0b0229574935491716e6fc81 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 22 Oct 2024 18:18:46 -0500
Subject: [PATCH] Website: add CTA back to device-management page (#23105)

Closes: #23028

Changes:
- Added a CTA to the Hero section of the device management page
---
 website/assets/styles/pages/device-management.less | 4 ++--
 website/views/pages/device-management.ejs          | 8 ++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/website/assets/styles/pages/device-management.less b/website/assets/styles/pages/device-management.less
index 10557dc619..0e58eb4ec9 100644
--- a/website/assets/styles/pages/device-management.less
+++ b/website/assets/styles/pages/device-management.less
@@ -539,10 +539,10 @@
     }
     [purpose='cta-button'] {
       cursor: pointer;
-      margin-right: 32px;
+      margin-right: 24px;
       background: @core-vibrant-red;
       border-radius: 8px;
-      padding: 16px 32px;
+      padding: 16px;
       height: 36px;
       display: flex;
       justify-content: center;
diff --git a/website/views/pages/device-management.ejs b/website/views/pages/device-management.ejs
index 6ef974bcef..b3ad70032e 100644
--- a/website/views/pages/device-management.ejs
+++ b/website/views/pages/device-management.ejs
@@ -28,6 +28,10 @@
             </a>
           </div>
         </div>
+        <div purpose="button-row" class="d-flex flex-row align-items-center">
+          <a purpose="cta-button" href="/contact">Talk to us</a>
+          <animated-arrow-button  href="/register">Try it yourself</animated-arrow-button>
+        </div>
       </div>
       <logo-carousel></logo-carousel>
 
@@ -511,8 +515,8 @@
         <h4>Device management (MDM)</h4>
         <h1>Your easiest MDM migration</h1>
         <div purpose="button-row" style="margin-top: 32px;" class="d-flex flex-row justify-content-center align-items-center mx-auto">
-          <a purpose="cta-button" href="/register">Start now</a>
-          <animated-arrow-button href="/contact">Talk to us</animated-arrow-button>
+          <a purpose="cta-button" href="/contact">Talk to us</a>
+          <animated-arrow-button  href="/register">Try it yourself</animated-arrow-button>
         </div>
       </div>
     </div>