From 511ffd144f2908389216e242531efefeadcd65fa Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Mon, 2 Dec 2024 19:36:37 -0600
Subject: [PATCH] Website: Update /app-library page (#24301)

Closes: #24257

Changes:
- Added an app count and link to the contact form to the /app-library
page.
---
 website/assets/styles/pages/app-library.less | 19 +++++++++++++++++++
 website/views/pages/app-library.ejs          |  6 ++++++
 2 files changed, 25 insertions(+)

diff --git a/website/assets/styles/pages/app-library.less b/website/assets/styles/pages/app-library.less
index 4373356385..0f5ba623ce 100644
--- a/website/assets/styles/pages/app-library.less
+++ b/website/assets/styles/pages/app-library.less
@@ -24,6 +24,25 @@
       margin-bottom: 0px;
     }
   }
+
+  [purpose='request-button'] {
+    display: flex;
+    padding: 8px 16px;
+    justify-content: center;
+    align-items: center;
+    border-radius: 16px;
+    background: #F9FAFC;
+    color: #515774;
+    text-align: center;
+    height: 49px;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 150%;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
   [purpose='app-search'] {
 
     // Note: We're using classes here to override the default Docsearch styles;
diff --git a/website/views/pages/app-library.ejs b/website/views/pages/app-library.ejs
index cf67da5a9b..55b705546b 100644
--- a/website/views/pages/app-library.ejs
+++ b/website/views/pages/app-library.ejs
@@ -23,6 +23,12 @@
           </div>
         </div> -->
       </div>
+      <div purpose="count-and-cta" class="d-flex flex-sm-row flex-column align-items-sm-center align-items-start justify-content-sm-between justify-content-center mb-3">
+        <div><p class="mb-sm-0"><strong>{{allApps.length}} and counting....</strong></p></div>
+        <div>
+          <a purpose="request-button" href="/contact?sendMessage">Request an app</a>
+        </div>
+      </div>
       <div purpose="app-cards" class="card-deck flex-wrap">
         <% for(let app of allApps) { %>