Merge branch 'dev' of https://github.com/Genez-io/genezio-landing-page …

…into dev
Genez-io · Dec 10, 2024 · a228761 · a228761
2 parents 861302e + 2b9c890
commit a228761
Show file tree

Hide file tree

Showing 19 changed files with 1,231 additions and 573 deletions.
diff --git a/content/deploy-fastify-on-genezio-serverless.md b/content/deploy-fastify-on-genezio-serverless.md
@@ -1,8 +1,8 @@
 ---
-title: "Deploy your Fastify App on Serverless"
+title: "Deploy Fastify on Serverless, Zero Configuration Hosting | Genezio"
 layout: "fastify"
 summary: "fastify"
-description: "Effortlessly deploy Fastify apps on Genezio, eliminating server management. Enjoy seamless scaling, reduced costs, and increased flexibility with serverless."
+description: "Deploy your Fastify app with Genezio’s zero-configuration, serverless hosting platform. Get Started for Free and share your app in minutes!"
 date: 2023-05-14T05:10:04+03:00
 draft: false
 ---
diff --git a/content/deploy-flask-on-genezio-serverless.md b/content/deploy-flask-on-genezio-serverless.md
@@ -1,8 +1,8 @@
 ---
-title: "Deploy your Flask App on Serverless"
+title: "Deploy Flask on Serverless, Zero Configuration Hosting | Genezio"
 layout: "flask"
 summary: "flask"
-description: "Effortlessly deploy Express.js apps on Genezio, eliminating server management. Enjoy seamless scaling, reduced costs, and increased flexibility with serverless."
+description: "Deploy your Flask app with Genezio’s zero-configuration, serverless hosting platform. Get Started for Free and share your app in minutes!"
 date: 2023-05-14T05:10:04+03:00
 draft: false
 ---
diff --git a/content/deploy-nodejs-express-on-genezio-serverless.md b/content/deploy-nodejs-express-on-genezio-serverless.md
@@ -1,8 +1,8 @@
 ---
-title: "Deploy your Express.js App on Serverless"
+title: "Deploy Express.js on Serverless, Zero Configuration Hosting | Genezio"
 layout: "express"
 summary: "express"
-description: "Effortlessly deploy Express.js apps on Genezio, eliminating server management. Enjoy seamless scaling, reduced costs, and increased flexibility with serverless."
+description: "Deploy your Express.js app with Genezio’s zero-configuration, serverless hosting platform. Get Started for Free and share your app in minutes!"
 date: 2023-05-14T05:10:04+03:00
 draft: false
 ---
diff --git a/resources/_gen/assets/scss/scss/index.scss_33d595602d9541840a342756df4891d9.content b/resources/_gen/assets/scss/scss/index.scss_33d595602d9541840a342756df4891d9.content
diff --git a/resources/_gen/assets/scss/scss/index.scss_33d595602d9541840a342756df4891d9.json b/resources/_gen/assets/scss/scss/index.scss_33d595602d9541840a342756df4891d9.json
@@ -1 +1 @@
-{"Target":"scss/index.05309c4dbe223bd02bf8647da39aed5e27f864f4eb33161296b2aae060df1981.css","MediaType":"text/css","Data":{"Integrity":"sha256-BTCcTb4iO9Ar+GR9o5rtXif4ZPTrMxYSlrKq4GDfGYE="}}
+{"Target":"scss/index.f9b0598c654111abd345e33ef6d8c5b75ad960df968236355efb4070ff548522.css","MediaType":"text/css","Data":{"Integrity":"sha256-+bBZjGVBEavTReM+9tjFt1rZYN+WgjY1XvtAcP9UhSI="}}
diff --git a/themes/genezio-theme/assets/scss/index.scss b/themes/genezio-theme/assets/scss/index.scss
@@ -151,7 +151,7 @@ $cyan: #0dcaf0 !default;
   transition: opacity 0.3s;
   @media (max-width: 768px) {
     left: calc(100% + -210px) !important;
-    z-index: 99999;
+    z-index: 2000;
     top: 80px;
   }
 }
@@ -241,6 +241,7 @@ $cyan: #0dcaf0 !default;
 @import "./job.scss";
 @import "./pagination.scss";
 @import "./plans.scss";
+@import "./modal.scss";
 
 .dropdown-menu a.dropdown-item:hover {
   background-color: transparent !important;

diff --git a/themes/genezio-theme/assets/scss/modal.scss b/themes/genezio-theme/assets/scss/modal.scss
@@ -0,0 +1,40 @@
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 5000;
+    width: 100%;
+    top: 0;
+    left: 0;
+    height: 100%;
+    overflow: hidden;
+    background-color: rgba(0,0,0,0.4);
+    cursor: auto;
+  }
+
+  .contact-us-modal-header h3{
+    color: #33475b;
+    text-align: left;
+}
+
+.contact-us-modal-description {
+    color: #33475b;
+    text-align: left;
+}
+  .modal-content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+    max-width: 500px;
+  }
+
+  .close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+    z-index: 3;
+    cursor: pointer;
+    vertical-align: top;
+  }
diff --git a/themes/genezio-theme/assets/scss/plans.scss b/themes/genezio-theme/assets/scss/plans.scss
@@ -55,7 +55,7 @@
 
 .stickyHeader {
   background-color: #21143a !important;
-  z-index: 9999;
+  z-index: 2000;
   position: sticky;
   top: 0px;
 

diff --git a/themes/genezio-theme/layouts/_default/baseof.html b/themes/genezio-theme/layouts/_default/baseof.html
@@ -86,6 +86,32 @@
   </head>
   {{- partial "head.html" . -}}
   <body>
+
+    <!-- Contact us Modal -->
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+      var modal = document.getElementById("myModal");
+      var btns = document.getElementsByClassName("open-modal-btn");
+      var span = document.getElementById("closeModalBtn");
+
+      for (var i = 0; i < btns.length; i++) {
+        btns[i].onclick = function () {
+          modal.style.display = "block";
+        };
+      }
+
+      span.onclick = function () {
+        modal.style.display = "none";
+      };
+
+      window.onclick = function (event) {
+        if (event.target === modal) {
+          modal.style.display = "none";
+        }
+      };
+    });
+  </script>
+  <!-- End of Contact Us Modal -->
     <!-- Google Tag Manager (noscript) -->
     <noscript async defer>
       <iframe

diff --git a/themes/genezio-theme/layouts/_default/express.html b/themes/genezio-theme/layouts/_default/express.html
@@ -15,14 +15,16 @@
       <div class="row justify-content-between">
         <div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
           <h1 style="z-index: 99; text-align: center" class="fw-bold pt-4 text-white display-6">
-            Stop worrying about servers
-            <div>
-            Deploy your <span class="text-success">Express.js</span> on serverless.
+            Deploy your <span class="text-success">Express.js</span> on Serverless
+
             <div>
+              Zero Configuration Setup
+            </div>
           </h1 >
           <h2 style="z-index: 99; text-align: center"  class="fw-medium mb-4 mt-3 text-white opacity-75 fs-6" id="expressDescription">
-            Enjoy seamless scalability, with lower and predictable costs.<br />
-            Enhance your Node.js Express app performance with Genezio's serverless infrastructure.
+            Focus on building your app, not managing servers. <br/>
+Start deploying your Node.js Express app in minutes with Genezio's serverless infrastructure
+
           </h2>
 
             <div id="headerExpressStartForFree" class="d-flex mt-0 mb-3">
@@ -32,7 +34,7 @@ <h2 style="z-index: 99; text-align: center"  class="fw-medium mb-4 mt-3 text-whi
               target="_blank"
               id="start-for-free-hero-express"
             >
-              Start for free
+              Deploy for Free
             </a>
             <a
               class="btn btn-secondary fw-semibold mx-2 px-4 py-2 border-0 text-white opacity-75 mt-1 mb-1"
@@ -49,6 +51,9 @@ <h2 style="z-index: 99; text-align: center"  class="fw-medium mb-4 mt-3 text-whi
       </div>
     </div>
 
+    {{partial "trustedBy.html" .}}
+
+
     <div class="position-relative mt-5">
       {{/* Header Colors */}} {{/* Left Color */}}
       <div
@@ -403,7 +408,7 @@ <h2 class="text-white text-center fw-bold m-0 pb-3 mb-5">Featured Templates</h2>
 
             <div style="flex-wrap: wrap" class="d-flex">
               <div class="languageBadge mb-2">typescript</div>
-              <div class="languageBadge mb-2">next.js</div>
+              <div class="languageBadge mb-2">react</div>
               <div class="languageBadge mb-2">tailwind</div>
               <div class="languageBadge mb-2">CSS</div>
             </div>
@@ -453,9 +458,8 @@ <h2 class="text-white text-center fw-bold m-0 pb-3 mb-5">Featured Templates</h2>
 
             <div style="flex-wrap: wrap" class="d-flex">
               <div class="languageBadge mb-2">typescript</div>
-              <div class="languageBadge mb-2">next.js</div>
-              <div class="languageBadge mb-2">tailwind</div>
-              <div class="languageBadge mb-2">CSS</div>
+              <div class="languageBadge mb-2">node.js</div>
+              <div class="languageBadge mb-2">express.js</div>
             </div>
 
             <div class="mt-4">
@@ -502,7 +506,7 @@ <h2 class="text-white text-center fw-bold m-0 pb-3 mb-5">Featured Templates</h2>
             />
             <div style="flex-wrap: wrap" class="d-flex">
               <div class="languageBadge mb-2">typescript</div>
-              <div class="languageBadge mb-2">next.js</div>
+              <div class="languageBadge mb-2">express.js</div>
               <div class="languageBadge mb-2">shadcn</div>
             </div>
 
@@ -522,6 +526,13 @@ <h2 class="text-white text-center fw-bold m-0 pb-3 mb-5">Featured Templates</h2>
       </div>
     </div>
 
+    <h2 class="text-white text-center fw-bold m-0 mt-5 pb-3 mb-5">
+      Pricing
+    </h2>
+
+    {{partial "generalPricing.html" .}}
+
+
          <p
       style="font-size: 12px"
       class="mb-3 pb-1 text-success fw-bold text-center mt-4 pt-3 position-relative"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		{"Target":"scss/index.05309c4dbe223bd02bf8647da39aed5e27f864f4eb33161296b2aae060df1981.css","MediaType":"text/css","Data":{"Integrity":"sha256-BTCcTb4iO9Ar+GR9o5rtXif4ZPTrMxYSlrKq4GDfGYE="}}
		{"Target":"scss/index.f9b0598c654111abd345e33ef6d8c5b75ad960df968236355efb4070ff548522.css","MediaType":"text/css","Data":{"Integrity":"sha256-+bBZjGVBEavTReM+9tjFt1rZYN+WgjY1XvtAcP9UhSI="}}