feat(landing): replace waitlist CTA with get-started section

Swap the final-CTA waitlist signup for a get-started flow: a quickstart
docker/psql code snippet, primary GitHub/Discord/docs links, and a
Product Hunt link, with email capture repositioned as an optional
release-updates signup. Also validates the email client-side before
submitting, since the no-cors fetch always resolves regardless of
input.

Author: farhan-syah

assets/custom.css

@@ -791,6 +791,22 @@ body:has(.oxidoc-landing) .oxidoc-skip-nav { display: none !important; }
   justify-content: center;
 }
 
+/* Get-started actions + release-updates form (reworked <WaitlistForm>) */
+.oxidoc-landing waitlistform { max-width: 40rem; min-height: 0; }
+.oxidoc-landing .ndb-final .cw { max-width: 38rem; margin: 0 auto 1.5rem; text-align: left; }
+.oxidoc-landing .ndb-final .cw-body { text-align: left; }
+.ndb-wl-btn-primary {
+  background: var(--ndb-indigo-600);
+  border-color: transparent;
+  color: #fff;
+  font-weight: 600;
+}
+.ndb-wl-btn-primary:hover { background: var(--ndb-indigo-500); }
+.ndb-wl-updates { margin-top: 2.25rem; }
+.ndb-wl-updates-title { font-size: 1.05rem; font-weight: 600; color: #fff; margin: 0 0 0.2rem; }
+.ndb-wl-updates-sub { font-size: 0.85rem; color: var(--ndb-text-3); margin: 0 0 1.1rem; }
+.ndb-wl-ph-row { display: flex; justify-content: center; margin-top: 1.6rem; }
+
 /* ── Banner / Product Hunt strip ───────────────────────────────────── */
 
 body:has(.oxidoc-landing) .oxidoc-banner {

assets/js/code-window.js

@@ -22,6 +22,15 @@
       '  <span class="cw-kw">FINAL_TOP_K</span>     <span class="cw-nm">10</span>\n' +
       '  <span class="cw-kw">RRF_K</span>           (<span class="cw-nm">60.0</span>, <span class="cw-nm">35.0</span>)\n' +
       '  <span class="cw-kw">MAX_VISITED</span>     <span class="cw-nm">1000</span>;',
+    "quickstart":
+      '<span class="cw-cm"># Start NodeDB — PostgreSQL wire protocol on 6432</span>\n' +
+      '<span class="cw-kw">docker run</span> -d --name nodedb \\\n' +
+      '  -p <span class="cw-nm">6432</span>:<span class="cw-nm">6432</span> -p <span class="cw-nm">6433</span>:<span class="cw-nm">6433</span> -p <span class="cw-nm">6480</span>:<span class="cw-nm">6480</span> \\\n' +
+      '  -v nodedb-data:/var/lib/nodedb \\\n' +
+      '  <span class="cw-st">farhansyah/nodedb:latest</span>\n' +
+      "\n" +
+      '<span class="cw-cm"># Connect with any Postgres client</span>\n' +
+      '<span class="cw-kw">psql</span> -h localhost -p <span class="cw-nm">6432</span>',
   };
 
   function build(host) {

assets/js/landing-hero.js

@@ -43,7 +43,7 @@
         '<p class="ndb-hero-sub">' + sub + "</p>" +
         '<div class="ndb-hero-actions">' +
           '<a class="ndb-btn ndb-btn-primary" href="' + github + '" target="_blank" rel="noopener">' + GITHUB + "<span>Star on GitHub</span></a>" +
-          '<a class="ndb-btn ndb-btn-soft" href="#waitlist"><span>Get Early Access</span></a>' +
+          '<a class="ndb-btn ndb-btn-soft" href="#get-started"><span>Get Started</span></a>' +
           '<a class="ndb-btn ndb-btn-outline" href="' + discord + '" target="_blank" rel="noopener">' + DISCORD + "<span>Join Discord</span></a>" +
         "</div>" +
       "</div>";

assets/js/landing-nav.js

@@ -25,7 +25,7 @@
           '<a class="ndb-nav-link" href="/use-cases">Use Cases</a>' +
           '<a class="ndb-nav-icon" href="' + github + '" target="_blank" rel="noopener" aria-label="GitHub">' + GITHUB + '</a>' +
           '<a class="ndb-nav-icon" href="' + discord + '" target="_blank" rel="noopener" aria-label="Discord">' + DISCORD + '</a>' +
-          '<a class="ndb-nav-cta" href="#waitlist">Join Waitlist</a>' +
+          '<a class="ndb-nav-cta" href="#get-started">Get Started</a>' +
         "</div>" +
       "</nav>";
   }

assets/js/waitlist-form.js

@@ -1,11 +1,13 @@
-// Landing-page waitlist form + secondary actions, rendered by
-// <WaitlistForm action="…" github="…" discord="…" producthunt="…" />.
+// Landing-page get-started actions + release-updates form, rendered by
+// <WaitlistForm action="…" github="…" quickstart="…" discord="…" producthunt="…" />.
 //
 // RDX renders the component as a bare lowercased <waitlistform> element (no
 // hyphen → not a valid custom-element name), so we upgrade it by query
 // selector rather than via customElements.define. The MailerLite JSONP
 // endpoint sends no CORS headers, so we POST with mode:"no-cors" and treat a
-// resolved fetch as success (the submission still reaches them).
+// resolved fetch as success (the submission still reaches them). Because that
+// fetch always resolves, the email is validated before we ever submit —
+// otherwise an empty or malformed address would land on the success state.
 
 (function () {
   var GITHUB =
@@ -14,6 +16,14 @@
   var DISCORD =
     '<svg viewBox="0 0 640 512" width="19" height="19" fill="currentColor" aria-hidden="true">' +
     '<path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.3 337.6 417.9 337.6z"/></svg>';
+  var BOOK =
+    '<svg viewBox="0 0 448 512" width="16" height="16" fill="currentColor" aria-hidden="true">' +
+    '<path d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H384h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V384c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32H384 96zM64 416c0-17.7 14.3-32 32-32H352v64H96c-17.7 0-32-14.3-32-32zM128 136c0-4.4 3.6-8 8-8H328c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H136c-4.4 0-8-3.6-8-8V136zm8 56H328c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H136c-4.4 0-8-3.6-8-8V200c0-4.4 3.6-8 8-8z"/></svg>';
+
+  // Pragmatic email check: non-empty local part, single @, dotted domain.
+  // Stricter than type="email"'s native rule, which accepts things like "a@b".
+  var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  var ERR_DEFAULT = "Something went wrong — try again, or ping us on Discord.";
 
   function attr(host, name, fallback) {
     var v = host.getAttribute(name);
@@ -23,36 +33,64 @@
   function build(host) {
     var action = attr(host, "action", "");
     var github = attr(host, "github", "https://github.com/NodeDB-Lab/nodedb");
+    var quickstart = attr(host, "quickstart", "/docs/introduction/quickstart");
     var discord = attr(host, "discord", "https://discord.gg/s54gDMVc7B");
     var ph = attr(host, "producthunt", "https://www.producthunt.com/products/nodedb");
 
     host.innerHTML =
-      '<form class="ndb-wl-form" action="' + action + '" method="post" novalidate>' +
-        '<input class="ndb-wl-email" type="email" name="fields[email]" required ' +
-               'autocomplete="email" placeholder="you@work.com" aria-label="Work email" />' +
-        '<input type="hidden" name="ml-submit" value="1" />' +
-        '<input type="hidden" name="anticsrf" value="true" />' +
-        '<button class="ndb-wl-submit" type="submit"><span class="ndb-wl-label">Get Early Access</span></button>' +
-      "</form>" +
-      '<p class="ndb-wl-msg ndb-wl-error" role="alert" hidden>Something went wrong — try again, or ping us on Discord.</p>' +
-      '<div class="ndb-wl-msg ndb-wl-success" hidden>' +
-        "<strong>You're on the list.</strong> Check your inbox for a confirmation email. See you on launch day — May 1." +
-      "</div>" +
       '<div class="ndb-wl-actions">' +
-        '<a class="ndb-wl-btn" href="' + github + '" target="_blank" rel="noopener">' + GITHUB + "<span>Star on GitHub</span></a>" +
+        '<a class="ndb-wl-btn ndb-wl-btn-primary" href="' + github + '" target="_blank" rel="noopener">' + GITHUB + "<span>Star on GitHub</span></a>" +
+        '<a class="ndb-wl-btn" href="' + quickstart + '">' + BOOK + "<span>Read the Quickstart</span></a>" +
         '<a class="ndb-wl-btn" href="' + discord + '" target="_blank" rel="noopener">' + DISCORD + "<span>Join Discord</span></a>" +
-        '<a class="ndb-wl-btn ndb-wl-btn-ph" href="' + ph + '" target="_blank" rel="noopener"><span class="ndb-wl-ph-mark">P</span><span>Product Hunt</span></a>' +
+      "</div>" +
+      '<div class="ndb-wl-updates">' +
+        '<p class="ndb-wl-updates-title">Want release updates?</p>' +
+        '<p class="ndb-wl-updates-sub">New engines, benchmarks, and the 1.0 launch — no spam, unsubscribe anytime.</p>' +
+        '<form class="ndb-wl-form" action="' + action + '" method="post">' +
+          '<input class="ndb-wl-email" type="email" name="fields[email]" required ' +
+                 'autocomplete="email" placeholder="you@work.com" aria-label="Work email" />' +
+          '<input type="hidden" name="ml-submit" value="1" />' +
+          '<input type="hidden" name="anticsrf" value="true" />' +
+          '<button class="ndb-wl-submit" type="submit"><span class="ndb-wl-label">Notify me</span></button>' +
+        "</form>" +
+        '<p class="ndb-wl-msg ndb-wl-error" role="alert" hidden>' + ERR_DEFAULT + "</p>" +
+        '<div class="ndb-wl-msg ndb-wl-success" hidden>' +
+          "<strong>You're subscribed.</strong> Check your inbox to confirm — we'll email you on new releases and the 1.0 launch." +
+        "</div>" +
+      "</div>" +
+      '<div class="ndb-wl-ph-row">' +
+        '<a class="ndb-wl-btn ndb-wl-btn-ph" href="' + ph + '" target="_blank" rel="noopener"><span class="ndb-wl-ph-mark">P</span><span>See us on Product Hunt</span></a>' +
       "</div>";
 
     var form = host.querySelector("form");
+    var email = host.querySelector(".ndb-wl-email");
     var btn = host.querySelector(".ndb-wl-submit");
     var label = host.querySelector(".ndb-wl-label");
     var errEl = host.querySelector(".ndb-wl-error");
     var okEl = host.querySelector(".ndb-wl-success");
 
+    function showError(msg) {
+      errEl.textContent = msg || ERR_DEFAULT;
+      errEl.hidden = false;
+      btn.disabled = false;
+      label.textContent = "Notify me";
+    }
+
     form.addEventListener("submit", function (e) {
       e.preventDefault();
       errEl.hidden = true;
+
+      // Validate before submitting. The no-cors fetch below always resolves,
+      // so without this guard an empty or malformed email would still show the
+      // success state. reportValidity() surfaces the native browser bubble.
+      var value = email.value.trim();
+      email.value = value;
+      if (!EMAIL_RE.test(value) || !form.checkValidity()) {
+        form.reportValidity();
+        showError("Please enter a valid email address.");
+        return;
+      }
+
       btn.disabled = true;
       label.textContent = "Submitting…";
 
@@ -70,9 +108,7 @@
           okEl.hidden = false;
         })
         .catch(function () {
-          errEl.hidden = false;
-          btn.disabled = false;
-          label.textContent = "Get Early Access";
+          showError();
         });
     });
   }

home.rdx

@@ -139,12 +139,17 @@ WHERE ST_DWithin(location, ST_Point(-73.99, 40.75), 2000)
 <Faq />
 </Section>
 
-<Section id="waitlist" class="ndb-final">
-<CTA title="Ship AI products, not plumbing." description="Get early access to the launch. We'll send you the repo, the benchmarks, and the design-partner invite." />
+<Section id="get-started" class="ndb-final">
+<CTA title="Ship AI products, not plumbing." description="NodeDB is in public preview and already running in real projects. Pull the image, point any Postgres client at it, and start building." />
+
+<CodeWindow snippet="quickstart" title="run it in 30 seconds" lang="bash" />
+
+Pre-1.0 and moving fast — follow the [road to 1.0](https://github.com/orgs/NodeDB-Lab/projects/7).
 
 <WaitlistForm
   action="https://assets.mailerlite.com/jsonp/2289342/forms/185571144953234582/subscribe"
   github="https://github.com/NodeDB-Lab/nodedb"
+  quickstart="/docs/introduction/quickstart"
   discord="https://discord.gg/s54gDMVc7B"
   producthunt="https://www.producthunt.com/products/nodedb"
 />