@contractspec/bundle.marketing 1.12.0 → 1.13.0

package/dist/components/marketing/waitlist-section.js

@@ -1,578 +1,1099 @@
-'use client';
+// @bun
+var __require = import.meta.require;
 
-import { joinWaitlist } from "../../libs/email/waitlist.js";
-import { submitWaitlistApplication } from "../../libs/email/waitlist-application.js";
-import { Button, Input, Textarea } from "@contractspec/lib.design-system";
-import { AlertCircle, CheckCircle } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/libs/email/client.ts
+import { createClient, Temv1alpha1 } from "@scaleway/sdk";
+import { Logger } from "@contractspec/lib.logger";
+var DEFAULT_FROM = {
+  email: "noreply@transactional.contractspec.io",
+  name: "ContractSpec"
+};
+var DEFAULT_TEAM_INBOX = {
+  email: "contact@contractspec.io",
+  name: "ContractSpec Team"
+};
+var DEFAULT_REGION = "fr-par";
+var cachedConfig = null;
+var cachedClient = null;
+var apiFactory = (client) => new Temv1alpha1.API(client);
+var mapRegion = (value) => {
+  const normalized = value?.trim().toLowerCase();
+  if (normalized === "par" || normalized === "fr-par")
+    return "fr-par";
+  if (normalized === "ams" || normalized === "nl-ams")
+    return "nl-ams";
+  if (normalized === "waw" || normalized === "pl-waw")
+    return "pl-waw";
+  return DEFAULT_REGION;
+};
+var getEmailConfig = () => {
+  if (cachedConfig) {
+    return { ok: true, config: cachedConfig };
+  }
+  const accessKey = process.env.SCALEWAY_ACCESS_KEY || process.env.SCALEWAY_ACCESS_KEY_QUEUE;
+  const secretKey = process.env.SCALEWAY_SECRET_KEY || process.env.SCALEWAY_SECRET_KEY_QUEUE;
+  const projectId = process.env.SCALEWAY_PROJECT_ID;
+  if (!accessKey || !secretKey || !projectId) {
+    return {
+      ok: false,
+      errorMessage: "Email service is not configured. Please contact us directly at contact@contractspec.io."
+    };
+  }
+  const region = mapRegion(process.env.SCALEWAY_REGION);
+  cachedConfig = {
+    accessKey,
+    secretKey,
+    projectId,
+    region,
+    defaultZone: `${region}-1`,
+    from: {
+      email: process.env.SCALEWAY_EMAIL_FROM_EMAIL ?? DEFAULT_FROM.email,
+      name: process.env.SCALEWAY_EMAIL_FROM_NAME ?? DEFAULT_FROM.name
+    },
+    teamInbox: {
+      email: process.env.SCALEWAY_EMAIL_TEAM_EMAIL ?? DEFAULT_TEAM_INBOX.email,
+      name: process.env.SCALEWAY_EMAIL_TEAM_NAME ?? DEFAULT_TEAM_INBOX.name
+    }
+  };
+  return { ok: true, config: cachedConfig };
+};
+var getTemClient = (config) => {
+  if (cachedClient) {
+    return cachedClient;
+  }
+  const client = createClient({
+    accessKey: config.accessKey,
+    secretKey: config.secretKey,
+    defaultProjectId: config.projectId,
+    defaultRegion: config.region,
+    defaultZone: config.defaultZone
+  });
+  cachedClient = apiFactory(client);
+  return cachedClient;
+};
+var sendEmail = async (config, request) => {
+  try {
+    const client = getTemClient(config);
+    await client.createEmail({
+      region: config.region,
+      projectId: config.projectId,
+      from: config.from,
+      to: request.to,
+      subject: request.subject,
+      text: request.text,
+      html: request.html || request.text,
+      additionalHeaders: request.replyTo ? [{ key: "Reply-To", value: request.replyTo }] : undefined
+    });
+    return { success: true };
+  } catch (error) {
+    new Logger().error("scaleway_tem_email_send_failed", {
+      context: request.context ?? "email",
+      error: error instanceof Error ? error.message : error
+    });
+    return {
+      success: false,
+      error,
+      errorMessage: "Failed to send email via Scaleway."
+    };
+  }
+};
+var __internal = {
+  resetCaches() {
+    cachedClient = null;
+    cachedConfig = null;
+    apiFactory = (client) => new Temv1alpha1.API(client);
+  },
+  setApiFactory(factory) {
+    apiFactory = factory;
+  },
+  setClient(client) {
+    cachedClient = client;
+  }
+};
+
+// src/libs/email/utils.ts
+var escapeHtml = (value) => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+var formatMultilineHtml = (value) => escapeHtml(value).replaceAll(`
+`, "<br />");
+
+// src/libs/email/waitlist.ts
+"use server";
+var WAITLIST_MISSING_CONFIG = "Waitlist service is not configured. Please try again later.";
+var WAITLIST_SEND_ERROR = "Failed to join waitlist. Please try again later or contact us directly.";
+var joinWaitlist = async (formData) => {
+  const email = (formData.get("email") ?? "").toString().trim();
+  if (!email || !email.includes("@")) {
+    return {
+      success: false,
+      text: "Please enter a valid email address."
+    };
+  }
+  const configResult = getEmailConfig();
+  if (!configResult.ok || !configResult.config) {
+    return {
+      success: false,
+      text: configResult.errorMessage ?? WAITLIST_MISSING_CONFIG
+    };
+  }
+  const waitlistText = `
+You're on the waitlist!
+
+Thanks for joining the ContractSpec waitlist. You're now in line for early access to:
+
+\u2022 Stabilize your AI-generated code with ContractSpec
+\u2022 Multi-surface consistency (API, DB, UI, events)
+\u2022 Safe regeneration without breaking changes
+\u2022 AI governance and contract enforcement
+
+We'll notify you as soon as early access is available. In the meantime, you can:
+
+\u2022 Check out our docs: https://contractspec.io/docs
+\u2022 Follow our progress on GitHub
+\u2022 Book a demo call to see ContractSpec in action
+
+We're excited to have you on board!
+
+---
+ContractSpec Team
+https://contractspec.io
+
+To remove yourself from the waitlist, reply to this email with "remove"
+  `.trim();
+  const waitlistHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">You're on the waitlist!</h1>
+      <p>Thanks for joining the ContractSpec waitlist. You're now in line for early access to:</p>
+      <ul style="line-height: 1.8;">
+        <li>Stabilize your AI-generated code with ContractSpec</li>
+        <li>Multi-surface consistency (API, DB, UI, events)</li>
+        <li>Safe regeneration without breaking changes</li>
+        <li>AI governance and contract enforcement</li>
+      </ul>
+      <p>We'll notify you as soon as early access is available. In the meantime, you can:</p>
+      <ul style="line-height: 1.8;">
+        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
+        <li>Follow our progress on GitHub</li>
+        <li>Book a demo call to see ContractSpec in action</li>
+      </ul>
+      <p>We're excited to have you on board!</p>
+      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
+      <p style="color: #6b7280; font-size: 14px;">
+        ContractSpec Team<br />
+        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
+      </p>
+      <p style="color: #9ca3af; font-size: 12px;">
+        To remove yourself from the waitlist, reply to this email with "remove"
+      </p>
+    </div>
+  `;
+  const userSend = await sendEmail(configResult.config, {
+    to: [{ email }],
+    subject: "You're on the ContractSpec waitlist!",
+    text: waitlistText,
+    html: waitlistHtml,
+    context: "waitlist-welcome"
+  });
+  if (!userSend.success) {
+    return { success: false, text: WAITLIST_SEND_ERROR };
+  }
+  const teamNotificationText = `New waitlist signup from: ${email}`;
+  const teamNotificationHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <p style="margin: 0 0 8px;">New waitlist signup</p>
+      <p style="margin: 0;"><strong>Email:</strong> ${formatMultilineHtml(email)}</p>
+    </div>
+  `;
+  const teamSend = await sendEmail(configResult.config, {
+    to: [configResult.config.teamInbox],
+    subject: `New Waitlist Signup: ${email}`,
+    text: teamNotificationText,
+    html: teamNotificationHtml,
+    context: "waitlist-team-notification"
+  });
+  if (!teamSend.success) {
+    return { success: false, text: WAITLIST_SEND_ERROR };
+  }
+  return { success: true, text: "Successfully joined waitlist!" };
+};
+
+// src/libs/email/waitlist-application.ts
+"use server";
+var APPLICATION_MISSING_CONFIG = "Waitlist application service is not configured. Please try again later.";
+var APPLICATION_SEND_ERROR = "Failed to submit application. Please try again later or contact us directly.";
+var submitWaitlistApplication = async (formData) => {
+  const email = (formData.get("email") ?? "").toString().trim();
+  const name = (formData.get("name") ?? "").toString().trim();
+  const company = (formData.get("company") ?? "").toString().trim();
+  const role = (formData.get("role") ?? "").toString().trim();
+  const useCase = (formData.get("useCase") ?? "").toString().trim();
+  const currentStack = (formData.get("currentStack") ?? "").toString().trim();
+  const whatBuilding = (formData.get("whatBuilding") ?? "").toString().trim();
+  const whatSolving = (formData.get("whatSolving") ?? "").toString().trim();
+  const teamSize = (formData.get("teamSize") ?? "").toString().trim();
+  const timeline = (formData.get("timeline") ?? "").toString().trim();
+  const openToSessions = formData.get("openToSessions") === "on";
+  const okayWithCaseStudies = formData.get("okayWithCaseStudies") === "on";
+  if (!email || !email.includes("@")) {
+    return {
+      success: false,
+      text: "Please enter a valid email address."
+    };
+  }
+  if (!name || !whatBuilding || !whatSolving) {
+    return {
+      success: false,
+      text: "Please fill in all required fields."
+    };
+  }
+  const configResult = getEmailConfig();
+  if (!configResult.ok || !configResult.config) {
+    return {
+      success: false,
+      text: configResult.errorMessage ?? APPLICATION_MISSING_CONFIG
+    };
+  }
+  const applicantText = `
+You're on the list.
+
+Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.
+
+What happens next:
+\u2022 We review applications weekly
+\u2022 If selected, we'll reach out via email to schedule an intro call
+\u2022 During early access, you'll get hands-on support and influence over the roadmap
+
+In the meantime:
+\u2022 Check out our docs: https://contractspec.io/docs
+\u2022 Book a demo call: https://contractspec.io/contact
+
+We're excited about the possibility of working together!
+
+---
+ContractSpec Team
+https://contractspec.io
+  `.trim();
+  const applicantHtml = `
+    <div style="font-family: sans-serif; max-width: 640px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">You're on the list.</h1>
+      <p>Thanks for applying to the ContractSpec design partner program. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally.</p>
+      <h2 style="color: #8b5cf6; margin-top: 24px;">What happens next:</h2>
+      <ul style="line-height: 1.8;">
+        <li>We review applications weekly</li>
+        <li>If selected, we'll reach out via email to schedule an intro call</li>
+        <li>During early access, you'll get hands-on support and influence over the roadmap</li>
+      </ul>
+      <h2 style="color: #8b5cf6; margin-top: 24px;">In the meantime:</h2>
+      <ul style="line-height: 1.8;">
+        <li>Check out our <a href="https://contractspec.io/docs" style="color: #8b5cf6;">docs</a></li>
+        <li>Book a demo call: <a href="https://contractspec.io/contact" style="color: #8b5cf6;">contractspec.io/contact</a></li>
+      </ul>
+      <p>We're excited about the possibility of working together!</p>
+      <hr style="margin: 30px 0; border: none; border-top: 1px solid #e5e7eb;" />
+      <p style="color: #6b7280; font-size: 14px;">
+        ContractSpec Team<br />
+        <a href="https://contractspec.io" style="color: #8b5cf6;">contractspec.io</a>
+      </p>
+    </div>
+  `;
+  const applicantSend = await sendEmail(configResult.config, {
+    to: [{ email }],
+    subject: "You're on the ContractSpec design partner waitlist!",
+    text: applicantText,
+    html: applicantHtml,
+    context: "waitlist-application-welcome"
+  });
+  if (!applicantSend.success) {
+    return { success: false, text: APPLICATION_SEND_ERROR };
+  }
+  const preferencesText = `
+Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
+Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
+  `.trim();
+  const teamEmailText = `
+New Design Partner Waitlist Application
+
+Contact Information:
+- Name: ${name}
+- Email: ${email}
+${company ? `- Company/Project: ${company}` : ""}
+${role ? `- Role: ${role}` : ""}
+
+Application Details:
+- What are you building with AI today?
+${whatBuilding}
+
+- What do you hope ContractSpec will solve for you?
+${whatSolving}
+
+- Primary use case: ${useCase || "Not specified"}
+- Current stack: ${currentStack || "Not specified"}
+- Team Size: ${teamSize || "Not specified"}
+- Timeline: ${timeline || "Not specified"}
+
+Preferences:
+- Open to 1:1 product/design sessions: ${openToSessions ? "Yes" : "No"}
+- Okay with anonymized case studies: ${okayWithCaseStudies ? "Yes" : "No"}
+
+---
+Submitted via ContractSpec waitlist application form
+  `.trim();
+  const teamEmailHtml = `
+    <div style="font-family: sans-serif; max-width: 720px; margin: 0 auto;">
+      <h1 style="color: #8b5cf6;">New Design Partner Waitlist Application</h1>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Contact Information</h2>
+      <ul style="padding-left: 16px; line-height: 1.6; margin: 0 0 16px;">
+        <li>Name: ${escapeHtml(name)}</li>
+        <li>Email: ${escapeHtml(email)}</li>
+        ${company ? `<li>Company/Project: ${escapeHtml(company)}</li>` : ""}
+        ${role ? `<li>Role: ${escapeHtml(role)}</li>` : ""}
+      </ul>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Application Details</h2>
+      <p style="margin: 0 0 8px; font-weight: 600;">What are you building with AI today?</p>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
+        ${formatMultilineHtml(whatBuilding)}
+      </div>
+      <p style="margin: 16px 0 8px; font-weight: 600;">What do you hope ContractSpec will solve for you?</p>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; white-space: pre-wrap; line-height: 1.6;">
+        ${formatMultilineHtml(whatSolving)}
+      </div>
+      <ul style="padding-left: 16px; line-height: 1.6; margin: 16px 0;">
+        <li>Primary use case: ${escapeHtml(useCase || "Not specified")}</li>
+        <li>Current stack: ${escapeHtml(currentStack || "Not specified")}</li>
+        <li>Team Size: ${escapeHtml(teamSize || "Not specified")}</li>
+        <li>Timeline: ${escapeHtml(timeline || "Not specified")}</li>
+      </ul>
+      <h2 style="color: #8b5cf6; margin: 16px 0 8px;">Preferences</h2>
+      <div style="border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px; background: #f9fafb; line-height: 1.6;">
+        ${formatMultilineHtml(preferencesText)}
+      </div>
+      <p style="color: #6b7280; font-size: 12px; margin-top: 20px;">Submitted via ContractSpec waitlist application form</p>
+    </div>
+  `;
+  const teamSend = await sendEmail(configResult.config, {
+    to: [configResult.config.teamInbox],
+    subject: `New Design Partner Application: ${name} (${email})`,
+    text: teamEmailText,
+    html: teamEmailHtml,
+    replyTo: email,
+    context: "waitlist-application-team-notification"
+  });
+  if (!teamSend.success) {
+    return { success: false, text: APPLICATION_SEND_ERROR };
+  }
+  return {
+    success: true,
+    text: "Application submitted successfully!"
+  };
+};
+
+// src/components/marketing/waitlist-section.tsx
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import z from "zod";
+import { AlertCircle, CheckCircle } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
+import { Textarea } from "@contractspec/lib.design-system";
 import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@contractspec/lib.ui-kit-web/ui/select";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@contractspec/lib.ui-kit-web/ui/select";
 import { Checkbox } from "@contractspec/lib.ui-kit-web/ui/checkbox";
 import { Switch } from "@contractspec/lib.ui-kit-web/ui/switch";
-
-//#region src/components/marketing/waitlist-section.tsx
-const simpleWaitlistSchema = z.object({ email: z.email("Please enter a valid email address") });
-const designPartnerSchema = z.object({
-	name: z.string().min(1, "Name is required"),
-	email: z.email("Please enter a valid email address"),
-	company: z.string().optional(),
-	role: z.string().optional(),
-	useCase: z.string().optional(),
-	currentStack: z.string().optional(),
-	whatBuilding: z.string().min(1, "Please tell us what you are building"),
-	whatSolving: z.string().min(1, "Please tell us what ContractSpec will solve for you"),
-	teamSize: z.string().optional(),
-	timeline: z.string().optional(),
-	openToSessions: z.boolean().default(false),
-	okayWithCaseStudies: z.boolean().default(false)
+import { Input } from "@contractspec/lib.design-system";
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
+var simpleWaitlistSchema = z.object({
+  email: z.email("Please enter a valid email address")
+});
+var designPartnerSchema = z.object({
+  name: z.string().min(1, "Name is required"),
+  email: z.email("Please enter a valid email address"),
+  company: z.string().optional(),
+  role: z.string().optional(),
+  useCase: z.string().optional(),
+  currentStack: z.string().optional(),
+  whatBuilding: z.string().min(1, "Please tell us what you are building"),
+  whatSolving: z.string().min(1, "Please tell us what ContractSpec will solve for you"),
+  teamSize: z.string().optional(),
+  timeline: z.string().optional(),
+  openToSessions: z.boolean().default(false),
+  okayWithCaseStudies: z.boolean().default(false)
 });
-function WaitlistSection({ variant = "default", context = "pricing" }) {
-	const [isDesignPartner, setIsDesignPartner] = useState(false);
-	const [submitResult, setSubmitResult] = useState(null);
-	const [isPending, setIsPending] = useState(false);
-	const simpleForm = useForm({
-		resolver: zodResolver(simpleWaitlistSchema),
-		defaultValues: { email: "" }
-	});
-	const designPartnerForm = useForm({
-		resolver: zodResolver(designPartnerSchema),
-		defaultValues: {
-			name: "",
-			email: "",
-			company: "",
-			role: "",
-			useCase: "",
-			currentStack: "",
-			whatBuilding: "",
-			whatSolving: "",
-			teamSize: "",
-			timeline: "",
-			openToSessions: false,
-			okayWithCaseStudies: false
-		}
-	});
-	const simpleEmail = simpleForm.watch("email");
-	const designPartnerEmail = designPartnerForm.watch("email");
-	useEffect(() => {
-		const currentDesignPartnerEmail = designPartnerForm.getValues("email");
-		if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) designPartnerForm.setValue("email", simpleEmail, { shouldDirty: false });
-	}, [simpleEmail, designPartnerForm]);
-	useEffect(() => {
-		const currentSimpleEmail = simpleForm.getValues("email");
-		if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) simpleForm.setValue("email", designPartnerEmail, { shouldDirty: false });
-	}, [designPartnerEmail, simpleForm]);
-	const handleSimpleSubmit = async (data) => {
-		setIsPending(true);
-		setSubmitResult(null);
-		try {
-			const formData = new FormData();
-			formData.set("email", data.email);
-			const result = await joinWaitlist(formData);
-			if (result.success) {
-				setSubmitResult({
-					success: true,
-					text: "Thanks for joining the waitlist! Check your inbox for a confirmation."
-				});
-				simpleForm.reset();
-			} else setSubmitResult({
-				success: false,
-				text: result.text || "Failed to join waitlist. Please try again."
-			});
-		} catch (_error) {
-			setSubmitResult({
-				success: false,
-				text: "Failed to join waitlist. Please try again."
-			});
-		} finally {
-			setIsPending(false);
-		}
-	};
-	const handleDesignPartnerSubmit = async (data) => {
-		setIsPending(true);
-		setSubmitResult(null);
-		try {
-			const formData = new FormData();
-			formData.set("email", data.email);
-			formData.set("name", data.name);
-			if (data.company) formData.set("company", data.company);
-			if (data.role) formData.set("role", data.role);
-			if (data.useCase) formData.set("useCase", data.useCase);
-			if (data.currentStack) formData.set("currentStack", data.currentStack);
-			formData.set("whatBuilding", data.whatBuilding);
-			formData.set("whatSolving", data.whatSolving);
-			if (data.teamSize) formData.set("teamSize", data.teamSize);
-			if (data.timeline) formData.set("timeline", data.timeline);
-			if (data.openToSessions) formData.set("openToSessions", "on");
-			if (data.okayWithCaseStudies) formData.set("okayWithCaseStudies", "on");
-			const result = await submitWaitlistApplication(formData);
-			if (result.success) {
-				setSubmitResult({
-					success: true,
-					text: "You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally."
-				});
-				designPartnerForm.reset();
-			} else setSubmitResult({
-				success: false,
-				text: result.text || "Failed to submit application. Please try again."
-			});
-		} catch (_error) {
-			setSubmitResult({
-				success: false,
-				text: "Failed to submit application. Please try again."
-			});
-		} finally {
-			setIsPending(false);
-		}
-	};
-	const onSubmit = isDesignPartner ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit) : simpleForm.handleSubmit(handleSimpleSubmit);
-	const isCompact = variant === "compact";
-	return /* @__PURE__ */ jsxs("div", {
-		id: "waitlist",
-		className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
-		children: [
-			!isCompact && /* @__PURE__ */ jsxs("div", {
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
-						children: /* @__PURE__ */ jsx("span", {
-							className: "text-sm font-medium text-violet-300",
-							children: isDesignPartner ? "Design Partner Waitlist" : "Join the Waitlist"
-						})
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold",
-						children: isDesignPartner ? "Apply for early access to ContractSpec" : "Get early access to ContractSpec"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: isDesignPartner ? "Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most." : "Join the waitlist to be notified when ContractSpec becomes available."
-					})
-				]
-			}),
-			!isCompact && /* @__PURE__ */ jsxs("div", {
-				className: "border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "space-y-1",
-					children: [/* @__PURE__ */ jsx(Label, {
-						htmlFor: "design-partner-toggle",
-						className: "text-sm font-medium",
-						children: "Apply as a design partner"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-xs",
-						children: isDesignPartner ? "Get hands-on support, influence the roadmap, and founding discount" : "Get priority access, 1:1 onboarding, and help shape ContractSpec"
-					})]
-				}), /* @__PURE__ */ jsx(Switch, {
-					id: "design-partner-toggle",
-					checked: isDesignPartner,
-					onCheckedChange: setIsDesignPartner,
-					disabled: isPending || submitResult?.success
-				})]
-			}),
-			!isCompact && isDesignPartner && /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium",
-					children: "Benefits:"
-				}), /* @__PURE__ */ jsxs("ul", {
-					className: "text-muted-foreground space-y-1 text-sm",
-					children: [
-						/* @__PURE__ */ jsx("li", { children: "• Early access to ContractSpec Studio" }),
-						/* @__PURE__ */ jsx("li", { children: "• 1:1 onboarding and architecture sessions" }),
-						/* @__PURE__ */ jsx("li", { children: "• Priority support via direct channels" }),
-						/* @__PURE__ */ jsx("li", { children: "• Influence over roadmap and features" }),
-						/* @__PURE__ */ jsx("li", { children: "• Founding discount when paid plans launch" })
-					]
-				})]
-			}),
-			/* @__PURE__ */ jsxs("form", {
-				onSubmit,
-				className: "space-y-4",
-				children: [
-					isDesignPartner ? /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ jsxs(Label, {
-										htmlFor: "waitlist-name",
-										className: "text-sm font-medium",
-										children: ["Name ", /* @__PURE__ */ jsx("span", {
-											className: "text-red-400",
-											children: "*"
-										})]
-									}),
-									/* @__PURE__ */ jsx(Input, {
-										id: "waitlist-name",
-										...designPartnerForm.register("name"),
-										type: "text",
-										placeholder: "Your name",
-										disabled: isPending || submitResult?.success
-									}),
-									designPartnerForm.formState.errors.name && /* @__PURE__ */ jsx("p", {
-										className: "text-xs text-red-400",
-										children: designPartnerForm.formState.errors.name.message
-									})
-								]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ jsxs(Label, {
-										htmlFor: "waitlist-email",
-										className: "text-sm font-medium",
-										children: ["Email ", /* @__PURE__ */ jsx("span", {
-											className: "text-red-400",
-											children: "*"
-										})]
-									}),
-									/* @__PURE__ */ jsx(Input, {
-										id: "waitlist-email",
-										...designPartnerForm.register("email"),
-										type: "email",
-										placeholder: "your@email.com",
-										disabled: isPending || submitResult?.success
-									}),
-									designPartnerForm.formState.errors.email && /* @__PURE__ */ jsx("p", {
-										className: "text-xs text-red-400",
-										children: designPartnerForm.formState.errors.email.message
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-company",
-									className: "text-sm font-medium",
-									children: "Company / Project Name"
-								}), /* @__PURE__ */ jsx(Input, {
-									id: "waitlist-company",
-									...designPartnerForm.register("company"),
-									type: "text",
-									placeholder: "Your company or project",
-									disabled: isPending || submitResult?.success
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-role",
-									className: "text-sm font-medium",
-									children: "Role"
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: designPartnerForm.watch("role") || "",
-									onValueChange: (value) => designPartnerForm.setValue("role", value),
-									disabled: isPending || submitResult?.success,
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: "waitlist-role",
-										className: "w-full",
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select your role" })
-									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "founder",
-											children: "Founder"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "cto",
-											children: "CTO"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "lead-engineer",
-											children: "Lead Engineer"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "engineer",
-											children: "Engineer"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "product-manager",
-											children: "Product Manager"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "other",
-											children: "Other"
-										})
-									] })]
-								})]
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-use-case",
-									className: "text-sm font-medium",
-									children: "Primary use case"
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: designPartnerForm.watch("useCase") || "",
-									onValueChange: (value) => designPartnerForm.setValue("useCase", value),
-									disabled: isPending || submitResult?.success,
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: "waitlist-use-case",
-										className: "w-full",
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a use case" })
-									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "api-platform",
-											children: "API platform"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "ai-ops",
-											children: "AI operations"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "integration-hub",
-											children: "Integration hub"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "internal-tools",
-											children: "Internal tools"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "data-pipelines",
-											children: "Data pipelines"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "other",
-											children: "Other"
-										})
-									] })]
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-current-stack",
-									className: "text-sm font-medium",
-									children: "Current stack"
-								}), /* @__PURE__ */ jsx(Input, {
-									id: "waitlist-current-stack",
-									...designPartnerForm.register("currentStack"),
-									type: "text",
-									placeholder: "e.g. Next.js, Postgres, OpenAPI",
-									disabled: isPending || submitResult?.success
-								})]
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ jsxs(Label, {
-									htmlFor: "waitlist-what-building",
-									className: "text-sm font-medium",
-									children: [
-										"What are you building with AI today?",
-										" ",
-										/* @__PURE__ */ jsx("span", {
-											className: "text-red-400",
-											children: "*"
-										})
-									]
-								}),
-								/* @__PURE__ */ jsx(Textarea, {
-									id: "waitlist-what-building",
-									...designPartnerForm.register("whatBuilding"),
-									placeholder: "Tell us about your project...",
-									disabled: isPending || submitResult?.success,
-									rows: 4
-								}),
-								designPartnerForm.formState.errors.whatBuilding && /* @__PURE__ */ jsx("p", {
-									className: "text-xs text-red-400",
-									children: designPartnerForm.formState.errors.whatBuilding.message
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ jsxs(Label, {
-									htmlFor: "waitlist-what-solving",
-									className: "text-sm font-medium",
-									children: [
-										"What do you hope ContractSpec will solve for you?",
-										" ",
-										/* @__PURE__ */ jsx("span", {
-											className: "text-red-400",
-											children: "*"
-										})
-									]
-								}),
-								/* @__PURE__ */ jsx(Textarea, {
-									id: "waitlist-what-solving",
-									...designPartnerForm.register("whatSolving"),
-									placeholder: "What problems are you trying to solve?",
-									disabled: isPending || submitResult?.success,
-									rows: 4
-								}),
-								designPartnerForm.formState.errors.whatSolving && /* @__PURE__ */ jsx("p", {
-									className: "text-xs text-red-400",
-									children: designPartnerForm.formState.errors.whatSolving.message
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "grid gap-4 md:grid-cols-2",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-team-size",
-									className: "text-sm font-medium",
-									children: "Team Size"
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: designPartnerForm.watch("teamSize") || "",
-									onValueChange: (value) => designPartnerForm.setValue("teamSize", value),
-									disabled: isPending || submitResult?.success,
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: "waitlist-team-size",
-										className: "w-full",
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select team size" })
-									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "solo",
-											children: "Solo"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "2-5",
-											children: "2-5"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "6-20",
-											children: "6-20"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "20+",
-											children: "20+"
-										})
-									] })]
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-timeline",
-									className: "text-sm font-medium",
-									children: "Timeline"
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: designPartnerForm.watch("timeline") || "",
-									onValueChange: (value) => designPartnerForm.setValue("timeline", value),
-									disabled: isPending || submitResult?.success,
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										id: "waitlist-timeline",
-										className: "w-full",
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select timeline" })
-									}), /* @__PURE__ */ jsxs(SelectContent, { children: [
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "now",
-											children: "Now"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "1-3-months",
-											children: "1-3 months"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "3-6-months",
-											children: "3-6 months"
-										}),
-										/* @__PURE__ */ jsx(SelectItem, {
-											value: "exploring",
-											children: "Exploring"
-										})
-									] })]
-								})]
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "space-y-3",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ jsx(Checkbox, {
-									id: "waitlist-open-to-sessions",
-									checked: designPartnerForm.watch("openToSessions"),
-									onCheckedChange: (checked) => designPartnerForm.setValue("openToSessions", checked === true),
-									disabled: isPending || submitResult?.success
-								}), /* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-open-to-sessions",
-									className: "cursor-pointer text-sm leading-relaxed",
-									children: "I'm open to 1:1 product/design sessions"
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ jsx(Checkbox, {
-									id: "waitlist-case-studies",
-									checked: designPartnerForm.watch("okayWithCaseStudies"),
-									onCheckedChange: (checked) => designPartnerForm.setValue("okayWithCaseStudies", checked === true),
-									disabled: isPending || submitResult?.success
-								}), /* @__PURE__ */ jsx(Label, {
-									htmlFor: "waitlist-case-studies",
-									className: "cursor-pointer text-sm leading-relaxed",
-									children: "I'm okay with anonymized case studies about our usage"
-								})]
-							})]
-						})
-					] }) : /* @__PURE__ */ jsxs("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ jsxs(Label, {
-								htmlFor: "waitlist-email",
-								className: "text-sm font-medium",
-								children: ["Email ", /* @__PURE__ */ jsx("span", {
-									className: "text-red-400",
-									children: "*"
-								})]
-							}),
-							/* @__PURE__ */ jsx(Input, {
-								id: "waitlist-email",
-								...simpleForm.register("email"),
-								type: "email",
-								placeholder: "your@email.com",
-								disabled: isPending || submitResult?.success
-							}),
-							simpleForm.formState.errors.email && /* @__PURE__ */ jsx("p", {
-								className: "text-xs text-red-400",
-								children: simpleForm.formState.errors.email.message
-							})
-						]
-					}),
-					submitResult && !isPending && /* @__PURE__ */ jsxs("div", {
-						className: `flex items-start gap-2 rounded-lg p-4 text-sm ${submitResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
-						children: [submitResult.success ? /* @__PURE__ */ jsx(CheckCircle, {
-							size: 20,
-							className: "mt-0.5 shrink-0"
-						}) : /* @__PURE__ */ jsx(AlertCircle, {
-							size: 20,
-							className: "mt-0.5 shrink-0"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "flex-1",
-							children: submitResult.success ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
-								className: "mb-1 font-semibold",
-								children: "You're on the list."
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-sm",
-								children: submitResult.text
-							})] }) : /* @__PURE__ */ jsx("p", { children: submitResult.text })
-						})]
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						type: "submit",
-						disabled: isPending || submitResult?.success,
-						className: "w-full",
-						children: isPending ? "Submitting..." : isDesignPartner ? "Apply to the waitlist" : "Join waitlist"
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-center text-xs",
-						children: "No spam. We'll only email you about ContractSpec and your application."
-					})
-				]
-			})
-		]
-	});
+function WaitlistSection({
+  variant = "default",
+  context = "pricing"
+}) {
+  const [isDesignPartner, setIsDesignPartner] = useState(false);
+  const [submitResult, setSubmitResult] = useState(null);
+  const [isPending, setIsPending] = useState(false);
+  const simpleForm = useForm({
+    resolver: zodResolver(simpleWaitlistSchema),
+    defaultValues: {
+      email: ""
+    }
+  });
+  const designPartnerForm = useForm({
+    resolver: zodResolver(designPartnerSchema),
+    defaultValues: {
+      name: "",
+      email: "",
+      company: "",
+      role: "",
+      useCase: "",
+      currentStack: "",
+      whatBuilding: "",
+      whatSolving: "",
+      teamSize: "",
+      timeline: "",
+      openToSessions: false,
+      okayWithCaseStudies: false
+    }
+  });
+  const simpleEmail = simpleForm.watch("email");
+  const designPartnerEmail = designPartnerForm.watch("email");
+  useEffect(() => {
+    const currentDesignPartnerEmail = designPartnerForm.getValues("email");
+    if (simpleEmail && simpleEmail !== currentDesignPartnerEmail) {
+      designPartnerForm.setValue("email", simpleEmail, { shouldDirty: false });
+    }
+  }, [simpleEmail, designPartnerForm]);
+  useEffect(() => {
+    const currentSimpleEmail = simpleForm.getValues("email");
+    if (designPartnerEmail && designPartnerEmail !== currentSimpleEmail) {
+      simpleForm.setValue("email", designPartnerEmail, { shouldDirty: false });
+    }
+  }, [designPartnerEmail, simpleForm]);
+  const handleSimpleSubmit = async (data) => {
+    setIsPending(true);
+    setSubmitResult(null);
+    try {
+      const formData = new FormData;
+      formData.set("email", data.email);
+      const result = await joinWaitlist(formData);
+      if (result.success) {
+        setSubmitResult({
+          success: true,
+          text: "Thanks for joining the waitlist! Check your inbox for a confirmation."
+        });
+        simpleForm.reset();
+      } else {
+        setSubmitResult({
+          success: false,
+          text: result.text || "Failed to join waitlist. Please try again."
+        });
+      }
+    } catch (_error) {
+      setSubmitResult({
+        success: false,
+        text: "Failed to join waitlist. Please try again."
+      });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  const handleDesignPartnerSubmit = async (data) => {
+    setIsPending(true);
+    setSubmitResult(null);
+    try {
+      const formData = new FormData;
+      formData.set("email", data.email);
+      formData.set("name", data.name);
+      if (data.company)
+        formData.set("company", data.company);
+      if (data.role)
+        formData.set("role", data.role);
+      if (data.useCase)
+        formData.set("useCase", data.useCase);
+      if (data.currentStack)
+        formData.set("currentStack", data.currentStack);
+      formData.set("whatBuilding", data.whatBuilding);
+      formData.set("whatSolving", data.whatSolving);
+      if (data.teamSize)
+        formData.set("teamSize", data.teamSize);
+      if (data.timeline)
+        formData.set("timeline", data.timeline);
+      if (data.openToSessions)
+        formData.set("openToSessions", "on");
+      if (data.okayWithCaseStudies)
+        formData.set("okayWithCaseStudies", "on");
+      const result = await submitWaitlistApplication(formData);
+      if (result.success) {
+        setSubmitResult({
+          success: true,
+          text: "You're on the list. Thanks for applying. We're slowly onboarding design partners in waves. If your use case is a good fit, we'll reach out personally."
+        });
+        designPartnerForm.reset();
+      } else {
+        setSubmitResult({
+          success: false,
+          text: result.text || "Failed to submit application. Please try again."
+        });
+      }
+    } catch (_error) {
+      setSubmitResult({
+        success: false,
+        text: "Failed to submit application. Please try again."
+      });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  const onSubmit = isDesignPartner ? designPartnerForm.handleSubmit(handleDesignPartnerSubmit) : simpleForm.handleSubmit(handleSimpleSubmit);
+  const isCompact = variant === "compact";
+  return /* @__PURE__ */ jsxDEV("div", {
+    id: "waitlist",
+    className: isCompact ? "space-y-4" : "card-subtle space-y-6 p-8",
+    children: [
+      !isCompact && /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "inline-flex items-center gap-2 rounded-full border border-violet-500/20 bg-violet-500/10 px-3 py-1",
+            children: /* @__PURE__ */ jsxDEV("span", {
+              className: "text-sm font-medium text-violet-300",
+              children: isDesignPartner ? "Design Partner Waitlist" : "Join the Waitlist"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("h2", {
+            className: "text-2xl font-bold",
+            children: isDesignPartner ? "Apply for early access to ContractSpec" : "Get early access to ContractSpec"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground text-sm",
+            children: isDesignPartner ? "Tell us what you're building. We'll prioritize teams where ContractSpec can have a big impact, and where we can learn the most." : "Join the waitlist to be notified when ContractSpec becomes available."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !isCompact && /* @__PURE__ */ jsxDEV("div", {
+        className: "border-border bg-muted/20 flex items-center justify-between gap-4 rounded-lg border p-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-1",
+            children: [
+              /* @__PURE__ */ jsxDEV(Label, {
+                htmlFor: "design-partner-toggle",
+                className: "text-sm font-medium",
+                children: "Apply as a design partner"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-xs",
+                children: isDesignPartner ? "Get hands-on support, influence the roadmap, and founding discount" : "Get priority access, 1:1 onboarding, and help shape ContractSpec"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Switch, {
+            id: "design-partner-toggle",
+            checked: isDesignPartner,
+            onCheckedChange: setIsDesignPartner,
+            disabled: isPending || submitResult?.success
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      !isCompact && isDesignPartner && /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-2",
+        children: [
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm font-medium",
+            children: "Benefits:"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("ul", {
+            className: "text-muted-foreground space-y-1 text-sm",
+            children: [
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "\u2022 Early access to ContractSpec Studio"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "\u2022 1:1 onboarding and architecture sessions"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "\u2022 Priority support via direct channels"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "\u2022 Influence over roadmap and features"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("li", {
+                children: "\u2022 Founding discount when paid plans launch"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("form", {
+        onSubmit,
+        className: "space-y-4",
+        children: [
+          isDesignPartner ? /* @__PURE__ */ jsxDEV(Fragment, {
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-name",
+                        className: "text-sm font-medium",
+                        children: [
+                          "Name ",
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-red-400",
+                            children: "*"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Input, {
+                        id: "waitlist-name",
+                        ...designPartnerForm.register("name"),
+                        type: "text",
+                        placeholder: "Your name",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      designPartnerForm.formState.errors.name && /* @__PURE__ */ jsxDEV("p", {
+                        className: "text-xs text-red-400",
+                        children: designPartnerForm.formState.errors.name.message
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-email",
+                        className: "text-sm font-medium",
+                        children: [
+                          "Email ",
+                          /* @__PURE__ */ jsxDEV("span", {
+                            className: "text-red-400",
+                            children: "*"
+                          }, undefined, false, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Input, {
+                        id: "waitlist-email",
+                        ...designPartnerForm.register("email"),
+                        type: "email",
+                        placeholder: "your@email.com",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      designPartnerForm.formState.errors.email && /* @__PURE__ */ jsxDEV("p", {
+                        className: "text-xs text-red-400",
+                        children: designPartnerForm.formState.errors.email.message
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-company",
+                        className: "text-sm font-medium",
+                        children: "Company / Project Name"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Input, {
+                        id: "waitlist-company",
+                        ...designPartnerForm.register("company"),
+                        type: "text",
+                        placeholder: "Your company or project",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-role",
+                        className: "text-sm font-medium",
+                        children: "Role"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Select, {
+                        value: designPartnerForm.watch("role") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("role", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+                            id: "waitlist-role",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+                              placeholder: "Select your role"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "founder",
+                                children: "Founder"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "cto",
+                                children: "CTO"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "lead-engineer",
+                                children: "Lead Engineer"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "engineer",
+                                children: "Engineer"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "product-manager",
+                                children: "Product Manager"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "other",
+                                children: "Other"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-use-case",
+                        className: "text-sm font-medium",
+                        children: "Primary use case"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Select, {
+                        value: designPartnerForm.watch("useCase") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("useCase", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+                            id: "waitlist-use-case",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+                              placeholder: "Select a use case"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "api-platform",
+                                children: "API platform"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "ai-ops",
+                                children: "AI operations"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "integration-hub",
+                                children: "Integration hub"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "internal-tools",
+                                children: "Internal tools"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "data-pipelines",
+                                children: "Data pipelines"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "other",
+                                children: "Other"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-current-stack",
+                        className: "text-sm font-medium",
+                        children: "Current stack"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Input, {
+                        id: "waitlist-current-stack",
+                        ...designPartnerForm.register("currentStack"),
+                        type: "text",
+                        placeholder: "e.g. Next.js, Postgres, OpenAPI",
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Label, {
+                    htmlFor: "waitlist-what-building",
+                    className: "text-sm font-medium",
+                    children: [
+                      "What are you building with AI today?",
+                      " ",
+                      /* @__PURE__ */ jsxDEV("span", {
+                        className: "text-red-400",
+                        children: "*"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Textarea, {
+                    id: "waitlist-what-building",
+                    ...designPartnerForm.register("whatBuilding"),
+                    placeholder: "Tell us about your project...",
+                    disabled: isPending || submitResult?.success,
+                    rows: 4
+                  }, undefined, false, undefined, this),
+                  designPartnerForm.formState.errors.whatBuilding && /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-xs text-red-400",
+                    children: designPartnerForm.formState.errors.whatBuilding.message
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Label, {
+                    htmlFor: "waitlist-what-solving",
+                    className: "text-sm font-medium",
+                    children: [
+                      "What do you hope ContractSpec will solve for you?",
+                      " ",
+                      /* @__PURE__ */ jsxDEV("span", {
+                        className: "text-red-400",
+                        children: "*"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Textarea, {
+                    id: "waitlist-what-solving",
+                    ...designPartnerForm.register("whatSolving"),
+                    placeholder: "What problems are you trying to solve?",
+                    disabled: isPending || submitResult?.success,
+                    rows: 4
+                  }, undefined, false, undefined, this),
+                  designPartnerForm.formState.errors.whatSolving && /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-xs text-red-400",
+                    children: designPartnerForm.formState.errors.whatSolving.message
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "grid gap-4 md:grid-cols-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-team-size",
+                        className: "text-sm font-medium",
+                        children: "Team Size"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Select, {
+                        value: designPartnerForm.watch("teamSize") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("teamSize", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+                            id: "waitlist-team-size",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+                              placeholder: "Select team size"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "solo",
+                                children: "Solo"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "2-5",
+                                children: "2-5"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "6-20",
+                                children: "6-20"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "20+",
+                                children: "20+"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "space-y-2",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-timeline",
+                        className: "text-sm font-medium",
+                        children: "Timeline"
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Select, {
+                        value: designPartnerForm.watch("timeline") || "",
+                        onValueChange: (value) => designPartnerForm.setValue("timeline", value),
+                        disabled: isPending || submitResult?.success,
+                        children: [
+                          /* @__PURE__ */ jsxDEV(SelectTrigger, {
+                            id: "waitlist-timeline",
+                            className: "w-full",
+                            children: /* @__PURE__ */ jsxDEV(SelectValue, {
+                              placeholder: "Select timeline"
+                            }, undefined, false, undefined, this)
+                          }, undefined, false, undefined, this),
+                          /* @__PURE__ */ jsxDEV(SelectContent, {
+                            children: [
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "now",
+                                children: "Now"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "1-3-months",
+                                children: "1-3 months"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "3-6-months",
+                                children: "3-6 months"
+                              }, undefined, false, undefined, this),
+                              /* @__PURE__ */ jsxDEV(SelectItem, {
+                                value: "exploring",
+                                children: "Exploring"
+                              }, undefined, false, undefined, this)
+                            ]
+                          }, undefined, true, undefined, this)
+                        ]
+                      }, undefined, true, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "space-y-3",
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Checkbox, {
+                        id: "waitlist-open-to-sessions",
+                        checked: designPartnerForm.watch("openToSessions"),
+                        onCheckedChange: (checked) => designPartnerForm.setValue("openToSessions", checked === true),
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-open-to-sessions",
+                        className: "cursor-pointer text-sm leading-relaxed",
+                        children: "I'm open to 1:1 product/design sessions"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                      /* @__PURE__ */ jsxDEV(Checkbox, {
+                        id: "waitlist-case-studies",
+                        checked: designPartnerForm.watch("okayWithCaseStudies"),
+                        onCheckedChange: (checked) => designPartnerForm.setValue("okayWithCaseStudies", checked === true),
+                        disabled: isPending || submitResult?.success
+                      }, undefined, false, undefined, this),
+                      /* @__PURE__ */ jsxDEV(Label, {
+                        htmlFor: "waitlist-case-studies",
+                        className: "cursor-pointer text-sm leading-relaxed",
+                        children: "I'm okay with anonymized case studies about our usage"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV("div", {
+            className: "space-y-2",
+            children: [
+              /* @__PURE__ */ jsxDEV(Label, {
+                htmlFor: "waitlist-email",
+                className: "text-sm font-medium",
+                children: [
+                  "Email ",
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-red-400",
+                    children: "*"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV(Input, {
+                id: "waitlist-email",
+                ...simpleForm.register("email"),
+                type: "email",
+                placeholder: "your@email.com",
+                disabled: isPending || submitResult?.success
+              }, undefined, false, undefined, this),
+              simpleForm.formState.errors.email && /* @__PURE__ */ jsxDEV("p", {
+                className: "text-xs text-red-400",
+                children: simpleForm.formState.errors.email.message
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          submitResult && !isPending && /* @__PURE__ */ jsxDEV("div", {
+            className: `flex items-start gap-2 rounded-lg p-4 text-sm ${submitResult.success ? "border border-green-500/20 bg-green-500/10 text-green-400" : "border border-red-500/20 bg-red-500/10 text-red-400"}`,
+            children: [
+              submitResult.success ? /* @__PURE__ */ jsxDEV(CheckCircle, {
+                size: 20,
+                className: "mt-0.5 shrink-0"
+              }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV(AlertCircle, {
+                size: 20,
+                className: "mt-0.5 shrink-0"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex-1",
+                children: submitResult.success ? /* @__PURE__ */ jsxDEV(Fragment, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV("p", {
+                      className: "mb-1 font-semibold",
+                      children: "You're on the list."
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV("p", {
+                      className: "text-sm",
+                      children: submitResult.text
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV("p", {
+                  children: submitResult.text
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Button, {
+            type: "submit",
+            disabled: isPending || submitResult?.success,
+            className: "w-full",
+            children: isPending ? "Submitting..." : isDesignPartner ? "Apply to the waitlist" : "Join waitlist"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground text-center text-xs",
+            children: "No spam. We'll only email you about ContractSpec and your application."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { WaitlistSection };
-//# sourceMappingURL=waitlist-section.js.map
+export {
+  WaitlistSection
+};