@contractspec/bundle.marketing 3.8.8 → 3.8.10

package/dist/browser/components/templates/TemplatesHeroSection.js

@@ -0,0 +1,87 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplatesHeroSection.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function TemplatesHeroSection({
+  localTemplateCount,
+  sourceCount
+}) {
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: "section-padding hero-gradient border-border/70 border-b",
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "editorial-shell space-y-8",
+      children: [
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "max-w-4xl space-y-5",
+          children: [
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "editorial-kicker",
+              children: "Proof through real scenarios"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("h1", {
+              className: "editorial-title",
+              children: "Templates that show the open system in practice."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "editorial-subtitle",
+              children: "These scenarios are the fastest way to understand ContractSpec: explicit contracts, aligned surfaces, and an adoption path from OSS exploration into Studio deployment."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-proof-strip",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-stat",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-stat-value",
+                  children: localTemplateCount
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-label",
+                  children: "curated scenarios"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-stat",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-stat-value",
+                  children: sourceCount
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-label",
+                  children: "entry paths"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-stat",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-stat-value",
+                  children: "OSS"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "editorial-label",
+                  children: "first, Studio second"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TemplatesHeroSection
+};

package/dist/browser/components/templates/TemplatesNextStepsSection.js

@@ -0,0 +1,126 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/components/templates/TemplatesNextStepsSection.tsx
+import Link from "next/link";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function TemplatesNextStepsSection() {
+  return /* @__PURE__ */ jsxDEV("section", {
+    className: "editorial-section bg-striped",
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "editorial-shell space-y-8",
+      children: [
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "max-w-3xl space-y-4",
+          children: [
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "editorial-kicker",
+              children: "From template to real system"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("h2", {
+              className: "font-serif text-4xl tracking-[-0.04em] md:text-5xl",
+              children: "Templates become useful when the system can absorb more context."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "editorial-copy",
+              children: "Use templates to prove the base flow, then layer integrations, knowledge, and runtime behavior on top without losing the same contract source."
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "grid gap-6 md:grid-cols-3",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel space-y-4",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "text-3xl",
+                  children: "\uD83D\uDCB3"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("h3", {
+                  className: "font-serif text-2xl tracking-[-0.03em]",
+                  children: "Add payments"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm",
+                  children: "Connect Stripe to any template for payment processing, subscriptions, and invoicing. Type-safe and policy-enforced."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV(Link, {
+                  href: "/docs/integrations/stripe",
+                  className: "font-medium text-[color:var(--blue)] text-sm hover:opacity-80",
+                  children: "Learn more →"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel space-y-4",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "text-3xl",
+                  children: "\uD83D\uDCE7"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("h3", {
+                  className: "font-serif text-2xl tracking-[-0.03em]",
+                  children: "Add notifications"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm",
+                  children: "Send transactional emails via Postmark or Resend. Process inbound emails with Gmail API. SMS via Twilio."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV(Link, {
+                  href: "/docs/integrations",
+                  className: "font-medium text-[color:var(--blue)] text-sm hover:opacity-80",
+                  children: "View integrations →"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel space-y-4",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "text-3xl",
+                  children: "\uD83E\uDDE0"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("h3", {
+                  className: "font-serif text-2xl tracking-[-0.03em]",
+                  children: "Add AI and knowledge"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm",
+                  children: "Power templates with OpenAI, vector search via Qdrant, and structured knowledge spaces for context-aware workflows."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV(Link, {
+                  href: "/docs/knowledge",
+                  className: "font-medium text-[color:var(--blue)] text-sm hover:opacity-80",
+                  children: "Learn about knowledge →"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV("div", {
+          className: "pt-4 text-center",
+          children: [
+            /* @__PURE__ */ jsxDEV("p", {
+              className: "mb-4 text-muted-foreground text-sm",
+              children: "All integrations are configured per-tenant with automatic health checks and credential rotation."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV(Link, {
+              href: "/docs/architecture",
+              className: "btn-primary",
+              children: "View Architecture"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+export {
+  TemplatesNextStepsSection
+};