More spacing adjustments

src/layouts/index.html

@@ -384,7 +384,7 @@
 
     <!-- Third -->
 
-    <div class="row one-box-down">
+    <div class="row three-boxes-down">
       <div class="col-xl-7 col-lg-6 col-md-12 col-sm-12 col-12 flex order-2">
           <div class="feature-content ps-xl-5 ps-lg-3 ps-md-0 ps-sm-0 ps-0">
             <h2 class="display-5">tea scripts</h2>
@@ -478,6 +478,66 @@
   }
 </style>
 
+<section class="two-boxes-down">
+  <div class="container">
+    <div class="row">
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0">
+        <h2 class="display-5">Getting started with tea!</h2>
+        <p class="mb-5">Tea is a cross-platform binary that can be easily installed using a curl command or by using the one-liner installer. The installer sets up tea and its shell magic without requiring "sudo" or Xcode Command Line Tools, and is compatible with Linux, macOS, and WSL. Package managers such as brew or Docker can also be used for installation, or you can use GitHub Actions to install tea as part of your workflow.</p>
+      </div>
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0 ps-xl-5 ps-lg-5 ps-md-5 ps-sm-0 ps-0 mb-3">
+        <div class="terminal flex term-getting-started term-lead">
+          <div class="terminal-bar black-bg flex-start p-1 ps-3">
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+          </div>
+            <div class="p-5">
+              <div class="terminal-content-gs">
+                <p>sh <(curl https://tea.xyz)</p>
+              </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0 mb-3 ">
+        <p class="mb-4 light-gray">This will confirm before setting up ~/.tea and adding to your ~/.shellrc. Our one-liner even abstracts installing tea itself:</p>
+
+        <div class="terminal flex term-getting-started">
+          <div class="terminal-bar black-bg flex-start p-1 ps-3">
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+          </div>
+            <div class="p-5">
+              <div class="terminal-content-gs">
+                <p>sh <(curl tea.xyz) bun run start</p>
+              </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 p-0">
+        <p class="mb-4 light-gray">This will confirm before setting up ~/.tea and adding to your ~/.shellrc. Our one-liner even abstracts installing tea itself:</p>
+
+        <div class="terminal flex term-getting-started">
+          <div class="terminal-bar black-bg flex-start p-1 ps-3">
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+            <div class="traffic-light"></div>
+          </div>
+            <div class="p-5">
+              <div class="terminal-content-gs">
+                <p>sh <(curl tea.xyz) bun run start</p>
+              </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</section>
+
 
 <!-- Getting Started
 
@@ -623,7 +683,7 @@
 -->
 
 <section>
-  <div class="container one-box-up one-box-down">
+  <div class="container one-box-up two-boxes-down">
     <div class="row one-box-down">
       <div class="col p-0">
         <h2 class="display-5">DON’T JUST TAKE OUR WORD FOR IT… TWITTER’S BEEN SIPPING THE TEA TOO!</h2>
@@ -670,7 +730,7 @@
 
 <section>
   <div class="container">
-    <div class="row one-box">
+    <div class="row two-boxes-down">
       <div class="col">
         <h2 class="display-5 text-center">Ready to start building?<br>All you need is tea.</h2>
         <p class="lead text-center mb-5">Introducing tea’s +pkg syntax, the ultimate tool for streamlined open source access, allowing you to access the entire ecosystem with one command, compose and combine everything, and even more.</p>
@@ -746,7 +806,7 @@
 
 </script>
 
-<section class="one-box">
+<section>
   <div class="container">
     <div class="row">
       <div class="col p-0">