@contractspec/bundle.marketing 1.12.0

package/dist/registry/registry.js

@@ -0,0 +1,61 @@
+import { docsComponentMap, docsPresentations } from "./registry-docs.js";
+import { landingComponentMap, landingPresentations, learningPresentations } from "./registry-landing.js";
+import { docBlocksToPresentationRoutes, listRegisteredDocBlocks, metaDocs, techContractsDocs } from "@contractspec/lib.contracts/docs";
+import { opsDocBlocks } from "@contractspec/bundle.library/components/docs/ops/ops.docs";
+import { productDocs } from "@contractspec/bundle.library/components/docs/product/product.docblocks";
+import { techContractsDocBlocks } from "@contractspec/bundle.library/components/docs/tech/contracts/tech-docs.docblocks";
+
+//#region src/registry/registry.ts
+/**
+* Merged component map for React rendering.
+* Maps componentKey to actual React components.
+*/
+const componentMap = {
+	...landingComponentMap,
+	...docsComponentMap
+};
+/**
+* Presentation registry for all static pages.
+* Maps route paths to PresentationSpec definitions.
+*/
+const presentationRegistry = new Map([
+	...landingPresentations,
+	...learningPresentations,
+	...docsPresentations
+]);
+const docRoutes = docBlocksToPresentationRoutes([
+	...opsDocBlocks,
+	...productDocs,
+	...techContractsDocBlocks,
+	...techContractsDocs,
+	...metaDocs,
+	...listRegisteredDocBlocks()
+], {
+	namespace: "web-landing.docs",
+	routePrefix: "/docs"
+});
+for (const { route, descriptor } of docRoutes) presentationRegistry.set(route, descriptor);
+/**
+* Get presentation descriptor for a given route.
+* Returns undefined if no presentation exists for the route.
+*/
+function getPresentationForRoute(route) {
+	const normalizedRoute = route === "/" ? "/" : route.replace(/\/$/, "");
+	return presentationRegistry.get(normalizedRoute);
+}
+/**
+* Check if a route has a presentation descriptor.
+*/
+function hasPresentation(route) {
+	return getPresentationForRoute(route) !== void 0;
+}
+/**
+* Get all registered routes with presentations.
+*/
+function getAllPresentationRoutes() {
+	return Array.from(presentationRegistry.keys());
+}
+
+//#endregion
+export { componentMap, getAllPresentationRoutes, getPresentationForRoute, hasPresentation, presentationRegistry };
+//# sourceMappingURL=registry.js.map

package/dist/registry/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","names":[],"sources":["../../src/registry/registry.ts"],"sourcesContent":["import {\n  docBlocksToPresentationRoutes,\n  type DocPresentationRoute,\n  listRegisteredDocBlocks,\n  metaDocs,\n  techContractsDocs,\n} from '@contractspec/lib.contracts/docs';\nimport type { PresentationSpec } from '@contractspec/lib.contracts/presentations';\nimport { opsDocBlocks } from '@contractspec/bundle.library/components/docs/ops/ops.docs';\nimport { productDocs } from '@contractspec/bundle.library/components/docs/product/product.docblocks';\nimport { techContractsDocBlocks } from '@contractspec/bundle.library/components/docs/tech/contracts/tech-docs.docblocks';\nimport type { ComponentMap } from './types';\n\n// Import sub-registries\nimport { docsComponentMap, docsPresentations } from './registry-docs';\nimport {\n  landingComponentMap,\n  landingPresentations,\n  learningPresentations,\n} from './registry-landing';\n\n/**\n * Merged component map for React rendering.\n * Maps componentKey to actual React components.\n */\nexport const componentMap: ComponentMap = {\n  ...landingComponentMap,\n  ...docsComponentMap,\n};\n\n/**\n * Presentation registry for all static pages.\n * Maps route paths to PresentationSpec definitions.\n */\nexport const presentationRegistry = new Map<string, PresentationSpec>([\n  ...landingPresentations,\n  ...learningPresentations,\n  ...docsPresentations,\n]);\n\n// Add docBlocks-based presentations\nconst docRoutes: DocPresentationRoute[] = docBlocksToPresentationRoutes(\n  [\n    ...opsDocBlocks,\n    ...productDocs,\n    ...techContractsDocBlocks,\n    ...techContractsDocs,\n    ...metaDocs,\n    ...listRegisteredDocBlocks(),\n  ],\n  {\n    namespace: 'web-landing.docs',\n    routePrefix: '/docs',\n  }\n);\n\nfor (const { route, descriptor } of docRoutes) {\n  presentationRegistry.set(route, descriptor);\n}\n\n/**\n * Get presentation descriptor for a given route.\n * Returns undefined if no presentation exists for the route.\n */\nexport function getPresentationForRoute(\n  route: string\n): PresentationSpec | undefined {\n  // Normalize route (remove trailing slash, handle root)\n  const normalizedRoute = route === '/' ? '/' : route.replace(/\\/$/, '');\n  return presentationRegistry.get(normalizedRoute);\n}\n\n/**\n * Check if a route has a presentation descriptor.\n */\nexport function hasPresentation(route: string): boolean {\n  return getPresentationForRoute(route) !== undefined;\n}\n\n/**\n * Get all registered routes with presentations.\n */\nexport function getAllPresentationRoutes(): string[] {\n  return Array.from(presentationRegistry.keys());\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,MAAa,eAA6B;CACxC,GAAG;CACH,GAAG;CACJ;;;;;AAMD,MAAa,uBAAuB,IAAI,IAA8B;CACpE,GAAG;CACH,GAAG;CACH,GAAG;CACJ,CAAC;AAGF,MAAM,YAAoC,8BACxC;CACE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG,yBAAyB;CAC7B,EACD;CACE,WAAW;CACX,aAAa;CACd,CACF;AAED,KAAK,MAAM,EAAE,OAAO,gBAAgB,UAClC,sBAAqB,IAAI,OAAO,WAAW;;;;;AAO7C,SAAgB,wBACd,OAC8B;CAE9B,MAAM,kBAAkB,UAAU,MAAM,MAAM,MAAM,QAAQ,OAAO,GAAG;AACtE,QAAO,qBAAqB,IAAI,gBAAgB;;;;;AAMlD,SAAgB,gBAAgB,OAAwB;AACtD,QAAO,wBAAwB,MAAM,KAAK;;;;;AAM5C,SAAgB,2BAAqC;AACnD,QAAO,MAAM,KAAK,qBAAqB,MAAM,CAAC"}

package/dist/registry/types.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { PresentationSpec } from "@contractspec/lib.contracts/presentations";
+
+//#region src/registry/types.d.ts
+/**
+ * Component map for React rendering.
+ * Maps componentKey to actual React components.
+ */
+type ComponentMap = Record<string, React.ComponentType<any>>;
+/**
+ * Route-to-presentation mapping.
+ */
+interface RoutePresentation {
+  route: string;
+  descriptor: PresentationSpec;
+}
+//#endregion
+export { ComponentMap, RoutePresentation };
+//# sourceMappingURL=types.d.ts.map

package/dist/registry/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/registry/types.ts"],"mappings":";;;;;;AAQA;;KAAY,YAAA,GAAe,MAAA,SAAe,KAAA,CAAM,aAAA;;;;UAK/B,iBAAA;EACf,KAAA;EACA,UAAA,EAAY,gBAAA;AAAA"}

package/dist/registry/utils.d.ts

@@ -0,0 +1,31 @@
+import { ComponentMap } from "./types.js";
+import React from "react";
+import { PresentationSpec } from "@contractspec/lib.contracts/presentations";
+
+//#region src/registry/utils.d.ts
+/**
+ * Render a presentation descriptor to markdown.
+ * Returns the markdown content as a string.
+ */
+declare function renderPresentationToMarkdown(descriptor: PresentationSpec): Promise<string>;
+/**
+ * Render a presentation descriptor to React element.
+ * Returns the React element or null if component not found.
+ */
+declare function renderPresentationToReact(descriptor: PresentationSpec, customComponentMap?: ComponentMap): Promise<React.ReactElement | null>;
+/**
+ * Get markdown URL for a given route.
+ * Uses llms. subdomain and .md extension.
+ */
+declare function getMarkdownUrl(route: string, baseUrl?: string): string;
+/**
+ * Get AI chat URLs for various providers.
+ */
+interface AIChatProvider {
+  name: string;
+  getUrl: (url: string) => string;
+}
+declare const aiChatProviders: AIChatProvider[];
+//#endregion
+export { AIChatProvider, aiChatProviders, getMarkdownUrl, renderPresentationToMarkdown, renderPresentationToReact };
+//# sourceMappingURL=utils.d.ts.map

package/dist/registry/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/registry/utils.ts"],"mappings":";;;;;;;AAWA;;iBAAsB,4BAAA,CACpB,UAAA,EAAY,gBAAA,GACX,OAAA;;;;;iBAamB,yBAAA,CACpB,UAAA,EAAY,gBAAA,EACZ,kBAAA,GAAqB,YAAA,GACpB,OAAA,CAAQ,KAAA,CAAM,YAAA;;AAHjB;;;iBAyBgB,cAAA,CAAe,KAAA,UAAe,OAAA;;;;UAgB7B,cAAA;EACf,IAAA;EACA,MAAA,GAAS,GAAA;AAAA;AAAA,cAGE,eAAA,EAAiB,cAAA"}

package/dist/registry/utils.js

@@ -0,0 +1,54 @@
+import { componentMap } from "./registry.js";
+import { presentationEngine } from "./engine.js";
+import { renderFeaturePresentation } from "@contractspec/lib.contracts/client/react/feature-render";
+
+//#region src/registry/utils.ts
+/**
+* Render a presentation descriptor to markdown.
+* Returns the markdown content as a string.
+*/
+async function renderPresentationToMarkdown(descriptor) {
+	return (await presentationEngine.render("markdown", descriptor)).body;
+}
+/**
+* Render a presentation descriptor to React element.
+* Returns the React element or null if component not found.
+*/
+async function renderPresentationToReact(descriptor, customComponentMap) {
+	const element = await renderFeaturePresentation(presentationEngine, "react", descriptor, { componentMap: customComponentMap ?? componentMap });
+	if (element && typeof element === "object" && "type" in element) return element;
+	return null;
+}
+/**
+* Get markdown URL for a given route.
+* Uses llms. subdomain and .md extension.
+*/
+function getMarkdownUrl(route, baseUrl) {
+	return `${(baseUrl ?? "https://contractspec.io/mdx").replace("contractspec.io", "llms.contractspec.io")}${route === "/" ? "/" : route.replace(/\/$/, "")}`;
+}
+const aiChatProviders = [
+	{
+		name: "ChatGPT",
+		getUrl: (url) => `https://chatgpt.com/?q=${encodeURIComponent(url)}`
+	},
+	{
+		name: "Claude",
+		getUrl: (url) => `https://claude.ai/new?url=${encodeURIComponent(url)}`
+	},
+	{
+		name: "Grok",
+		getUrl: (url) => `https://x.com/i/grok?url=${encodeURIComponent(url)}`
+	},
+	{
+		name: "Mistral",
+		getUrl: (url) => `https://mistral.ai/chat?url=${encodeURIComponent(url)}`
+	},
+	{
+		name: "Perplexity",
+		getUrl: (url) => `https://www.perplexity.ai/?q=${encodeURIComponent(url)}`
+	}
+];
+
+//#endregion
+export { aiChatProviders, getMarkdownUrl, renderPresentationToMarkdown, renderPresentationToReact };
+//# sourceMappingURL=utils.js.map

package/dist/registry/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/registry/utils.ts"],"sourcesContent":["import { renderFeaturePresentation } from '@contractspec/lib.contracts/client/react/feature-render';\nimport type { PresentationSpec } from '@contractspec/lib.contracts/presentations';\nimport type React from 'react';\nimport { presentationEngine } from './engine';\nimport { componentMap } from './registry';\nimport type { ComponentMap } from './types';\n\n/**\n * Render a presentation descriptor to markdown.\n * Returns the markdown content as a string.\n */\nexport async function renderPresentationToMarkdown(\n  descriptor: PresentationSpec\n): Promise<string> {\n  const result = await presentationEngine.render<{\n    mimeType: string;\n    body: string;\n  }>('markdown', descriptor);\n\n  return result.body;\n}\n\n/**\n * Render a presentation descriptor to React element.\n * Returns the React element or null if component not found.\n */\nexport async function renderPresentationToReact(\n  descriptor: PresentationSpec,\n  customComponentMap?: ComponentMap\n): Promise<React.ReactElement | null> {\n  const map = customComponentMap ?? componentMap;\n  const element = await renderFeaturePresentation(\n    presentationEngine,\n    'react',\n    descriptor,\n    {\n      componentMap: map,\n    }\n  );\n\n  if (element && typeof element === 'object' && 'type' in element) {\n    return element as React.ReactElement;\n  }\n\n  return null;\n}\n\n/**\n * Get markdown URL for a given route.\n * Uses llms. subdomain and .md extension.\n */\nexport function getMarkdownUrl(route: string, baseUrl?: string): string {\n  const base = baseUrl ?? 'https://contractspec.io/mdx';\n  const llmsBase = base.replace('contractspec.io', 'llms.contractspec.io');\n\n  // Normalize route\n  const normalizedRoute = route === '/' ? '/' : route.replace(/\\/$/, '');\n  return `${llmsBase}${normalizedRoute}`;\n\n  // Add .md extension if not root\n  // const path = normalizedRoute === '/' ? '/index.md' : `${normalizedRoute}.md`;\n  // return `${llmsBase}${path}`;\n}\n\n/**\n * Get AI chat URLs for various providers.\n */\nexport interface AIChatProvider {\n  name: string;\n  getUrl: (url: string) => string;\n}\n\nexport const aiChatProviders: AIChatProvider[] = [\n  {\n    name: 'ChatGPT',\n    getUrl: (url: string) =>\n      `https://chatgpt.com/?q=${encodeURIComponent(url)}`,\n  },\n  {\n    name: 'Claude',\n    getUrl: (url: string) =>\n      `https://claude.ai/new?url=${encodeURIComponent(url)}`,\n  },\n  {\n    name: 'Grok',\n    getUrl: (url: string) =>\n      `https://x.com/i/grok?url=${encodeURIComponent(url)}`,\n  },\n  {\n    name: 'Mistral',\n    getUrl: (url: string) =>\n      `https://mistral.ai/chat?url=${encodeURIComponent(url)}`,\n  },\n  {\n    name: 'Perplexity',\n    getUrl: (url: string) =>\n      `https://www.perplexity.ai/?q=${encodeURIComponent(url)}`,\n  },\n];\n"],"mappings":";;;;;;;;;AAWA,eAAsB,6BACpB,YACiB;AAMjB,SALe,MAAM,mBAAmB,OAGrC,YAAY,WAAW,EAEZ;;;;;;AAOhB,eAAsB,0BACpB,YACA,oBACoC;CAEpC,MAAM,UAAU,MAAM,0BACpB,oBACA,SACA,YACA,EACE,cANQ,sBAAsB,cAO/B,CACF;AAED,KAAI,WAAW,OAAO,YAAY,YAAY,UAAU,QACtD,QAAO;AAGT,QAAO;;;;;;AAOT,SAAgB,eAAe,OAAe,SAA0B;AAMtE,QAAO,IALM,WAAW,+BACF,QAAQ,mBAAmB,uBAAuB,GAGhD,UAAU,MAAM,MAAM,MAAM,QAAQ,OAAO,GAAG;;AAgBxE,MAAa,kBAAoC;CAC/C;EACE,MAAM;EACN,SAAS,QACP,0BAA0B,mBAAmB,IAAI;EACpD;CACD;EACE,MAAM;EACN,SAAS,QACP,6BAA6B,mBAAmB,IAAI;EACvD;CACD;EACE,MAAM;EACN,SAAS,QACP,4BAA4B,mBAAmB,IAAI;EACtD;CACD;EACE,MAAM;EACN,SAAS,QACP,+BAA+B,mBAAmB,IAAI;EACzD;CACD;EACE,MAAM;EACN,SAAS,QACP,gCAAgC,mBAAmB,IAAI;EAC1D;CACF"}

package/package.json

@@ -0,0 +1,151 @@
+{
+  "name": "@contractspec/bundle.marketing",
+  "version": "1.12.0",
+  "type": "module",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "lint": "bun run lint:fix",
+    "lint:fix": "eslint src --fix",
+    "lint:check": "eslint src",
+    "build": "bun build:types && bun build:bundle",
+    "build:bundle": "tsdown",
+    "build:types": "tsc --noEmit",
+    "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
+    "publish:pkg:canary": "bun publish:pkg --tag canary"
+  },
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/marketing": "./src/components/marketing/index.ts",
+    "./components/marketing/ChangelogPage": "./src/components/marketing/ChangelogPage.tsx",
+    "./components/marketing/CofounderPage": "./src/components/marketing/CofounderPage.tsx",
+    "./components/marketing/ContactClient": "./src/components/marketing/ContactClient.tsx",
+    "./components/marketing/ContributePage": "./src/components/marketing/ContributePage.tsx",
+    "./components/marketing/DesignPartnerPage": "./src/components/marketing/DesignPartnerPage.tsx",
+    "./components/marketing/LandingPage": "./src/components/marketing/LandingPage.tsx",
+    "./components/marketing/pricing-thinking-modal": "./src/components/marketing/pricing-thinking-modal.tsx",
+    "./components/marketing/PricingClient": "./src/components/marketing/PricingClient.tsx",
+    "./components/marketing/ProductClientPage": "./src/components/marketing/ProductClientPage.tsx",
+    "./components/marketing/sections/AudienceSection": "./src/components/marketing/sections/AudienceSection.tsx",
+    "./components/marketing/sections/CorePositioningSection": "./src/components/marketing/sections/CorePositioningSection.tsx",
+    "./components/marketing/sections/CtaSection": "./src/components/marketing/sections/CtaSection.tsx",
+    "./components/marketing/sections/DevelopersSection": "./src/components/marketing/sections/DevelopersSection.tsx",
+    "./components/marketing/sections/FearsSection": "./src/components/marketing/sections/FearsSection.tsx",
+    "./components/marketing/sections/HeroMarketingSection": "./src/components/marketing/sections/HeroMarketingSection.tsx",
+    "./components/marketing/sections/IconGridSection": "./src/components/marketing/sections/IconGridSection.tsx",
+    "./components/marketing/sections/OutputsSection": "./src/components/marketing/sections/OutputsSection.tsx",
+    "./components/marketing/sections/ProblemSection": "./src/components/marketing/sections/ProblemSection.tsx",
+    "./components/marketing/sections/SolutionSection": "./src/components/marketing/sections/SolutionSection.tsx",
+    "./components/marketing/sections/StepsSection": "./src/components/marketing/sections/StepsSection.tsx",
+    "./components/marketing/waitlist-section": "./src/components/marketing/waitlist-section.tsx",
+    "./components/templates": "./src/components/templates/index.ts",
+    "./components/templates/TemplatesClientPage": "./src/components/templates/TemplatesClientPage.tsx",
+    "./components/templates/TemplatesPage": "./src/components/templates/TemplatesPage.tsx",
+    "./components/templates/TemplatesPreviewModal": "./src/components/templates/TemplatesPreviewModal.tsx",
+    "./libs/email/client": "./src/libs/email/client.ts",
+    "./libs/email/contact": "./src/libs/email/contact.ts",
+    "./libs/email/newsletter": "./src/libs/email/newsletter.ts",
+    "./libs/email/types": "./src/libs/email/types.ts",
+    "./libs/email/utils": "./src/libs/email/utils.ts",
+    "./libs/email/waitlist": "./src/libs/email/waitlist.ts",
+    "./libs/email/waitlist-application": "./src/libs/email/waitlist-application.ts",
+    "./libs/pricing-examples": "./src/libs/pricing-examples.ts",
+    "./registry": "./src/registry/index.ts",
+    "./registry/engine": "./src/registry/engine.ts",
+    "./registry/factory": "./src/registry/factory.ts",
+    "./registry/registry": "./src/registry/registry.ts",
+    "./registry/registry-docs": "./src/registry/registry-docs.ts",
+    "./registry/registry-landing": "./src/registry/registry-landing.ts",
+    "./registry/types": "./src/registry/types.ts",
+    "./registry/utils": "./src/registry/utils.ts",
+    "./*": "./*"
+  },
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "@contractspec/bundle.library": "1.12.0",
+    "@contractspec/example.agent-console": "1.57.0",
+    "@contractspec/example.analytics-dashboard": "1.57.0",
+    "@contractspec/example.crm-pipeline": "1.57.0",
+    "@contractspec/example.integration-hub": "1.57.0",
+    "@contractspec/example.marketplace": "1.57.0",
+    "@contractspec/example.saas-boilerplate": "1.57.0",
+    "@contractspec/example.workflow-system": "1.57.0",
+    "@contractspec/lib.contracts": "1.57.0",
+    "@contractspec/lib.design-system": "1.57.0",
+    "@contractspec/lib.email": "1.11.0",
+    "@contractspec/lib.example-shared-ui": "1.11.0",
+    "@contractspec/lib.logger": "1.57.0",
+    "@contractspec/lib.runtime-sandbox": "0.12.0",
+    "@contractspec/lib.ui-kit-core": "1.57.0",
+    "@contractspec/lib.ui-kit-web": "1.57.0",
+    "@contractspec/lib.ui-link": "1.57.0",
+    "@contractspec/module.examples": "1.57.0",
+    "@electric-sql/pglite": "^0.3.14",
+    "@hookform/resolvers": "^5.2.2",
+    "@scaleway/sdk": "^3.1.5",
+    "@scaleway/sdk-client": "^2.1.0",
+    "class-variance-authority": "^0.7.1",
+    "framer-motion": "^12.33.0",
+    "lucide-react": "^0.563.0",
+    "next": "16.1.6",
+    "react": "19.2.4",
+    "react-hook-form": "^7.70.0",
+    "zod": "^4.3.5"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.13",
+    "@contractspec/tool.tsdown": "1.57.0",
+    "@contractspec/tool.typescript": "1.57.0",
+    "tsdown": "^0.20.3",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "exports": {
+      ".": "./dist/index.js",
+      "./components/marketing": "./dist/components/marketing/index.js",
+      "./components/marketing/ChangelogPage": "./dist/components/marketing/ChangelogPage.js",
+      "./components/marketing/CofounderPage": "./dist/components/marketing/CofounderPage.js",
+      "./components/marketing/ContactClient": "./dist/components/marketing/ContactClient.js",
+      "./components/marketing/ContributePage": "./dist/components/marketing/ContributePage.js",
+      "./components/marketing/DesignPartnerPage": "./dist/components/marketing/DesignPartnerPage.js",
+      "./components/marketing/LandingPage": "./dist/components/marketing/LandingPage.js",
+      "./components/marketing/pricing-thinking-modal": "./dist/components/marketing/pricing-thinking-modal.js",
+      "./components/marketing/PricingClient": "./dist/components/marketing/PricingClient.js",
+      "./components/marketing/ProductClientPage": "./dist/components/marketing/ProductClientPage.js",
+      "./components/marketing/sections/AudienceSection": "./dist/components/marketing/sections/AudienceSection.js",
+      "./components/marketing/sections/CorePositioningSection": "./dist/components/marketing/sections/CorePositioningSection.js",
+      "./components/marketing/sections/CtaSection": "./dist/components/marketing/sections/CtaSection.js",
+      "./components/marketing/sections/DevelopersSection": "./dist/components/marketing/sections/DevelopersSection.js",
+      "./components/marketing/sections/FearsSection": "./dist/components/marketing/sections/FearsSection.js",
+      "./components/marketing/sections/HeroMarketingSection": "./dist/components/marketing/sections/HeroMarketingSection.js",
+      "./components/marketing/sections/IconGridSection": "./dist/components/marketing/sections/IconGridSection.js",
+      "./components/marketing/sections/OutputsSection": "./dist/components/marketing/sections/OutputsSection.js",
+      "./components/marketing/sections/ProblemSection": "./dist/components/marketing/sections/ProblemSection.js",
+      "./components/marketing/sections/SolutionSection": "./dist/components/marketing/sections/SolutionSection.js",
+      "./components/marketing/sections/StepsSection": "./dist/components/marketing/sections/StepsSection.js",
+      "./components/marketing/waitlist-section": "./dist/components/marketing/waitlist-section.js",
+      "./components/templates": "./dist/components/templates/index.js",
+      "./components/templates/TemplatesClientPage": "./dist/components/templates/TemplatesClientPage.js",
+      "./components/templates/TemplatesPage": "./dist/components/templates/TemplatesPage.js",
+      "./components/templates/TemplatesPreviewModal": "./dist/components/templates/TemplatesPreviewModal.js",
+      "./libs/email/client": "./dist/libs/email/client.js",
+      "./libs/email/contact": "./dist/libs/email/contact.js",
+      "./libs/email/newsletter": "./dist/libs/email/newsletter.js",
+      "./libs/email/types": "./dist/libs/email/types.js",
+      "./libs/email/utils": "./dist/libs/email/utils.js",
+      "./libs/email/waitlist": "./dist/libs/email/waitlist.js",
+      "./libs/email/waitlist-application": "./dist/libs/email/waitlist-application.js",
+      "./libs/pricing-examples": "./dist/libs/pricing-examples.js",
+      "./registry": "./dist/registry/index.js",
+      "./registry/engine": "./dist/registry/engine.js",
+      "./registry/factory": "./dist/registry/factory.js",
+      "./registry/registry": "./dist/registry/registry.js",
+      "./registry/registry-docs": "./dist/registry/registry-docs.js",
+      "./registry/registry-landing": "./dist/registry/registry-landing.js",
+      "./registry/types": "./dist/registry/types.js",
+      "./registry/utils": "./dist/registry/utils.js",
+      "./*": "./*"
+    }
+  }
+}

package/src/components/marketing/ChangelogPage.tsx

@@ -0,0 +1,110 @@
+// export const metadata: Metadata = {
+//   title: 'Changelog: ContractSpec',
+//   description:
+//     'Updates and releases for ContractSpec. New features, improvements, and breaking changes for the spec-first compiler.',
+//   keywords: [
+//     'changelog',
+//     'updates',
+//     'releases',
+//     'features',
+//     'spec-first compiler',
+//     'AI code stabilization',
+//   ],
+//   openGraph: {
+//     title: 'Changelog: ContractSpec',
+//     description: 'Latest releases and improvements to ContractSpec.',
+//     url: 'https://contractspec.io/changelog',
+//     type: 'website',
+//   },
+//   alternates: {
+//     canonical: 'https://contractspec.io/changelog',
+//   },
+// };
+
+// export const metadata: Metadata = {
+//   title: 'Changelog: ContractSpec',
+//   ...
+// };
+
+export interface ChangelogEntry {
+  version: string;
+  date: string;
+  isBreaking: boolean;
+  packages: {
+    name: string;
+    changes: string[];
+  }[];
+}
+
+interface ChangelogPageProps {
+  entries: ChangelogEntry[];
+}
+
+export function ChangelogPage({ entries }: ChangelogPageProps) {
+  return (
+    <main>
+      {/* Hero */}
+      <section className="section-padding hero-gradient border-border relative border-b">
+        <div className="mx-auto max-w-4xl space-y-6 text-center">
+          <h1 className="text-5xl leading-tight font-bold md:text-6xl">
+            Changelog
+          </h1>
+          <p className="text-muted-foreground text-lg">
+            Latest releases and improvements to ContractSpec.
+          </p>
+        </div>
+      </section>
+
+      {/* Timeline */}
+      <section className="section-padding">
+        <div className="mx-auto max-w-3xl space-y-8">
+          {entries.map((entry, i) => (
+            <div
+              key={i}
+              className="card-subtle flex flex-col gap-6 p-8 md:flex-row md:items-start"
+            >
+              {/* Left: Version & Date */}
+              <div className="md:w-48 md:flex-shrink-0">
+                <div className="sticky top-24">
+                  <h3 className="text-2xl font-bold tracking-tight">
+                    {entry.version}
+                  </h3>
+                  <time className="text-muted-foreground mt-1 block text-sm font-medium">
+                    {entry.date}
+                  </time>
+                  {entry.isBreaking && (
+                    <span className="mt-2 inline-flex items-center rounded-full border border-red-500/50 bg-red-500/10 px-2.5 py-0.5 text-xs font-semibold text-red-500">
+                      Breaking Change
+                    </span>
+                  )}
+                </div>
+              </div>
+
+              {/* Right: Changes per package */}
+              <div className="flex-1 space-y-6">
+                {entry.packages.map((pkg, j) => (
+                  <div key={j} className="space-y-3">
+                    <h4 className="font-mono text-sm font-semibold text-violet-400">
+                      {pkg.name}
+                    </h4>
+                    <ul className="space-y-2">
+                      {pkg.changes.map((change, k) => (
+                        <li
+                          key={k}
+                          className="text-muted-foreground flex items-start gap-3 text-base leading-relaxed"
+                        >
+                          <span className="mt-1.5 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-violet-500/50" />
+                          <span>{change}</span>
+                        </li>
+                      ))}
+                    </ul>
+                  </div>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      </section>
+    </main>
+  );
+}