Merge pull request #45 from Hyper-Unearthing/feat/new-landing-page

fix: clean up after redesign

Author: billybonks

assets/components/marketing-hero.css

@@ -1,9 +1,15 @@
 @media (width <= 980px) {
   :root {
-    --hero-content-align: left;
+    --hero-content-align: center;
     --integration-mini-icon-size: 14px;
     --arrow-location: 17px;
   }
+
+  .hero .content h1,
+  .ht-tagline {
+    text-align: center !important;
+    max-width: 100% !important;
+  }
 }
 
 .hero__image {

assets/main.css

@@ -129,6 +129,7 @@ p {
 
   .full-width-layout__content {
     flex-direction: column;
+    text-align: left;
   }
 
   section {
@@ -140,10 +141,18 @@ p {
     flex-direction: column;
   }
 
+  .colomnar-layout.getting-started section:last-child {
+    order: -1;
+  }
+
   .metrics {
     flex-direction: column;
   }
 
+  .metrics .list {
+    padding: 37px 25px 37px 25px !important;
+  }
+
   .metrics-grid {
     grid-template-columns: 1fr !important;
     grid-template-rows: auto auto auto !important;

index.html

@@ -13,7 +13,7 @@ <h1>Actionable GitHub Insights for Engineering Teams</h1>
     </div>
     <a
       href="https://app.managerbot.dev/authentication/register"
-      class="button cta"
+      class="button cta desktop"
     >
       Create Account
       <i><img src="assets/images/angle.svg" alt="" /></i>
@@ -90,26 +90,26 @@ <h4>Pull request health:</h3>
           <li>Draft Time</li>
           <li>Cycle Time</li>
           <li>Pickup Time</li>
-          <li>How often pull requests go stale</li>
-          <li>Itteration count</li>
-          <li>Affected by flaky test</li>
+          <li>Stale Frequency</li>
+          <li>iIeration Loops</li>
+          <li>Flaky Test Frequency</li>
         </ol>
       </div>
       <div class="metrics-bottom-left">
         <span class="badge">2</span>
-        <h4>Developer load:</h3>
+        <h4>Developer load:</h4>
         <ol>
           <li>Pull Requests per Developer</li>
           <li>Reviews per Developer</li>
         </ol>
       </div>
       <div class="metrics-bottom-right">
         <span class="badge">3</span>
-        <h4>Continuous integration:</h3>
+        <h4>Continuous integration:</h4>
         <ol>
           <li>CI Run Time Growth</li>
           <li>CI Usage by User Type</li>
-          <li>CI Usage by Workflow/li></li>
+          <li>CI Usage by Workflow</li>
         </ol>
       </div>
     </div>