From c0903c2db21bdb974056bea57cee06fa39cf617d Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Thu, 4 Sep 2025 14:19:51 -0500
Subject: [PATCH] Website: Add announcement banner (#32603)

Changes:
- Added an announcement banner on the homepage, /login, /register, and
/try-fleet that links to the contact page with the message "$0 MDM
migration"
---
 website/views/pages/entrance/login.ejs   | 3 +++
 website/views/pages/entrance/signup.ejs  | 3 +++
 website/views/pages/fleetctl-preview.ejs | 3 +++
 website/views/pages/homepage.ejs         | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/website/views/pages/entrance/login.ejs b/website/views/pages/entrance/login.ejs
index 9ac0d8a367..f487ec6a19 100644
--- a/website/views/pages/entrance/login.ejs
+++ b/website/views/pages/entrance/login.ejs
@@ -1,4 +1,7 @@
 <div id="login" v-cloak>
+  <div purpose="announcement-banner">
+    <animated-arrow-button arrow-color="white" text-color="white" href="/contact">$0 MDM migration</animated-arrow-button>
+  </div>
   <div purpose="page-container" class="container">
     <div purpose="page-heading">
       <h1>Welcome to Fleet</h1>
diff --git a/website/views/pages/entrance/signup.ejs b/website/views/pages/entrance/signup.ejs
index f24b7c7d6c..7d14a50718 100644
--- a/website/views/pages/entrance/signup.ejs
+++ b/website/views/pages/entrance/signup.ejs
@@ -1,4 +1,7 @@
 <div id="signup" v-cloak>
+  <div purpose="announcement-banner">
+    <animated-arrow-button arrow-color="white" text-color="white" href="/contact">$0 MDM migration</animated-arrow-button>
+  </div>
   <div purpose="page-container" class="container">
     <div purpose="page-heading">
       <h1>Welcome to Fleet</h1>
diff --git a/website/views/pages/fleetctl-preview.ejs b/website/views/pages/fleetctl-preview.ejs
index 6dcb2e3f0a..b3efa94055 100644
--- a/website/views/pages/fleetctl-preview.ejs
+++ b/website/views/pages/fleetctl-preview.ejs
@@ -1,4 +1,7 @@
 <div id="fleetctl-preview" v-cloak>
+  <div purpose="announcement-banner">
+    <animated-arrow-button arrow-color="white" text-color="white" href="/contact">$0 MDM migration</animated-arrow-button>
+  </div>
   <div purpose="page-container" class="d-flex flex-column container">
     <div purpose="page-title">
       <h1>Try Fleet</h1>
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 94b0a650ec..9978f2d863 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -1,4 +1,7 @@
 <div id="homepage" v-cloak>
+  <div purpose="announcement-banner">
+    <animated-arrow-button arrow-color="white" text-color="white" href="/contact">$0 MDM migration</animated-arrow-button>
+  </div>
   <%/* Hero container */%>
   <div purpose="hero-container">
     <div purpose="hero-background-image">