diff --git a/docs/stylesheets/custom.css b/docs/stylesheets/custom.css
new file mode 100644
index 0000000..58405c0
--- /dev/null
+++ b/docs/stylesheets/custom.css
@@ -0,0 +1,49 @@
+.default-bg {
+  background: none!important;
+  background-color:hsla(232,15%,21%,1)!important; 
+}
+
+.content-container-centered {
+  padding: 5.2rem 0;
+  margin: 0 0.8rem;
+}
+
+.centered-content-grid {
+  margin-top: 2.4rem
+
+}
+
+.centered-content-grid ul.centered-content-grid__list {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 1.6rem;
+  padding: 0;
+  margin: 0;
+}
+
+.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item{
+  display: flex;
+  flex: 1 0 48%;
+  gap: 0.6rem;
+  margin: 0;
+}
+
+.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item  div.item_content{
+  color: hsla(232,75%,95%,1)!important;
+}
+
+
+.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item  div.item_content h2.card_title{
+  font-weight: 700;
+  margin-top: 0.175em;
+}
+
+.centered-content-grid ul.centered-content-grid__list > li.centered-content-grid__item  div.content_icon{
+  fill: currentcolor;
+  background-color: var(--md-default-fg-color--lightest);
+  border-radius: 100%;
+  flex-shrink: 0;
+  height: 2.2rem;
+  padding: 0.55rem 0.4rem 0.4rem 0.4rem;
+  width: 2.2rem;
+}
\ No newline at end of file
diff --git a/material/overrides/home.html b/material/overrides/home.html
index 694fef9..80b9a4e 100644
--- a/material/overrides/home.html
+++ b/material/overrides/home.html
@@ -19,6 +19,71 @@ <h1>Stacker Build</h1>
           </a>
         </div>
       </div>
+    </div> 
+  </section>
+  <section class="tx-container default-bg">
+    <div class="md-grid md-typeset">
+      <div class="content-container-centered ">
+        <h1>OCI-native Image Builder</h1>
+        <div class="centered-content-grid">
+          <ul class="centered-content-grid__list">
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                  {% include ".icons/fontawesome/solid/download.svg" %} 
+              </div>
+              <div class="item_content">
+                <h2 class="card_title">Single Binary</h2>
+                <p>One statically built binary for simplified download and install.</p>
+             </div>
+            </li>
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                {% include ".icons/fontawesome/solid/repeat.svg" %} 
+             </div>
+              <div class="item_content">
+                <h2 class="card_title">Repeatable</h2>
+                <p>Hermatically sealed environment for image builds using LXC containers.</p>
+              </div>
+            </li>
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                {% include ".icons/fontawesome/solid/lock.svg" %} 
+             </div>
+              <div class="item_content">
+                <h2 class="card_title">Unprivileged</h2>
+                <p>Build inside a user namespace and avoid privilege on host.</p>
+              </div>
+            </li>
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                {% include ".icons/fontawesome/solid/forward.svg" %} 
+              </div>
+              <div class="item_content">
+                <h2 class="card_title">Incremental</h2>
+                <p>Build only the images necessary and only if any input changed.</p>
+              </div>
+            </li>
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                {% include ".icons/fontawesome/brands/github.svg" %} 
+             </div>
+              <div class="item_content">
+                <h2 class="card_title">Github Action</h2>
+                <p>Integrated with github as a build and push <a href="https://github.com/marketplace/actions/stacker-build-and-push-action">action</a>.</p>
+              </div>
+            </li>
+            <li class="centered-content-grid__item md-typeset">
+              <div class="content_icon">
+                {% include ".icons/fontawesome/brands/github-alt.svg" %} 
+              </div>
+              <div class="item_content">
+                <h2 class="card_title">Opensource</h2>
+                <p>Built as an open source project ground up with Apache2 License.</p>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
     </div>
   </section>
 {% endblock %}
diff --git a/mkdocs.yml b/mkdocs.yml
index fbc87dc..0d985dc 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -9,20 +9,9 @@ theme:
   name: material
   custom_dir: material
   palette:
-    - scheme: slate
-      toggle:
-        name: Light Mode
-        icon: material/toggle-switch-off-outline
-      primary: black
-      accent: lime
-      media: "(prefers-color-scheme: dark)"
-    - scheme: default
-      toggle:
-        name: Dark Mode
-        icon: material/toggle-switch
-      primary: black
-      accent: teal
-      media: "(prefers-color-scheme: light)"
+    scheme: slate
+    primary: black
+    accent: teal
   favicon: assets/images/favicon.png
   logo: assets/images/logo.png
   features:
@@ -118,3 +107,5 @@ nav:
     - LXC Usage: developer_guide/lxc_usage.md
     - OverlayFS Usage: developer_guide/overlayfs_usage.md
   - License: license.md
+extra_css:
+  - stylesheets/custom.css
\ No newline at end of file