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

…into dev
Genez-io · Dec 12, 2024 · 4423b25 · 4423b25
2 parents d1c1de9 + ade2ad8
commit 4423b25
Showing 1 changed file with 40 additions and 18 deletions.
diff --git a/themes/genezio-theme/layouts/404.html b/themes/genezio-theme/layouts/404.html
@@ -7,28 +7,50 @@
     style="
       border-left: 1px solid rgba(255, 255, 255, 0.1);
       border-right: 1px solid rgba(255, 255, 255, 0.1);
-      height: 60vh;
+      height: 80vh;
     "
     class="container d-flex align-items-center justify-content-center flex-column"
   >
-    <h1 class="text-white m-0 display-1 fw-bold">404 Page Not Found</h1>
-    <p class="text-white opacity-50 m-0 mt-2">Sorry, we were unable to find that page.</p>
+    <div class="d-flex flex-row align-items-center mb-5">
+      <h1
+        class="text-white m-0 fw-bold px-4"
+        style="border-right: 2px solid #908a9c"
+      >
+        404
+      </h1>
+      <p class="text-white opacity-50 m-0 px-4">
+        This page could not be found.
+      </p>
+    </div>
 
-    <img
-      class="pe-none d-none d-lg-block d-xl-block"
-      src="/images/wave.svg"
-      style="
-        mix-blend-mode: screen;
-        filter: grayscale(50%);
-        opacity: 0.3;
-        position: absolute;
-        bottom: 220px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 70vw;
-      "
-      alt="howGenezioWork"
-    />
+    <a
+      class="btn btn-primary fw-semibold px-4 py-2 mt-4 mb-5"
+      href="https://app.genez.io/new-project/"
+      target="_blank"
+      id="start-for-free-hero"
+    >
+      Login to Genezio
+    </a>
+
+    <div class="d-flex flex-row align-items-center mt-4">
+      <a
+        href="https://genezio.com/docs/"
+        class="text-white opacity-75 text-decoration-none px-2"
+        style="border-right: 2px solid #908a9c"
+        >Docs</a
+      >
+      <a
+        href="/blog"
+        class="text-white opacity-75 text-decoration-none px-2"
+        style="border-right: 2px solid #908a9c"
+        >Blog</a
+      >
+      <a
+        href="https://github.com/Genez-io/genezio"
+        class="text-white opacity-75 text-decoration-none px-2"
+        >GitHub</a
+      >
+    </div>
   </div>
 </div>