From e7f2629ef9cd90abd343e6b1402efa26aabaa4ae Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 3 Mar 2026 03:38:40 +0000
Subject: [PATCH 1/2] Initial plan


From 0c14faa33c94d2da7092b616edbfe314127212f1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 3 Mar 2026 03:43:16 +0000
Subject: [PATCH 2/2] Add push/subscribe page with newsletter sign-up,
 benefits, and social proof

Co-authored-by: CamelCod <149741600+CamelCod@users.noreply.github.com>
---
 website/package-lock.json           |  12 +-
 website/src/components/Header.astro |   1 +
 website/src/lib/types.ts            |   2 +-
 website/src/pages/api/subscribe.ts  |   2 +-
 website/src/pages/push/index.astro  | 267 ++++++++++++++++++++++++++++
 5 files changed, 272 insertions(+), 12 deletions(-)
 create mode 100644 website/src/pages/push/index.astro

diff --git a/website/package-lock.json b/website/package-lock.json
index 6d4e38b..665bcc1 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -2092,7 +2092,6 @@
       "resolved": "https://registry.npmjs.org/astro/-/astro-5.17.2.tgz",
       "integrity": "sha512-7jnMqGo53hOQNwo1N/wqeOvUp8wwW/p+DeerSjSkHNx8L/1mhy6P7rVo7EhdmF8DpKqw0tl/B5Fx1WcIzg1ysA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@astrojs/compiler": "^2.13.0",
         "@astrojs/internal-helpers": "0.7.5",
@@ -2778,7 +2777,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4299,7 +4297,6 @@
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
       "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -5634,7 +5631,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -5770,7 +5766,6 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.8.1.tgz",
       "integrity": "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -6275,7 +6270,8 @@
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
       "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/selderee": {
       "version": "0.11.0",
@@ -6518,7 +6514,6 @@
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
       "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -6769,7 +6764,6 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -7171,7 +7165,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -7747,7 +7740,6 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
diff --git a/website/src/components/Header.astro b/website/src/components/Header.astro
index 774a115..56f61a5 100644
--- a/website/src/components/Header.astro
+++ b/website/src/components/Header.astro
@@ -5,6 +5,7 @@ const navigation = [
   { name: 'Blog', href: `${base}blog` },
   { name: 'Analysis', href: `${base}analysis` },
   { name: 'Resources', href: `${base}resources` },
+  { name: 'Subscribe', href: `${base}push` },
 ];
 ---
 
diff --git a/website/src/lib/types.ts b/website/src/lib/types.ts
index 0aabfcd..c98bd7f 100644
--- a/website/src/lib/types.ts
+++ b/website/src/lib/types.ts
@@ -49,7 +49,7 @@ export interface Resource {
 export interface Lead {
   email: string;
   name?: string;
-  source: 'Blog' | 'Analysis' | 'Resource';
+  source: 'Blog' | 'Analysis' | 'Resource' | 'Newsletter';
   resourceDownloaded?: string;
 }
 
diff --git a/website/src/pages/api/subscribe.ts b/website/src/pages/api/subscribe.ts
index 4771c11..2d3f92b 100644
--- a/website/src/pages/api/subscribe.ts
+++ b/website/src/pages/api/subscribe.ts
@@ -17,7 +17,7 @@ export const POST: APIRoute = async ({ request }) => {
     }
     
     // Validate source
-    const validSources = ['Blog', 'Analysis', 'Resource'];
+    const validSources = ['Blog', 'Analysis', 'Resource', 'Newsletter'];
     if (!source || !validSources.includes(source)) {
       return new Response(
         JSON.stringify({ error: 'Invalid source' }),
diff --git a/website/src/pages/push/index.astro b/website/src/pages/push/index.astro
new file mode 100644
index 0000000..b11bc5a
--- /dev/null
+++ b/website/src/pages/push/index.astro
@@ -0,0 +1,267 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import Header from '../../components/Header.astro';
+import Footer from '../../components/Footer.astro';
+
+const base = import.meta.env.BASE_URL;
+---
+
+<BaseLayout 
+  title="Subscribe | AgentCraft"
+  description="Stay ahead of the curve. Get the latest AI agent tutorials, market analysis, and exclusive resources delivered straight to your inbox."
+>
+  <Header />
+
+  <main class="min-h-screen bg-gray-50">
+    <!-- Hero Section -->
+    <section class="bg-gradient-to-br from-primary-600 via-purple-600 to-pink-600 text-white py-20">
+      <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+        <div class="text-6xl mb-6">📬</div>
+        <h1 class="text-5xl md:text-6xl font-bold mb-6">
+          Stay Ahead of the Curve
+        </h1>
+        <p class="text-xl md:text-2xl opacity-90 mb-4 max-w-2xl mx-auto">
+          Join thousands of AI builders and automation experts getting the latest 
+          insights delivered straight to their inbox.
+        </p>
+        <p class="text-base opacity-75">
+          No spam. Unsubscribe anytime. We respect your privacy.
+        </p>
+      </div>
+    </section>
+
+    <!-- Benefits + Form Section -->
+    <section class="py-16">
+      <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
+
+          <!-- Benefits -->
+          <div>
+            <h2 class="text-3xl font-bold mb-8">What you'll get</h2>
+            <div class="space-y-6">
+              <div class="flex items-start gap-4">
+                <div class="text-3xl flex-shrink-0">📚</div>
+                <div>
+                  <h3 class="text-xl font-semibold mb-1">In-Depth Tutorials</h3>
+                  <p class="text-gray-600">
+                    Step-by-step guides for building and deploying production-ready 
+                    AI agents, sent directly to you as they publish.
+                  </p>
+                </div>
+              </div>
+
+              <div class="flex items-start gap-4">
+                <div class="text-3xl flex-shrink-0">📊</div>
+                <div>
+                  <h3 class="text-xl font-semibold mb-1">Market Analysis</h3>
+                  <p class="text-gray-600">
+                    Curated research and expert insights on AI trends, emerging tools, 
+                    and industry best practices — before everyone else.
+                  </p>
+                </div>
+              </div>
+
+              <div class="flex items-start gap-4">
+                <div class="text-3xl flex-shrink-0">🔧</div>
+                <div>
+                  <h3 class="text-xl font-semibold mb-1">Exclusive Resources</h3>
+                  <p class="text-gray-600">
+                    Subscribers-only templates, checklists, and tools to accelerate 
+                    your agent development workflow.
+                  </p>
+                </div>
+              </div>
+
+              <div class="flex items-start gap-4">
+                <div class="text-3xl flex-shrink-0">🚀</div>
+                <div>
+                  <h3 class="text-xl font-semibold mb-1">Early Access</h3>
+                  <p class="text-gray-600">
+                    Be the first to know about new agent releases, community events, 
+                    and special announcements from the AgentCraft team.
+                  </p>
+                </div>
+              </div>
+            </div>
+
+            <!-- Social Proof -->
+            <div class="mt-10 p-6 bg-white rounded-lg shadow-sm border border-gray-100">
+              <p class="text-gray-500 text-sm mb-4 font-medium uppercase tracking-wide">
+                Trusted by builders worldwide
+              </p>
+              <div class="flex flex-wrap gap-4">
+                <div class="flex items-center gap-2">
+                  <span class="text-2xl font-bold text-primary-600">1K+</span>
+                  <span class="text-gray-600 text-sm">Subscribers</span>
+                </div>
+                <div class="w-px bg-gray-200"></div>
+                <div class="flex items-center gap-2">
+                  <span class="text-2xl font-bold text-primary-600">Weekly</span>
+                  <span class="text-gray-600 text-sm">Digest</span>
+                </div>
+                <div class="w-px bg-gray-200"></div>
+                <div class="flex items-center gap-2">
+                  <span class="text-2xl font-bold text-primary-600">100%</span>
+                  <span class="text-gray-600 text-sm">Free</span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- Subscription Form -->
+          <div class="bg-white rounded-xl shadow-lg p-8 border border-gray-100">
+            <h2 class="text-2xl font-bold mb-2">Subscribe now</h2>
+            <p class="text-gray-600 mb-6">
+              Get your first issue in your inbox within the next 7 days.
+            </p>
+
+            <form id="push-subscribe-form" class="space-y-4" data-base-url={base}>
+              <div>
+                <label for="push-name" class="block text-sm font-medium text-gray-700 mb-1">
+                  Name <span class="text-gray-400">(optional)</span>
+                </label>
+                <input
+                  type="text"
+                  id="push-name"
+                  name="name"
+                  placeholder="Your name"
+                  class="input"
+                />
+              </div>
+
+              <div>
+                <label for="push-email" class="block text-sm font-medium text-gray-700 mb-1">
+                  Email <span class="text-red-500">*</span>
+                </label>
+                <input
+                  type="email"
+                  id="push-email"
+                  name="email"
+                  placeholder="you@example.com"
+                  required
+                  class="input"
+                />
+              </div>
+
+              <button
+                type="submit"
+                id="push-submit"
+                class="btn btn-primary w-full text-base py-3"
+                aria-busy="false"
+              >
+                <span id="push-button-text">Subscribe — It's Free</span>
+                <span id="push-button-loading" class="hidden">Subscribing...</span>
+              </button>
+
+              <div
+                id="push-message"
+                class="hidden text-center p-3 rounded-lg text-sm"
+                role="status"
+                aria-live="polite"
+              ></div>
+
+              <p class="text-xs text-gray-400 text-center">
+                By subscribing you agree to receive email updates from AgentCraft. 
+                Unsubscribe at any time.
+              </p>
+            </form>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- What Others Say Section -->
+    <section class="py-16 bg-white">
+      <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+        <h2 class="text-3xl font-bold text-center mb-12">Why subscribe?</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div class="text-center p-6">
+            <div class="text-4xl mb-4">⚡</div>
+            <h3 class="text-lg font-semibold mb-2">Stay Current</h3>
+            <p class="text-gray-600 text-sm">
+              The AI landscape moves fast. Our curated digest keeps you informed 
+              without the noise.
+            </p>
+          </div>
+          <div class="text-center p-6">
+            <div class="text-4xl mb-4">🎯</div>
+            <h3 class="text-lg font-semibold mb-2">Actionable Insights</h3>
+            <p class="text-gray-600 text-sm">
+              Every issue is packed with practical takeaways you can apply 
+              to your projects immediately.
+            </p>
+          </div>
+          <div class="text-center p-6">
+            <div class="text-4xl mb-4">🌐</div>
+            <h3 class="text-lg font-semibold mb-2">Join the Community</h3>
+            <p class="text-gray-600 text-sm">
+              Connect with like-minded builders and automation enthusiasts 
+              from around the world.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <Footer />
+</BaseLayout>
+
+<script>
+  const form = document.getElementById('push-subscribe-form') as HTMLFormElement;
+  const submitButton = document.getElementById('push-submit') as HTMLButtonElement;
+  const buttonText = document.getElementById('push-button-text') as HTMLElement;
+  const buttonLoading = document.getElementById('push-button-loading') as HTMLElement;
+  const message = document.getElementById('push-message') as HTMLElement;
+
+  form?.addEventListener('submit', async (e) => {
+    e.preventDefault();
+
+    const formData = new FormData(form);
+    const email = formData.get('email') as string;
+    const name = (formData.get('name') as string) || '';
+    const baseUrl = form.dataset.baseUrl || '';
+
+    submitButton.disabled = true;
+    submitButton.setAttribute('aria-busy', 'true');
+    buttonText.classList.add('hidden');
+    buttonLoading.classList.remove('hidden');
+    message.classList.add('hidden');
+
+    try {
+      const response = await fetch(`${baseUrl}api/subscribe`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          email,
+          name,
+          source: 'Newsletter',
+          resourceDownloaded: ''
+        })
+      });
+
+      const data = await response.json();
+
+      if (response.ok) {
+        message.textContent = '✅ You\'re subscribed! Check your inbox for a welcome email.';
+        message.classList.remove('hidden', 'bg-red-100', 'text-red-700');
+        message.classList.add('bg-green-100', 'text-green-700');
+        form.reset();
+      } else {
+        throw new Error(data.error || 'Failed to subscribe');
+      }
+    } catch (error) {
+      const msg = error instanceof Error ? error.message : '';
+      message.textContent = msg
+        ? `❌ ${msg}. Please check your email address and try again.`
+        : '❌ Unable to subscribe. Please check your email address and try again.';
+      message.classList.remove('hidden', 'bg-green-100', 'text-green-700');
+      message.classList.add('bg-red-100', 'text-red-700');
+    } finally {
+      submitButton.disabled = false;
+      submitButton.setAttribute('aria-busy', 'false');
+      buttonText.classList.remove('hidden');
+      buttonLoading.classList.add('hidden');
+    }
+  });
+</script>