diff --git a/nationtech-io/assets/sreez_transparent_bg.png b/nationtech-io/assets/sreez_transparent_bg.png
index 80678f5..dc228c8 100644
Binary files a/nationtech-io/assets/sreez_transparent_bg.png and b/nationtech-io/assets/sreez_transparent_bg.png differ
diff --git a/nationtech-io/src/pages/home_page.rs b/nationtech-io/src/pages/home_page.rs
index 2baa086..c9b36af 100644
--- a/nationtech-io/src/pages/home_page.rs
+++ b/nationtech-io/src/pages/home_page.rs
@@ -38,5 +38,66 @@ pub fn HomePage() -> impl IntoView {
             </div>
         </div>
         <p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p>
+        <h2>"How it works"</h2>
+        <div class="md-container text-left">
+        <ol class="huge-list-markers">
+            <li><h3 class="text-3x">"Fork a template repo"</h3></li>
+            <li><h3 class="text-3x">"Create an account"</h3></li>
+            <li><h3 class="text-3x">"View the result"</h3></li>
+        </ol>
+        </div>
+        <div class="card-list">
+            <div class="card">
+                <h3 class="border-bottom-4">"Base package - Self Managed"</h3>
+                <ul class="text-left">
+                    <li>"1 Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"</li>
+                    <li>"Kubeapps dashboard - install hundreds of applications and databases in 1 click"</li>
+                    <li>"Argo-CD"</li>
+                    <li>"Gitea"</li>
+                    <li>"Jenkins"</li>
+                    <li>"Prometheus"</li>
+                    <li>"Grafana"</li>
+                    <li>"64 GB RAM"</li>
+                    <li>"32 CPU Cores"</li>
+                    <li>"2 TB General Purpose Distributed Storage"</li>
+                </ul>
+                <p class="font-bold text-center text-4">"1 055 CAD / Month"</p>
+                <p class="font-bold text-center text-4">"10 555 CAD / Year"</p>
+            </div>
+            <div class="card">
+                <h3 class="border-bottom-4">"Startup Package - SRE as a Service"</h3>
+                <p>"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"</p>
+                <ul class="text-left">
+                    <li>"Everything in lower package, plus"</li>
+                    <li>"Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"</li>
+                    <li>"Kubeflow"</li>
+                    <li>"OpenLLM - LLaMa, Mistral, StarCoder and more open source models to tune and run privately"</li>
+                    <li>"1 AI GPU with 24GB+ VRAM"</li>
+                    <li>"256 GB RAM"</li>
+                    <li>"96 CPU Cores"</li>
+                    <li>"10 TB General Purpose Distributed Storage"</li>
+                    <li>"2 hours per month complimentary consulting with our SRE team"</li>
+                    <li>"Access to direct messaging with 4 hour SLA 24/7"</li>
+                </ul>
+                <p class="font-bold text-center text-4">"5 555 CAD / Month"</p>
+                <p class="font-bold text-center text-4">"55 555 CAD / Year"</p>
+            </div>
+            <div class="card">
+                <h3 class="border-bottom-4">"Top Package - Dedicated Cluster"</h3>
+                <ul class="text-left">
+                    <li>"Everything in lower package, plus"</li>
+                    <li>"2 Dedicated OKD (OpenShift Community) Clusters"</li>
+                    <li>"Distributed in two geographical sites of your choice"</li>
+                    <li>"4 days per month SRE development and improvement on your stack"</li>
+                    <li>"4 AI GPUs with 24GB+ VRAM"</li>
+                    <li>"4 000 GB RAM"</li>
+                    <li>"500 CPU Cores"</li>
+                    <li>"1 200 TB General Purpose Distributed Storage"</li>
+                </ul>
+                <p>"At this point, we can customize our offering around this base package. Let us know what you need. We can deliver, fast. 2 clusters available within 3 days, 1 month lead time for more clusters."</p>
+                <p class="font-bold text-center text-4">"55 555 CAD / Month"</p>
+                <p class="font-bold text-center text-4">"555 555 CAD / Year"</p>
+            </div>
+        </div>
     }
 }
diff --git a/nationtech-io/style/main.scss b/nationtech-io/style/main.scss
index dfb8aca..cba3350 100644
--- a/nationtech-io/style/main.scss
+++ b/nationtech-io/style/main.scss
@@ -12,6 +12,10 @@ h1 {
   }
 }
 
+ol {
+  list-style-type: decimal;
+}
+
 .card-list {
   display: flex;
   flex-direction: row;
@@ -38,3 +42,37 @@ h1 {
     }
   }
 }
+
+.md-container {
+  max-width: 800px;
+  margin: auto;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+ol.huge-list-markers li{
+  margin-bottom: 5rem;
+  &::marker {
+    font-size: 4rem;
+    font-weight: 800;
+    margin: 2rem;
+  }
+}
+
+.text-3x {
+  font-size: 3rem;
+}
+
+.text-4x {
+  font-size: 4rem;
+}
+
+.font-bold {
+  font-weight: 800;
+}