johnride/nationtech-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip(sreez): Main page first version of packaged offering

Browse Source
This commit is contained in:
Jean-Gabriel Gill-Couture 2024-03-01 10:06:10 -05:00
parent bc7b0f4f06
commit 315bff8a53
3 changed files with 99 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
nationtech-io/assets/sreez_transparent_bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 300 KiB

After

Width:  |  Height:  |  Size: 303 KiB

61
nationtech-io/src/pages/home_page.rs
View File

@ -38,5 +38,66 @@ pub fn HomePage() -> impl IntoView {
</div> </div>
</div> </div>
<p>"And much more, just "<a href="mailto:sreez@nationtech.io">"ask us!"</a></p> <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>
} }
} }

38
nationtech-io/style/main.scss
View File

@ -12,6 +12,10 @@ h1 {
} }
} }
ol {
list-style-type: decimal;
}
.card-list { .card-list {
display: flex; display: flex;
flex-direction: row; 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;
}