diff --git a/sreez/Cargo.toml b/sreez/Cargo.toml index d14cee3..d87d5de 100644 --- a/sreez/Cargo.toml +++ b/sreez/Cargo.toml @@ -53,7 +53,7 @@ style-file = "style/main.scss" # Optional. Env: LEPTOS_ASSETS_DIR. assets-dir = "assets" # The IP and port (ex: 127.0.0.1:3000) where the server serves the content. Use it in your server setup. -site-addr = "127.0.0.1:3000" +site-addr = "0.0.0.0:3000" # The port to use for automatic reload monitoring reload-port = 3001 # [Optional] Command to use when running end2end tests. It will run in the end2end dir. diff --git a/sreez/src/app.rs b/sreez/src/app.rs index 5bf60ae..c67276e 100644 --- a/sreez/src/app.rs +++ b/sreez/src/app.rs @@ -3,6 +3,7 @@ use leptos_meta::*; use leptos_router::*; use crate::pages::HomePage; +use crate::pages::InitialOffer; #[component] pub fn App() -> impl IntoView { @@ -19,9 +20,10 @@ pub fn App() -> impl IntoView { // content for this welcome page -
+
+
diff --git a/sreez/src/pages/home_page.rs b/sreez/src/pages/home_page.rs index 28ad6a9..c20151c 100644 --- a/sreez/src/pages/home_page.rs +++ b/sreez/src/pages/home_page.rs @@ -2,7 +2,6 @@ use leptos::*; /// Renders the home page of your application. #[component] pub fn HomePage() -> impl IntoView { - // Creates a reactive value to update the button view! {
SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E @@ -19,6 +18,7 @@ pub fn HomePage() -> impl IntoView {
+

"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead. Welcome to SREEZ, where we make that dream a reality"

"24/7 support"

@@ -49,18 +49,36 @@ pub fn HomePage() -> impl IntoView {

"And much more, just ""ask us!"

"How it works"

-
    -

  1. "Fork a template repo"

    2. -

  2. "Create an account"

    3. -

  3. "Push a modification"

    4. -

  4. "Enjoy life in production"

    5. -
+
    +

  • "Call the CLI and generate a project from a template"

    +
      +
    • "Rust front-end"
      • +
    • "Rust REST API"
      • +
    • "Rust gRPC"
      • +
    • "Rust simple binary"
      • +
    • "Python uvicorn backend"
      • +
    • "React + Node SSR"
      • +
    • "Vue + Node SSR"
      • +
    • "PyTorch model"
      • +
    • "Tensorflow model"
      • +
    • "Burn model"
      • +
    +
    • +

  • "Create an account"

    +
    • +

  • "Push a modification"

    +
    • +

  • "Enjoy life in production"

    +
    • +
-

"Base package - Self Managed"

+

"Bootstrap package - Integrate, deliver, monitor"

+

"1 055 CAD / Month"

+

"10 555 CAD / Year"

    -
  • "1 Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"
    • +
  • "Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"
  • "Kubeapps dashboard - install hundreds of applications and databases in 1 click"
  • "Argo-CD"
  • "Gitea"
    • @@ -71,12 +89,11 @@ pub fn HomePage() -> impl IntoView {
  • "32 CPU Cores"
  • "2 TB General Purpose Distributed Storage"
-
-

"1 055 CAD / Month"

-

"10 555 CAD / Year"

"Startup Package - SRE as a Service"

+

"5 555 CAD / Month"

+

"55 555 CAD / Year"

  • "Everything in lower package, plus"
  • "Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"
    • @@ -89,13 +106,12 @@ pub fn HomePage() -> impl IntoView {
  • "2 hours per month complimentary consulting with our SRE team"
  • "Access to direct messaging with 4 hour SLA 24/7"
-

"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"

-

"5 555 CAD / Month"

-

"55 555 CAD / Year"

"Top Package - Dedicated Cluster"

+

"55 555 CAD / Month"

+

"555 555 CAD / Year"

  • "Everything in lower package, plus"
  • "2 Dedicated OKD (OpenShift Community) Clusters"
    • @@ -106,12 +122,9 @@ pub fn HomePage() -> impl IntoView {
  • "500 CPU Cores"
  • "1 200 TB General Purpose Distributed Storage"
-

"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."

-

"55 555 CAD / Month"

-

"555 555 CAD / Year"

} diff --git a/sreez/src/pages/initial_offer.rs b/sreez/src/pages/initial_offer.rs new file mode 100644 index 0000000..aca9c90 --- /dev/null +++ b/sreez/src/pages/initial_offer.rs @@ -0,0 +1,154 @@ +use leptos::*; +/// Renders the home page of your application. +#[component] +pub fn InitialOffer() -> impl IntoView { + view! { +
+

"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead."

+

"Welcome to SREEZ, where we make that dream a reality"

+
+
+ SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E +
+

"SREEZ" +
+ "Site Reliability Engineering for Everyone, eZ" +

+

+ "Stay focused"
+ "on your features,"
+ "we take care"
+ "of the infrastructure." +

+
+
+
+
+

"24/7 support"

+
    +
  • "We make sure your infrastructure is running, all the time"
    • +
  • "We won't wake you up unless there is a bug in your code"
    • +
  • "Full post-mortem and reactive measures taken so it won't happen again"
    • +
+
+
+

"Batteries included"

+
    +
  • "Managed Orchestrator : Kubernetes with monitoring, alterting, virtual machines, dashboard and more"
    • +
  • "Marketplace : Easily install hundreds of apps, databases, productivity tools at no additional cost"
    • +
  • "CI/CD Pipeline : Source Control, Continuous Integration, Test Automation, Static Analysis, Continuous Delivery"
    • +
  • "AI Tools : Open source LLMs, Model Management and Deployment, Jupyter Notebooks, NVidia GPUs"
    • +
+
+
+

"Free as a byte"

+
    +
  • "Run anywhere : NationTech Network, Bare Metal, Virtual Machines, Public Cloud, Private Cloud"
    • +
  • "No vendor lock-in, only open source tools"
    • +
  • "Install any software based on your specific needs only"
    • +
+
+
+

"And much more, just ""ask us!"

+ +
+
+

"Bootstrap Package - Integrate, deliver, monitor"

+

"1 055 CAD / Month"

+

"10 555 CAD / Year"

+

"Coming soon"

+

+ "Subscribe to waitlist" +

+
    +
  • "Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"
    • +
  • "Kubeapps dashboard - install hundreds of applications and databases in 1 click"
    • +
  • "Argo-CD"
    • +
  • "Gitea"
    • +
  • "Jenkins"
    • +
  • "Prometheus"
    • +
  • "Grafana"
    • +
  • "64 GB RAM"
    • +
  • "32 CPU Cores"
    • +
  • "2 TB General Purpose Distributed Storage"
    • +
+
+
+

"Startup Package - SRE as a Service"

+

"5 555 CAD / Month"

+

"55 555 CAD / Year"

+

"5 available "

+

+ "Get it now" +

+
    +
  • "Everything in lower package, plus"
    • +
  • "Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"
    • +
  • "Kubeflow"
    • +
  • "OpenLLM - LLaMa, Mistral, StarCoder and more open source models to tune and run privately"
    • +
  • "1 AI GPU with 24GB+ VRAM"
    • +
  • "256 GB RAM"
    • +
  • "96 CPU Cores"
    • +
  • "10 TB General Purpose Distributed Storage"
    • +
  • "2 hours per month complimentary consulting with our SRE team"
    • +
  • "Access to direct messaging with 4 hour SLA 24/7"
    • +
+

"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"

+
+
+

"Top Package - Dedicated Cluster"

+

"55 555 CAD / Month"

+

"555 555 CAD / Year"

+

"1 available "

+

+ "Get it now" +

+
    +
  • "Everything in lower package, plus"
    • +
  • "2 Dedicated OKD (OpenShift Community) Clusters"
    • +
  • "Distributed in two geographical sites of your choice"
    • +
  • "4 days per month SRE development and improvement on your stack"
    • +
  • "4 AI GPUs with 24GB+ VRAM"
    • +
  • "4 000 GB RAM"
    • +
  • "500 CPU Cores"
    • +
  • "1 200 TB General Purpose Distributed Storage"
    • +
+

"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."

+
+
+
+

"Not ready to make a move yet but want to improve your infrastructure"

+

+ "Subscribe to our mailing list" + " for SRE advice and events" +

+
+

"How it works"

+
+
    +

  • "Call the CLI and generate a project from a template"

    +
      +
    • "Rust front-end"
      • +
    • "Rust REST API"
      • +
    • "Rust gRPC"
      • +
    • "Rust simple binary"
      • +
    • "Python uvicorn backend"
      • +
    • "React + Node SSR"
      • +
    • "Vue + Node SSR"
      • +
    • "PyTorch model"
      • +
    • "Tensorflow model"
      • +
    • "Burn model"
      • +
    +
    • +

  • "Create an account"

    +
    • +

  • "Push a modification"

    +
    • +

  • "Enjoy life in production"

    +
    • +
+
+ } +} diff --git a/sreez/src/pages/mod.rs b/sreez/src/pages/mod.rs index de17f16..7730de7 100644 --- a/sreez/src/pages/mod.rs +++ b/sreez/src/pages/mod.rs @@ -1,2 +1,4 @@ mod home_page; +mod initial_offer; pub use home_page::*; +pub use initial_offer::*; diff --git a/sreez/src/pages/sreez_initial_offer.rs b/sreez/src/pages/sreez_initial_offer.rs new file mode 100644 index 0000000..905b470 --- /dev/null +++ b/sreez/src/pages/sreez_initial_offer.rs @@ -0,0 +1,131 @@ +use leptos::*; +/// Renders the home page of your application. +#[component] +pub fn InitialOffer() -> impl IntoView { + view! { +
+ SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E +
+

"SREEZ" +
+ "Site Reliability Engineering for Everyone, eZ" +

+

+ "Stay focused"
+ "on your features,"
+ "we take care"
+ "of the infrastructure." +

+
+
+

"Imagine a world where your startup's infrastructure is as resilient as the biggest tech giants', but without the overhead. Welcome to SREEZ, where we make that dream a reality"

+
+
+

"24/7 support"

+
    +
  • "We make sure your infrastructure is running, all the time"
    • +
  • "We won't wake you up unless there is a bug in your code"
    • +
  • "Full post-mortem and reactive measures taken so it won't happen again"
    • +
+
+
+

"Batteries included"

+
    +
  • "Managed Orchestrator : RedHat OpenShift Community (OKD) cluster"
    • +
  • "Marketplace : Easily install hundreds of apps, databases, productivity tools at no additional cost"
    • +
  • "CI/CD Pipeline : Source Control, Continuous Integration, Test Automation, Static Analysis, Continuous Delivery"
    • +
  • "AI Tools : Open source LLMs, Model Management and Deployment, Jupyter Notebooks, NVidia GPUs"
    • +
+
+
+

"Free as a byte"

+
    +
  • "No vendor lock-in, only open source tools"
    • +
  • "Install any software based on your specific needs only"
    • +
  • "Run anywhere : NationTech Network, Bare Metal, Virtual Machines, Public Cloud, Private Cloud"
    • +
+
+
+

"And much more, just ""ask us!"

+

"How it works"

+
+
    +

  • "Call the CLI and generate a project from a template"

    +
      +
    • "Rust front-end"
      • +
    • "Rust REST API"
      • +
    • "Rust gRPC"
      • +
    • "Rust simple binary"
      • +
    • "Python uvicorn backend"
      • +
    • "React + Node SSR"
      • +
    • "Vue + Node SSR"
      • +
    • "PyTorch model"
      • +
    • "Tensorflow model"
      • +
    • "Burn model"
      • +
    +
    • +

  • "Create an account"

    +
    • +

  • "Push a modification"

    +
    • +

  • "Enjoy life in production"

    +
    • +
+
+
+
+

"Bootstrap package - Integrate, deliver, monitor"

+

"1 055 CAD / Month"

+

"10 555 CAD / Year"

+
    +
  • "Dedicated Kubernetes namespace - Auto-Healing, Auto-Scaling, Fully Managed"
    • +
  • "Kubeapps dashboard - install hundreds of applications and databases in 1 click"
    • +
  • "Argo-CD"
    • +
  • "Gitea"
    • +
  • "Jenkins"
    • +
  • "Prometheus"
    • +
  • "Grafana"
    • +
  • "64 GB RAM"
    • +
  • "32 CPU Cores"
    • +
  • "2 TB General Purpose Distributed Storage"
    • +
+
+
+

"Startup Package - SRE as a Service"

+

"5 555 CAD / Month"

+

"55 555 CAD / Year"

+
    +
  • "Everything in lower package, plus"
    • +
  • "Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"
    • +
  • "Kubeflow"
    • +
  • "OpenLLM - LLaMa, Mistral, StarCoder and more open source models to tune and run privately"
    • +
  • "1 AI GPU with 24GB+ VRAM"
    • +
  • "256 GB RAM"
    • +
  • "96 CPU Cores"
    • +
  • "10 TB General Purpose Distributed Storage"
    • +
  • "2 hours per month complimentary consulting with our SRE team"
    • +
  • "Access to direct messaging with 4 hour SLA 24/7"
    • +
+

"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"

+
+
+

"Top Package - Dedicated Cluster"

+

"55 555 CAD / Month"

+

"555 555 CAD / Year"

+
    +
  • "Everything in lower package, plus"
    • +
  • "2 Dedicated OKD (OpenShift Community) Clusters"
    • +
  • "Distributed in two geographical sites of your choice"
    • +
  • "4 days per month SRE development and improvement on your stack"
    • +
  • "4 AI GPUs with 24GB+ VRAM"
    • +
  • "4 000 GB RAM"
    • +
  • "500 CPU Cores"
    • +
  • "1 200 TB General Purpose Distributed Storage"
    • +
+

"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."

+
+
+ } +} diff --git a/sreez/style/main.scss b/sreez/style/main.scss index 224e463..84a20a7 100644 --- a/sreez/style/main.scss +++ b/sreez/style/main.scss @@ -4,6 +4,12 @@ body { font-size: 1.25rem; } +body { + background-color: #FAFAF5; + font-family: Roboto, helvetica; + font-family: Poppins, helvetica; +} + .font-size-4xl { font-size: 3rem; @@ -54,6 +60,24 @@ ol { margin-right: 3rem; } +.margin-y-25vh { + margin-top: 25vh; + margin-bottom: 25vh; +} + +.margin-3 { + margin: 3rem; +} + +.max-width-900 { + max-width: 900px; +} + +.margin-x-auto { + margin-left: auto; + margin-right: auto; +} + .card-list { text-align: left; justify-content: center; @@ -64,8 +88,12 @@ ol { flex: 1; min-width: 250px; max-width: 400px; - border: solid 3px black; - border-radius: 20px; + // border: solid 3px #ccc; + //border-radius: 20px; + // background-color: white; + //border: 2px solid #eee; + //border-right: 2px solid #fc314e88; + //border-left: 2px solid #fc314e88; margin: 30px; display: flex; flex-direction: column; @@ -74,10 +102,18 @@ ol { flex-grow: 1; } + .border-bottom { + border-bottom: solid 2px #F0F0F0; + } + h3 { text-align: center; - margin-bottom: 30px; - margin-top: 30px; + margin-bottom: 1rem; + margin-top: 2rem; + margin-left: 1rem; + margin-right: 1rem; + min-height: 55px; + font-size: 2rem; } ul { @@ -103,15 +139,23 @@ ol { text-align: center; } +.list-style-none { + list-style-type: none; +} + ol.huge-list-markers li{ margin-bottom: 5rem; &::marker { - font-size: 4rem; + font-size: 3rem; font-weight: 800; margin: 2rem; } } +.text-2x { + font-size: 2rem; +} + .text-3x { font-size: 3rem; } @@ -127,3 +171,7 @@ ol.huge-list-markers li{ .max-width-400 { max-width: 400px; } + +.height-110 { + height: 110px; +}