From baad672e439381d897726372e058e9ca78e47dfa Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 23 Apr 2024 19:05:35 -0500
Subject: [PATCH] Website: Make padding between sections on homepage
 consistent. (#18503)

Closes: #18435

Changes:
- Updated the space between sections on the homepage.
---
 website/assets/styles/pages/homepage.less | 14 ++++++++++++--
 website/views/pages/homepage.ejs          |  2 ++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index 3088727514..249fdf7441 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -213,7 +213,6 @@
       font-size: 16px;
     }
   }
-
   [purpose='platform-block'] {
     margin-bottom: 120px;
     max-width: 1080px;
@@ -424,6 +423,9 @@
   }
 
 
+  [purpose='integrations-section'] {
+    margin-top: 180px;
+  }
   [purpose='integration-cards'] {
     margin-top: 40px;
     margin-bottom: 40px;
@@ -617,6 +619,9 @@
     [purpose='page-section'] {
       margin-bottom: 160px;
     }
+    [purpose='integrations-section'] {
+      margin-top: 160px;
+    }
     [purpose='bottom-cta'] {
       h1 {
         font-size: 48px;
@@ -682,6 +687,9 @@
     [purpose='page-section'] {
       margin-bottom: 120px;
     }
+    [purpose='integrations-section'] {
+      margin-top: 120px;
+    }
     [purpose='testimonial'] {
       border-radius: 12px;
       border: 1px solid #E2E4EA;
@@ -888,7 +896,9 @@
     [purpose='page-section'] {
       margin-bottom: 80px;
     }
-
+    [purpose='integrations-section'] {
+      margin-top: 80px;
+    }
     [purpose='homepage-text-block'] {
       margin-bottom: 80px;
       p {
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 68abfd5dcb..a0a7fc6269 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -127,6 +127,7 @@
       </div>
 
       <%/* Integration cards */%>
+      <div purpose="integrations-section">
         <h2 class="text-center">Connect your favorite tools</h2>
         <div purpose="integration-cards" class="d-flex flex-sm-row flex-column justify-content-center">
           <div purpose="integration-card-column" class="d-flex flex-lg-row flex-column">
@@ -176,6 +177,7 @@
         <div class="d-flex flex-column align-items-center">
           <a purpose="animated-arrow-button-red" href="/integrations">View all integrations</a>
         </div>
+      </div>
     </div>
     <div purpose="page-section">
       <div purpose="endpoints-banner">