Normalize landing page vertical spacing

landing-pages/site/assets/scss/_base-layout.scss

@@ -19,8 +19,16 @@
 @import "media";
 @import "fonts";
 
+body {
+  padding-top: $fixed-header-offset-desktop;
+
+  @media (max-width: $tablet) {
+    padding-top: $fixed-header-offset-mobile;
+  }
+}
+
 .base-layout {
-  padding: 91px 0 40px;
+  padding: $landing-page-spacing-y 0;
 
   &--scrollButton {
     position: sticky;
@@ -66,8 +74,6 @@
 
 @media (max-width: $tablet) {
   .base-layout {
-    padding: 76px 0 60px;
-
     &--scrollButton {
       margin-top: 20px;
       margin-left: 0;

landing-pages/site/assets/scss/_case-study.scss

@@ -20,11 +20,7 @@
 
 .case-study-page {
   max-width: 790px !important;
-  margin: 60px auto 0;
-
-  @media (max-width: $mobile) {
-    margin-top: 40px;
-  }
+  margin: 0 auto;
 }
 
 .case-studies-container {

landing-pages/site/assets/scss/_community-page.scss

@@ -38,7 +38,7 @@
    }
 
    &--accordion-container {
-     margin: 60px 18px;
+     margin: 0 18px 60px;
    }
 
    &--accordion-container .dev-list {
@@ -94,8 +94,8 @@
      overflow-y: auto;
      height: 100px;
      padding-left: 30px;
-     max-height: -webkit-calc(100vh - 91px);
-     max-height: calc(100vh - 91px);
+     max-height: -webkit-calc(100vh - #{$fixed-header-offset-desktop});
+     max-height: calc(100vh - #{$fixed-header-offset-desktop});
      font-size: 14px;
      line-height: 1.43;
    }
@@ -174,7 +174,7 @@
      }
 
      &--accordion-container {
-       margin: 40px 0;
+       margin-bottom: 40px;
      }
 
      &--committers-header {

landing-pages/site/assets/scss/_content-drawer.scss

@@ -37,7 +37,7 @@
 
 .content-drawer-container {
   position: fixed;
-  top: 77px;
+  top: $fixed-header-offset-mobile;
   left: 0;
   width: 100%;
   height: 100%;

landing-pages/site/assets/scss/_four-oh-four.scss

@@ -18,7 +18,7 @@
  */
 
 .four-oh-four {
-  height: calc(100vh - 91px);
+  height: calc(100vh - #{$fixed-header-offset-desktop});
   position: relative;
 
   &__text-container {

landing-pages/site/assets/scss/_header.scss

@@ -20,8 +20,8 @@
 
 #header {
   position: relative;
-  margin: 91px -20px 0;
-  min-height: calc(100vh - 91px);
+  margin: 0 -20px;
+  min-height: calc(100vh - #{$fixed-header-offset-desktop});
   // background-color is handled by the canvas animation which draws white/dark background
   transition: background-color 0.3s ease;
 }
@@ -85,8 +85,8 @@
 
 @media (max-width: $tablet) {
   #header {
-    margin: 77px -20px 0;
-    min-height: calc(100vh - 77px);
+    margin: 0 -20px;
+    min-height: calc(100vh - #{$fixed-header-offset-mobile});
   }
   #header-canvas {
     .text-area {

landing-pages/site/assets/scss/_home-page.scss

@@ -18,15 +18,6 @@
  */
 @import "media";
 
-.home-page-layout {
-  &.base-layout {
-    padding-top: 70px;
-
-    @media (max-width: $mobile) {
-      padding-top: 80px;
-    }
-  }
-}
 .home-section-header {
   margin-top: 80px;
   margin-bottom: 60px;

landing-pages/site/assets/scss/_navbar.scss

@@ -138,10 +138,10 @@
 
     &__drawer {
       position: fixed;
-      top: 77px;
+      top: $fixed-header-offset-mobile;
       left: 0;
       width: 100%;
-      height: calc(100% - 77px);
+      height: calc(100% - #{$fixed-header-offset-mobile});
       background-color: white;
       transform: translateX(100%);
       transition: 0.2s ease-out;

landing-pages/site/assets/scss/_roadmap.scss

@@ -20,8 +20,6 @@
 @import "media";
 
 .roadmap {
-  margin-top: 40px;
-
   main {
     padding-left: 40px;
   }
@@ -48,9 +46,9 @@
 
   .td-sidebar {
     position: sticky;
-    top: 91px;
+    top: $fixed-header-offset-desktop;
     height: fit-content;
-    max-height: calc(100vh - 91px);
+    max-height: calc(100vh - #{$fixed-header-offset-desktop});
     max-width: 270px;
     min-width: 270px;
     width: 100%;
@@ -202,12 +200,12 @@
 
   .wy-nav-side-toc {
     position: sticky;
-    top: 91px;
+    top: $fixed-header-offset-desktop;
     overflow-x: hidden;
     overflow-y: auto;
     width: 280px;
     height: fit-content;
-    max-height: calc(100vh - 91px);
+    max-height: calc(100vh - #{$fixed-header-offset-desktop});
     font-size: 14px;
     line-height: 1.43;
 

landing-pages/site/assets/scss/_testimonial.scss → landing-pages/site/assets/scss/_shared.scss

@@ -16,19 +16,9 @@
  * specific language governing permissions and limitations
  * under the License.
  */
- @import "media";
 
- .case-study-page {
-   max-width: 790px !important;
-   margin: 60px auto 0;
+@import "media";
 
-   @media (max-width: $mobile) {
-     margin-top: 40px;
-   }
- }
-
- #case-studies-container {
-   display: flex;
-   justify-content: center;
-   flex-wrap: wrap;
- }
+$fixed-header-offset-desktop: 90px;
+$fixed-header-offset-mobile: 80px;
+$landing-page-spacing-y: 40px;

landing-pages/site/assets/scss/main-custom.scss

@@ -21,6 +21,7 @@
 @import url('/external/css/Rubik.css');
 @import url('/external/css/Roboto.css');
 @import url('/external/css/RobotoMono.css');
+@import "shared";
 @import "typography";
 @import "accordion";
 @import "buttons";
@@ -57,7 +58,6 @@
 @import "four-oh-four";
 @import "docs";
 @import "survey";
-@import "testimonial";
 @import "suggest-change";
 
 /* Theme toggle pill (sun/moon) */

landing-pages/site/content/en/announcements/_index.md

@@ -8,8 +8,6 @@ menu:
 
 ---
 
- 
- 
 
 # April 24, 2026
 

landing-pages/site/content/en/ecosystem/_index.md

@@ -6,8 +6,6 @@ menu:
     weight: 30
 ---
 
- 
- 
 
 # Ecosystem