feat: inline mailing list signup form in docs pages

Replace "Join the mailing list" links (which sent users back to the
homepage) with an inline email signup form that posts directly to the
same Google Apps Script endpoint used by gitmem.ai homepage.

Added to: tiers, free-vs-pro, and configuration pages.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: 2 people

apps/docs/app/global.css

@@ -160,3 +160,87 @@
   border-color: hsla(358, 84%, 40%, 0.3);
   background: hsla(358, 84%, 15%, 0.15);
 }
+
+/* Inline signup form */
+.signup-inline {
+  margin: 1rem 0;
+}
+
+.signup-inline .signup-row {
+  display: flex;
+  gap: 0.5rem;
+  max-width: 28rem;
+}
+
+.signup-inline input[type="email"] {
+  flex: 1;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid hsl(0, 0%, 80%);
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+  background: transparent;
+  color: inherit;
+  outline: none;
+}
+
+.signup-inline input[type="email"]:focus {
+  border-color: hsl(358, 84%, 52%);
+  box-shadow: 0 0 0 2px hsla(358, 84%, 52%, 0.15);
+}
+
+.dark .signup-inline input[type="email"] {
+  border-color: hsl(0, 0%, 30%);
+}
+
+.dark .signup-inline input[type="email"]:focus {
+  border-color: hsl(358, 84%, 55%);
+  box-shadow: 0 0 0 2px hsla(358, 84%, 55%, 0.2);
+}
+
+.signup-inline button {
+  padding: 0.5rem 1rem;
+  border: none;
+  border-radius: 0.375rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+  background: hsl(358, 84%, 42%);
+  color: white;
+  transition: background 0.15s;
+}
+
+.signup-inline button:hover:not(:disabled) {
+  background: hsl(358, 84%, 36%);
+}
+
+.dark .signup-inline button {
+  background: hsl(358, 84%, 52%);
+}
+
+.dark .signup-inline button:hover:not(:disabled) {
+  background: hsl(358, 84%, 58%);
+}
+
+.signup-inline button:disabled {
+  opacity: 0.7;
+  cursor: default;
+}
+
+.signup-inline button.success {
+  background: hsl(145, 50%, 38%);
+}
+
+.dark .signup-inline button.success {
+  background: hsl(145, 50%, 45%);
+}
+
+.signup-inline .signup-ok {
+  margin-top: 0.5rem;
+  font-size: 0.8rem;
+  color: hsl(145, 50%, 38%);
+}
+
+.dark .signup-inline .signup-ok {
+  color: hsl(145, 50%, 55%);
+}

apps/docs/components/signup-form.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { useState, type FormEvent } from "react";
+
+const APPS_SCRIPT_URL =
+  "https://script.google.com/macros/s/AKfycbw17ppbh2l-VjrIyFjAmI7aqFjJZSuB-ycN8iAOzyM8q1Eh07X9leKhvSsxbzfR7IY/exec";
+
+export function SignupForm({ label = "Get Updates" }: { label?: string }) {
+  const [email, setEmail] = useState("");
+  const [status, setStatus] = useState<"idle" | "submitting" | "success">(
+    "idle"
+  );
+
+  const handleSubmit = (e: FormEvent) => {
+    e.preventDefault();
+    if (!email) return;
+
+    setStatus("submitting");
+
+    const iframe = document.createElement("iframe");
+    iframe.name = "gitmem-signup-frame";
+    iframe.style.display = "none";
+    document.body.appendChild(iframe);
+
+    const form = document.createElement("form");
+    form.method = "POST";
+    form.action = APPS_SCRIPT_URL;
+    form.target = "gitmem-signup-frame";
+
+    const input = document.createElement("input");
+    input.type = "hidden";
+    input.name = "email";
+    input.value = email;
+    form.appendChild(input);
+
+    document.body.appendChild(form);
+    form.submit();
+
+    setTimeout(() => {
+      form.remove();
+      iframe.remove();
+      setStatus("success");
+      setEmail("");
+    }, 1500);
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="signup-inline">
+      <div className="signup-row">
+        <input
+          type="email"
+          value={email}
+          onChange={(e) => setEmail(e.target.value)}
+          placeholder="you@example.com"
+          disabled={status !== "idle"}
+          required
+        />
+        <button
+          type="submit"
+          disabled={status !== "idle"}
+          className={status === "success" ? "success" : ""}
+        >
+          {status === "idle" && label}
+          {status === "submitting" && "Joining..."}
+          {status === "success" && "\u2713 Subscribed"}
+        </button>
+      </div>
+      {status === "success" && (
+        <p className="signup-ok">You're in. Updates only when they matter.</p>
+      )}
+    </form>
+  );
+}

apps/docs/content/docs/concepts/tiers.mdx

@@ -3,6 +3,8 @@ title: Tiers
 description: GitMem's tier system and how it affects available features.
 ---
 
+import { SignupForm } from '@/components/signup-form'
+
 # Tiers
 
 GitMem has three tiers that control which tools and storage backends are available.
@@ -24,7 +26,9 @@ Set via: `GITMEM_TIER=free` (default)
 - **Tools:** 29 tools (adds batch, transcripts, cache management)
 - **Best for:** Teams, multi-machine workflows, production use
 
-Pro is currently in development. [Join the mailing list](https://gitmem.ai) to get notified when it launches.
+Pro is currently in development. Join the mailing list to get notified when it launches:
+
+<SignupForm label="Notify Me" />
 
 ## Additional Tools (Pro)
 

apps/docs/content/docs/getting-started/configuration.mdx

@@ -3,6 +3,8 @@ title: Configuration
 description: Configure GitMem with environment variables and config files.
 ---
 
+import { SignupForm } from '@/components/signup-form'
+
 # Configuration
 
 GitMem works out of the box with zero configuration on the free tier. For Pro tier features (Supabase storage, semantic search), you'll need environment variables.
@@ -34,7 +36,9 @@ Add `.gitmem/` to your `.gitignore` — session data is machine-specific.
 
 ### Pro Tier (Coming Soon)
 
-Pro will add Supabase PostgreSQL with pgvector for semantic search, cross-machine sync, and shared team memory. [Join the mailing list](https://gitmem.ai) to get notified.
+Pro will add Supabase PostgreSQL with pgvector for semantic search, cross-machine sync, and shared team memory. Sign up to get notified:
+
+<SignupForm label="Notify Me" />
 
 ## Project Namespaces
 

apps/docs/content/docs/getting-started/free-vs-pro.mdx

@@ -3,6 +3,8 @@ title: Free vs Pro
 description: What you get today with the free tier and what's coming with Pro.
 ---
 
+import { SignupForm } from '@/components/signup-form'
+
 # Free vs Pro
 
 GitMem ships with a fully functional free tier — everything you need to give your AI agents institutional memory. Pro will add cloud storage and team features.
@@ -43,4 +45,6 @@ Pro adds cloud-powered features for teams and power users:
 - You need session transcript storage
 - You're running multi-agent workflows across environments
 
-[Join the mailing list](https://gitmem.ai) to get notified when Pro launches.
+Join the mailing list to get notified when Pro launches:
+
+<SignupForm label="Notify Me" />