feat: marketing cards

Author: kamilmysliwiec

img/arcjet-logo.svg

@@ -153,6 +153,13 @@
                       >Devtools</a
                     >
                   </li>
+                  <li>
+                    <a
+                      href="https://mau.nestjs.com"
+                      title="Deploy with Mau | NestJS - A progressive Node.js framework"
+                      >Mau</a
+                    >
+                  </li>
                 </ul>
               </div>
             </div>
@@ -248,7 +255,7 @@
                 <a
                   href="https://jobs.nestjs.com"
                   title="Jobs | NestJS - A progressive Node.js framework"
-                  ><span>JOBS</span><span class="new">NEW</span></a
+                  ><span>JOBS</span></a
                 >
               </li>
               <li>
@@ -258,6 +265,13 @@
                   ><span>DEVTOOLS</span></a
                 >
               </li>
+              <li>
+                <a
+                  href="https://mau.nestjs.com"
+                  title="Deploy with Mau | NestJS - A progressive Node.js framework"
+                  ><span>DEPLOY WITH MAU</span><span class="new">NEW</span></a
+                >
+              </li>
               <li>
                 <a
                   href="https://github.com/nestjs/nest"
@@ -329,6 +343,13 @@
                           >Devtools</a
                         >
                       </li>
+                      <li>
+                        <a
+                          href="https://mau.nestjs.com"
+                          title="Deploy with Mau | NestJS - A progressive Node.js framework"
+                          >Deploy with Mau</a
+                        >
+                      </li>
                     </ul>
                   </div>
                 </div>
@@ -385,7 +406,7 @@ <h4>
         </div>
       </div>
     </header>
-    <div class="highlights-wrapper">
+    <section id="highlights" class="highlights-wrapper">
       <div class="container">
         <div class="row">
           <div class="col-md-4 highlight-block">
@@ -414,8 +435,8 @@ <h5>Progressive</h5>
           </div>
         </div>
       </div>
-    </div>
-    <div class="blocks-wrapper">
+    </section>
+    <section id="features" class="blocks-wrapper">
       <div class="container">
         <div class="heading">
           <h4>Everything you need..</h4>
@@ -512,8 +533,63 @@ <h5>Web apps</h5>
           </div>
         </div>
       </div>
-    </div>
-    <div class="enterprise-wrapper" id="enterprise">
+    </section>
+    <section id="other-services" class="other-services">
+      <div class="container">
+        <div class="row">
+        <div class="col-md-6 col-xs-12">
+          <div class="card card--dark">
+            <div class="ellipse-overlay"></div>
+            <div class="card-content">
+              <h2>Deploy, mau!</h2>
+              <p>Provision and manage your infrastracture on AWS without the hassle and extra DevOps work.</p>
+              <a href="https://mau.nestjs.com" class="btn btn-secondary">Start now</a>
+            </div>
+            <div class="card-image">
+              <img src="img/mau.png" alt="" />
+            </div>
+          </div>
+        </div>
+        <div class="col-md-6 col-xs-12">
+          <div class="card card--primary">
+            <div class="ellipse-overlay"></div>
+            <div class="card-content">
+              <h2>Explore your graph</h2>
+              <p>Identify dependencies and connections between modules, and dive deep into the inner workings of your classes.</p>
+              <a href="https://devtools.nestjs.com" class="btn btn-secondary">Learn more</a>
+            </div>
+            <div class="card-image">
+              <img src="img/devtools.png" alt="" />
+            </div>
+          </div>
+        </div>
+        <div class="col-xs-12">
+          <div class="card card--light">
+            <div class="ellipse-overlay"></div>
+            <div class="card-content">
+              <h2>Official NestJS Courses</h2>
+              <p>Learn everything you need to master NestJS and tackle modern backend applications at any scale.</p>
+              <a href="https://courses.nestjs.com" class="btn btn-secondary">See courses</a>
+            </div>
+            <div class="card-image">
+              <div class="card-boxes">
+                <div class="card-box">
+                  <img src="img/courses-box-2.png" alt="" />
+                </div>
+                <div class="card-box">
+                  <img src="img/courses-box-1.png" alt="" />
+                </div>
+              </div>
+              <div class="image-wrapper">
+                <img src="img/courses.png" alt="" />
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </div>
+    </section>
+    <section class="enterprise-wrapper" id="enterprise">
       <div class="container">
         <div class="enterprise-column">
           <h2>
@@ -533,8 +609,8 @@ <h2>
           >
         </div>
       </div>
-    </div>
-    <div class="live-wrapper">
+    </section>
+    <section id="preview" class="live-wrapper">
       <div class="container">
         <h4>Live preview</h4>
         <p>
@@ -553,8 +629,8 @@ <h4>Live preview</h4>
           sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"
         ></iframe>
       </div>
-    </div>
-    <!-- <div class="video-wrapper" id="video">
+    </section>
+    <!-- <section class="video-wrapper" id="video">
       <div class="container">
         <h4>Conferences</h4>
         <p>
@@ -574,8 +650,8 @@ <h4>Conferences</h4>
           ></iframe>
         </div>
       </div>
-    </div> -->
-    <div class="sponsors-wrapper" id="sponsors">
+    </section> -->
+    <section class="sponsors-wrapper" id="sponsors">
       <div class="container">
         <h4>Support us</h4>
         <p>
@@ -741,7 +817,7 @@ <h5>Community partners</h5>
           ><span>Become a sponsor <span>/</span> backer</span></a
         >
       </div>
-    </div>
+    </section>
     <div class="newsletter-wrapper">
       <div class="signup container">
         <div class="hgroup">