From 0ea82e3761f59466b85a9c0d016d1b7994e85119 Mon Sep 17 00:00:00 2001
From: Victor Pacyna <victor@cedardb.com>
Date: Wed, 14 Oct 2026 14:09:03 +0200
Subject: [PATCH] update cloud banner

---
 layouts/partials/cloud-banner.html    | 21 +++++++++++++++
 layouts/partials/navbar.html          |  2 +-
 layouts/partials/waitlist-banner.html | 38 ---------------------------
 3 files changed, 22 insertions(+), 39 deletions(-)
 create mode 100644 layouts/partials/cloud-banner.html
 delete mode 100644 layouts/partials/waitlist-banner.html

diff --git a/layouts/partials/cloud-banner.html b/layouts/partials/cloud-banner.html
new file mode 100644
index 0000000..af6c7bd
--- /dev/null
+++ b/layouts/partials/cloud-banner.html
@@ -0,0 +1,21 @@
+<div class="banner" id="banner">
+  CedarDB Cloud is live!
+  <a href="https://app.cedardb.cloud/signup/" target="_blank" rel="noopener noreferrer" class="banner__link banner__cta">Get started for free &rarr;</a>
+  <button type="button" class="banner__close" id="banner-close" aria-label="Dismiss">&times;</button>
+</div>
+<script>
+  (function () {
+    var banner = document.getElementById("banner");
+    if (!banner) return;
+
+    if (sessionStorage.getItem("cloud-banner-closed") === "true") {
+      banner.classList.add("hide");
+      return;
+    }
+
+    document.getElementById("banner-close").addEventListener("click", function () {
+      banner.classList.add("hide");
+      sessionStorage.setItem("cloud-banner-closed", "true");
+    });
+  })();
+</script>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 5ca3e8c..8523d9a 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -15,7 +15,7 @@
     class="hextra-nav-container-blur hx:pointer-events-none hx:absolute hx:z-[-1] hx:h-full hx:w-full hx:bg-white hx:dark:bg-dark hx:shadow-[0_2px_4px_rgba(0,0,0,.02),0_1px_0_rgba(0,0,0,.06)] hx:contrast-more:shadow-[0_0_0_1px_#000] hx:dark:shadow-[0_-1px_0_rgba(255,255,255,.1)_inset] hx:contrast-more:dark:shadow-[0_0_0_1px_#fff]"
   ></div>
 
-  {{ partial "waitlist-banner.html" . }}
+  {{ partial "cloud-banner.html" . }}
 
   <nav class="hextra-max-navbar-width hx:mx-auto hx:flex hx:items-center hx:justify-end hx:gap-2 hx:h-16 hx:px-6">
     {{ partial "navbar-title.html" . }}
diff --git a/layouts/partials/waitlist-banner.html b/layouts/partials/waitlist-banner.html
deleted file mode 100644
index 684ee4a..0000000
--- a/layouts/partials/waitlist-banner.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<div class="banner" id="banner">
-  <a href="https://demo.cedardb.cloud" class="banner__link">CedarDB Cloud</a> coming soon! 
-  <a class="js-modal-trigger button banner__cta" data-target="modal-waitlist" href="#">Join our waitlist →</a>
-  <button type="button" class="banner__close" id="banner-close" aria-label="Dismiss">&times;</button>
-</div>
-<script>
-  (function () {
-    var banner = document.getElementById("banner");
-    if (!banner) return;
-
-    if (sessionStorage.getItem("waitlist-banner-closed") === "true") {
-      banner.classList.add("hide");
-      return;
-    }
-
-    document.getElementById("banner-close").addEventListener("click", function () {
-      banner.classList.add("hide");
-      sessionStorage.setItem("waitlist-banner-closed", "true");
-    });
-  })();
-</script>
-<div id="modal-waitlist" class="modal">
-    <div class="modal-background"></div>
-    <div class="modal-card hx:p-1">
-        <div class="modal-card-body hx:p-6 hx:has-background-color-secondary hx:is-rounded-small">
-            <div class="hx:title hx:has-text-left hx:mb-6" style="font-size: 2rem; margin-bottom: 10px;">Join our Waitlist</div>
-            <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>
-            <script>
-              hbspt.forms.create({
-                region: "eu1",
-                portalId: "144471709",
-                formId: "a9d14ba0-afcf-40c4-8a1c-4543a9d7c9fa",
-              });
-            </script>
-            <button class="hx:delete hx:is-right modal-close-button" aria-label="close"></button>
-        </div>
-    </div>
-</div>