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

@@ -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 {

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">