diff --git a/landing/_/css/landing.css b/landing/_/css/landing.css
index 20300e9..023bea8 100644
--- a/landing/_/css/landing.css
+++ b/landing/_/css/landing.css
@@ -88,3 +88,88 @@ body {
     margin-top: 7rem;
   }
 }
+
+#services {
+  padding: 30px 0
+}
+
+.service-box {
+  margin-top: 15px;
+  margin-bottom: 15px
+}
+
+.service-box .service-icon {
+  float: left;
+  margin-top: 5px
+}
+
+.service-box .service-icon i {
+  font-size: 32px;
+  color: #0b38a9
+}
+
+.service-box .service-content {
+  padding-left: 48px
+}
+
+.service-box .service-content h4 {
+  font-size: 18px;
+  margin-bottom: 10px;
+  font-weight: 700;
+  transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -webkit-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out
+}
+
+.service-box .service-content h4 a {
+  color: #444
+}
+
+.service-box .service-content h4 a:hover {
+  color: #0b38a9
+}
+
+.service-center .service-icon {
+  float: none;
+  width: 60px;
+  height: 60px;
+  margin: 0px auto 20px;
+  background: #ddd;
+  line-height: 70px;
+  border-radius: 4px;
+  text-align: center
+}
+
+.service-center .service-content {
+  padding-left: 0
+}
+
+.sub-title {
+  margin-bottom: 40px
+}
+
+.sub-title {
+  color: #999;
+  font-size: 24px;
+  font-weight: 400
+}
+
+.image-service-box h4 {
+  font-weight: 700;
+  font-size: 16px
+}
+
+.image-service-box h4 a {
+  color: #444
+}
+
+.image-service-box h4 a:hover {
+  color: #0b38a9
+}
+
+.image-service-box .service-text {
+  background: #f5f5f5;
+  padding: 15px;
+  border: 1px solid #e3e3e3
+}
\ No newline at end of file
diff --git a/landing/index.html b/landing/index.html
index f52f45e..50f0731 100644
--- a/landing/index.html
+++ b/landing/index.html
@@ -1,90 +1,182 @@
 <!doctype html>
 <html lang="en">
 
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>JReleaser</title>
-    <link rel="canonical" href="https://jreleaser.org/">
-    <link href="_/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="_/css/site.css">
-    <script>var uiRootPath = '_'</script>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>JReleaser</title>
+  <link rel="canonical" href="https://jreleaser.org/">
+  <link href="_/css/bootstrap.min.css" rel="stylesheet">
+  <link rel="stylesheet" href="_/css/site.css">
+  <link rel="stylesheet" href="_/css/admonitions.css">
+  <link rel="stylesheet" href="_/css/fontawesome.css">
+  <link rel="stylesheet" href="_/css/all.css">
 
-    <style>
-      .bd-placeholder-img {
-        font-size: 1.125rem;
-        text-anchor: middle;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
+  <script>var uiRootPath = '_'</script>
+
+  <style>
+    .bd-placeholder-img {
+      font-size: 1.125rem;
+      text-anchor: middle;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    }
+
+    @media (min-width: 768px) {
+      .bd-placeholder-img-lg {
+        font-size: 3.5rem;
       }
+    }
+  </style>
 
-      @media (min-width: 768px) {
-        .bd-placeholder-img-lg {
-          font-size: 3.5rem;
-        }
-      }
-    </style>
+  <link href="_/css/landing.css" rel="stylesheet">
+</head>
+<body class="article">
 
-    <link href="_/css/landing.css" rel="stylesheet">
-  </head>
-  <body class="article">
-
-  <header class="header">
-    <nav class="navbar">
-      <div class="navbar-brand">
-        <a class="navbar-item" href="https://jreleaser.org">JReleaser</a>
-        <button class="navbar-burger" data-target="topbar-nav">
-          <span></span>
-          <span></span>
-          <span></span>
-        </button>
-      </div>
-    </nav>
-  </header>
+<header class="header">
+  <nav class="navbar">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="https://jreleaser.org">JReleaser</a>
+      <button class="navbar-burger" data-target="topbar-nav">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+  </nav>
+</header>
 
 <main role="main" class="article">
 
   <div class="jumbotron">
-      <div class="container marketing">
-        <div class="row featurette">
-          <div class="col-md-7">
-            <h1>JReleaser</h1>
-            <p class="lead">The quick and effortless way to release your Java project!</p>
-            <p>with JReleaser, you can:
-            <ul>
-              <li>Calculate file checksums</li>
-              <li>Sign files with PGP</li>
-              <li>Release to GitHub</li>
-              <li>Create packagers for<br/>
-                  Homebrew, Jbang, Scoop, Snapcraft</li>
-              <li>Announce releases to<br/>
-                Twitter, Zulip, SDKMAN!</li>
-              <li>... and much more!</li>
-            </ul>
-            </p>
-            <div class="d-grid gap-2 d-md-block">
-              <a class="btn btn-lg btn-primary" href="guide/dev/index.html" role="button">Get started</a>
-              <a class="btn btn-lg btn-outline-primary" href="https://github.com/jreleaser/jreleaser" role="button">Go to GitHub</a>
-            </div>
-          </div>
-          <div class="col-md-5">
-            <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto rounded" width="500" src="images/jreleaser-duke.png"></img>
-
+    <div class="container marketing">
+      <div class="row featurette">
+        <div class="col-md-7">
+          <h1>JReleaser</h1>
+          <p class="lead">The quick and effortless way to release your Java project!</p>
+          </p>
+          <div class="d-grid gap-2 d-md-block">
+            <a class="btn btn-lg btn-primary" href="guide/dev/index.html" role="button">Get started</a>
+            <a class="btn btn-lg btn-outline-primary" href="https://github.com/jreleaser/jreleaser" role="button">Get the code</a>
           </div>
         </div>
-      </div>
-  </div>
+        <div class="col-md-5">
+          <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto rounded" width="300" src="images/jreleaser-duke.png"></img>
 
-  <!-- Marketing messaging and featurettes
-  ================================================== -->
-  <!-- Wrap the rest of the page in another container to center all the content. -->
+        </div>
+      </div>
+    </div>
+  </div>
 
   <div class="container marketing">
 
+    <div class="row">
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-check-circle"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Checksums</a></h4>
+            <p>
+              Calculate checksums for all input files.
+            </p>
+          </div>
+        </div>
+      </div>
 
-    <!-- START THE FEATURETTES -->
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-lock"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">PGP Signatures</a></h4>
+            <p>
+              Sign all input files with PGP.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-cogs"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Release to git</a></h4>
+            <p>
+              Tag and release to popular git services such as GitHub.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-tools"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Multiple Packaging Options</a></h4>
+            <p>
+              Create package descriptors for Homebrew, Snapcraft, Jbang, and more.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-cloud-upload-alt"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Publish Packages</a></h4>
+            <p>
+              Publish packages to their respective destinations and stores.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-bullhorn"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Make it official!</a></h4>
+            <p>
+              Announce the release to the four winds via Twitter, Sdkman, Zulip, and other services.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <!-- empty -->
+        </div>
+      </div>
+
+      <div class="col-md-4 col-sm-6">
+        <div class="service-box">
+          <div class="service-icon">
+            <i class="fa fa-toolbox"></i>
+          </div>
+          <div class="service-content">
+            <h4><a href="#">Build it your way</a></h4>
+            <p>
+              Whether you prefer CLI, Maven, Gradle, or Ant, JReleaser has you covered.
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
 
     <hr class="featurette-divider">
 
@@ -92,7 +184,7 @@
       <div class="col-md-7">
         <h2 class="featurette-heading">Quick configuration.</h2>
         <p class="lead">Configure the essentials and let JReleaser do the heavy lifting. Convention over configuration is a thing!<br/><br/>
-        YAML is not your cup of Java? We've got other formats like JSON, a Maven DSL, and a Gradle DSL.</p>
+          YAML is not your cup of Java? We've got other formats like JSON, a Maven DSL, and a Gradle DSL.</p>
       </div>
       <div class="col-md-5">
         <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-jreleaser-config.png"></img>
@@ -106,7 +198,7 @@
       <div class="col-md-7 order-md-2">
         <h2 class="featurette-heading">Publish and announce a release.</h2>
         <p class="lead">Publishing a release is as simple as executing a single command using the <code>jreleaser</code> CLI.<br/><br/>
-        We also offer Maven and Gradle plugins, Ant tasks, and Jbang integration to boot!</p>
+          We also offer Maven and Gradle plugins, Ant tasks, and Jbang integration to boot!</p>
       </div>
       <div class="col-md-5 order-md-1">
         <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-full-release-command.png"></img><br/><br/>
@@ -120,7 +212,7 @@
       <div class="col-md-7">
         <h2 class="featurette-heading">Create releases without hassle</h2>
         <p class="lead">Releases are automatically tagged. A changelog is generated with all commits since the last tag.
-        All artifacts are uploaded.</p>
+          All artifacts are uploaded.</p>
       </div>
       <div class="col-md-5">
         <img class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500" src="images/app-github-release.png"></img>
@@ -143,12 +235,8 @@
 
     <hr class="featurette-divider">
 
-    <!-- /END THE FEATURETTES -->
-
   </div><!-- /.container -->
 
-
-  <!-- FOOTER -->
   <footer class="footer">
     <p>Copyright (C) 2021 Andres Almiray. This page was built using an adapted version of the Antora default UI.</p>
     <p>The source code for this UI is licensed under the <a href="https://www.mozilla.org/en-US/MPL/2.0/">Mozilla Public License Version 2.0</a> (MPL-2.0).</p>
