@bettercms-ai/kit 1.0.0 → 2.0.0

package/dist/library/entries/features.entries.js

@@ -0,0 +1,3157 @@
+import { tableFrom } from "../../schema/table.js";
+//#region src/library/entries/features.entries.ts
+var img = (seed, alt, w = 1600, h = 1e3, focal) => ({
+	url: `https://picsum.photos/seed/${seed}/${w}/${h}`,
+	alt,
+	name: `${seed}.jpg`,
+	width: w * 1.5,
+	height: h * 1.5,
+	...focal ? { focal } : {}
+});
+var GROUPS = [
+	{
+		name: "content",
+		title: "Content",
+		default: true
+	},
+	{
+		name: "media",
+		title: "Media"
+	},
+	{
+		name: "design",
+		title: "Design"
+	}
+];
+var CONTENT_DESIGN = [{
+	name: "content",
+	title: "Content",
+	default: true
+}, {
+	name: "design",
+	title: "Design"
+}];
+/** Section theme — the same three surfaces every block offers. Design, never content. */
+var theme = {
+	name: "theme",
+	title: "Theme",
+	type: "select",
+	group: "design",
+	layout: "segmented",
+	initialValue: "light",
+	options: [
+		{
+			value: "light",
+			label: "Light"
+		},
+		{
+			value: "dark",
+			label: "Dark"
+		},
+		{
+			value: "brand",
+			label: "Brand"
+		}
+	]
+};
+var anchor = {
+	name: "anchor",
+	title: "Anchor",
+	type: "string",
+	group: "design",
+	advanced: true,
+	validation: {
+		pattern: "^[a-z0-9-]*$",
+		patternMessage: "Use lowercase letters, numbers and hyphens, like our-story."
+	}
+};
+var featureGrid = {
+	name: "featureGrid",
+	title: "Feature grid",
+	kind: "block",
+	icon: "layout-grid",
+	category: "Features & storytelling",
+	description: "Icon, title and a short line for each benefit, in 2–4 columns",
+	variants: [
+		{
+			id: "three",
+			name: "3 columns",
+			description: "Six or nine benefits read best"
+		},
+		{
+			id: "four",
+			name: "4 columns",
+			description: "Short titles, one-line text"
+		},
+		{
+			id: "list",
+			name: "Icon list",
+			description: "Two columns, icon beside text"
+		}
+	],
+	preview: {
+		title: "heading",
+		subtitle: "eyebrow",
+		icon: "layout-grid"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "intro",
+			title: "Intro",
+			type: "text",
+			rows: 2,
+			validation: { recommendedMax: 200 },
+			ai: true,
+			localized: true
+		},
+		{
+			name: "features",
+			title: "Features",
+			type: "array",
+			itemNoun: "feature",
+			validation: {
+				min: 2,
+				max: 12
+			},
+			of: [{
+				name: "feature",
+				title: "Feature",
+				type: "object",
+				icon: "sparkles",
+				preview: {
+					title: "title",
+					subtitle: "body",
+					fallback: "Untitled feature"
+				},
+				fields: [
+					{
+						name: "icon",
+						title: "Icon",
+						type: "icon",
+						description: "Leave empty to show a number instead."
+					},
+					{
+						name: "title",
+						title: "Title",
+						type: "string",
+						validation: {
+							required: true,
+							max: 48
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "text",
+						rows: 2,
+						validation: { recommendedMax: 140 },
+						ai: true,
+						localized: true
+					},
+					{
+						name: "link",
+						title: "Learn more link",
+						type: "link"
+					}
+				]
+			}]
+		},
+		{
+			name: "button",
+			title: "Button",
+			type: "button"
+		},
+		{
+			name: "iconStyle",
+			title: "Icon style",
+			type: "select",
+			group: "design",
+			layout: "cards",
+			initialValue: "tile",
+			options: [
+				{
+					value: "plain",
+					label: "Plain",
+					icon: "point",
+					description: "Icon only"
+				},
+				{
+					value: "tile",
+					label: "Tile",
+					icon: "square",
+					description: "Icon on a soft square"
+				},
+				{
+					value: "circle",
+					label: "Circle",
+					icon: "circle",
+					description: "Icon on a soft circle"
+				}
+			]
+		},
+		{
+			name: "alignment",
+			title: "Alignment",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "left",
+			options: [{
+				value: "left",
+				label: "Left"
+			}, {
+				value: "center",
+				label: "Center"
+			}]
+		},
+		{
+			name: "showDividers",
+			title: "Show dividers",
+			type: "boolean",
+			group: "design"
+		},
+		theme,
+		anchor
+	]
+};
+var featureRows = {
+	name: "featureRows",
+	title: "Feature rows",
+	kind: "block",
+	icon: "layout-rows",
+	category: "Features & storytelling",
+	description: "Image and text side by side, swapping sides row after row",
+	variants: [{
+		id: "zigzag",
+		name: "Zigzag",
+		description: "Sides alternate automatically"
+	}, {
+		id: "sticky",
+		name: "Sticky media",
+		description: "Text scrolls past a pinned image"
+	}],
+	preview: {
+		title: "heading",
+		icon: "layout-rows"
+	},
+	groups: GROUPS,
+	fields: [
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: { recommendedMax: 60 },
+			ai: true,
+			localized: true
+		},
+		{
+			name: "rows",
+			title: "Rows",
+			type: "array",
+			itemNoun: "row",
+			validation: {
+				min: 1,
+				max: 6
+			},
+			of: [{
+				name: "row",
+				title: "Row",
+				type: "object",
+				icon: "layout-rows",
+				preview: {
+					title: "title",
+					subtitle: "eyebrow",
+					media: "image",
+					fallback: "Untitled row"
+				},
+				fields: [
+					{
+						name: "eyebrow",
+						title: "Eyebrow",
+						type: "string",
+						validation: { max: 32 }
+					},
+					{
+						name: "title",
+						title: "Title",
+						type: "string",
+						validation: {
+							required: true,
+							recommendedMax: 60
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "richtext",
+						ai: true,
+						localized: true
+					},
+					{
+						name: "points",
+						title: "Points",
+						type: "array",
+						itemNoun: "point",
+						validation: { max: 5 },
+						of: [{
+							name: "point",
+							title: "Point",
+							type: "string",
+							validation: { max: 80 },
+							localized: true
+						}]
+					},
+					{
+						name: "button",
+						title: "Button",
+						type: "button"
+					},
+					{
+						name: "mediaType",
+						title: "Media",
+						type: "select",
+						layout: "segmented",
+						initialValue: "image",
+						options: [{
+							value: "image",
+							label: "Image"
+						}, {
+							value: "video",
+							label: "Video"
+						}],
+						group: "media"
+					},
+					{
+						name: "image",
+						title: "Image",
+						type: "image",
+						group: "media",
+						hidden: {
+							field: "mediaType",
+							equals: "image"
+						},
+						validation: { required: true }
+					},
+					{
+						name: "video",
+						title: "Video",
+						type: "video",
+						group: "media",
+						hidden: {
+							field: "mediaType",
+							equals: "video"
+						},
+						validation: { required: true },
+						description: "Plays muted and loops."
+					},
+					{
+						name: "side",
+						title: "Image side",
+						type: "select",
+						group: "design",
+						layout: "segmented",
+						initialValue: "auto",
+						options: [
+							{
+								value: "auto",
+								label: "Auto"
+							},
+							{
+								value: "left",
+								label: "Left"
+							},
+							{
+								value: "right",
+								label: "Right"
+							}
+						],
+						description: "Auto alternates from the section's first side."
+					}
+				]
+			}]
+		},
+		{
+			name: "startSide",
+			title: "First image on",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "right",
+			options: [{
+				value: "left",
+				label: "Left"
+			}, {
+				value: "right",
+				label: "Right"
+			}],
+			description: "Later rows alternate from here."
+		},
+		{
+			name: "mediaRatio",
+			title: "Media shape",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "4:3",
+			options: [
+				{
+					value: "1:1",
+					label: "Square"
+				},
+				{
+					value: "4:3",
+					label: "4:3"
+				},
+				{
+					value: "3:4",
+					label: "Portrait"
+				}
+			]
+		},
+		theme,
+		anchor
+	]
+};
+var featureBento = {
+	name: "featureBento",
+	title: "Feature bento",
+	kind: "block",
+	icon: "layout-dashboard",
+	category: "Features & storytelling",
+	description: "Product capabilities as a mosaic of cells, each its own block, sized per screen",
+	variants: [{
+		id: "grid-4",
+		name: "4-column grid"
+	}, {
+		id: "grid-6",
+		name: "6-column grid",
+		description: "Finer spans for dense product tours"
+	}],
+	preview: {
+		title: "heading",
+		subtitle: "eyebrow",
+		icon: "layout-dashboard"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "subheading",
+			title: "Subheading",
+			type: "text",
+			rows: 2,
+			validation: { recommendedMax: 180 },
+			ai: true,
+			localized: true
+		},
+		{
+			name: "cells",
+			title: "Cells",
+			type: "slot",
+			validation: {
+				min: 3,
+				max: 10
+			},
+			of: {
+				type: "block",
+				allow: [
+					"featureBlock",
+					"statBlock",
+					"imageBlock",
+					"videoBlock",
+					"quoteBlock",
+					"ctaCard",
+					"textBlock"
+				]
+			},
+			slotSettings: [
+				{
+					name: "desktopWidth",
+					title: "Width on desktop",
+					type: "number",
+					layout: "slider",
+					initialValue: 2,
+					numeric: {
+						min: 1,
+						max: 6,
+						step: 1,
+						unit: "cols"
+					},
+					description: "In grid columns."
+				},
+				{
+					name: "rowsDesktop",
+					title: "Height on desktop",
+					type: "number",
+					layout: "slider",
+					initialValue: 1,
+					numeric: {
+						min: 1,
+						max: 3,
+						step: 1,
+						unit: "rows"
+					}
+				},
+				{
+					name: "tabletWidth",
+					title: "Width on tablet",
+					type: "select",
+					layout: "segmented",
+					initialValue: "half",
+					options: [{
+						value: "half",
+						label: "Half"
+					}, {
+						value: "full",
+						label: "Full"
+					}]
+				},
+				{
+					name: "mobileOrder",
+					title: "Order on phones",
+					type: "number",
+					numeric: {
+						min: 1,
+						max: 10,
+						step: 1
+					},
+					description: "Lower numbers go first. Leave empty to keep the desktop order."
+				},
+				{
+					name: "surface",
+					title: "Surface",
+					type: "select",
+					layout: "segmented",
+					initialValue: "muted",
+					options: [
+						{
+							value: "muted",
+							label: "Muted"
+						},
+						{
+							value: "dark",
+							label: "Dark"
+						},
+						{
+							value: "brand",
+							label: "Brand"
+						},
+						{
+							value: "image",
+							label: "Image"
+						}
+					]
+				},
+				{
+					name: "background",
+					title: "Background image",
+					type: "image",
+					hidden: {
+						field: "surface",
+						equals: "image"
+					}
+				}
+			]
+		},
+		{
+			name: "button",
+			title: "Button",
+			type: "button"
+		},
+		{
+			name: "gap",
+			title: "Gap",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "md",
+			options: [
+				{
+					value: "sm",
+					label: "S"
+				},
+				{
+					value: "md",
+					label: "M"
+				},
+				{
+					value: "lg",
+					label: "L"
+				}
+			]
+		},
+		{
+			name: "radius",
+			title: "Corner radius",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "lg",
+			options: [
+				{
+					value: "none",
+					label: "None"
+				},
+				{
+					value: "md",
+					label: "M"
+				},
+				{
+					value: "lg",
+					label: "L"
+				}
+			]
+		},
+		theme
+	]
+};
+var steps = {
+	name: "howItWorks",
+	title: "Steps",
+	kind: "block",
+	icon: "list-numbers",
+	category: "Features & storytelling",
+	description: "A numbered process: how it works, getting started, what happens next",
+	variants: [
+		{
+			id: "row",
+			name: "In a row",
+			description: "Steps side by side with a connector line"
+		},
+		{
+			id: "stack",
+			name: "Vertical",
+			description: "A numbered column, room for images"
+		},
+		{
+			id: "cards",
+			name: "Cards"
+		}
+	],
+	preview: {
+		title: "heading",
+		icon: "list-numbers"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "steps",
+			title: "Steps",
+			type: "array",
+			itemNoun: "step",
+			validation: {
+				min: 2,
+				max: 6
+			},
+			description: "Numbers come from the order.",
+			of: [{
+				name: "step",
+				title: "Step",
+				type: "object",
+				icon: "circle-number-1",
+				preview: {
+					title: "title",
+					subtitle: "body",
+					media: "image",
+					fallback: "Untitled step"
+				},
+				fields: [
+					{
+						name: "title",
+						title: "Title",
+						type: "string",
+						validation: {
+							required: true,
+							max: 48
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "text",
+						rows: 2,
+						validation: { recommendedMax: 160 },
+						ai: true,
+						localized: true
+					},
+					{
+						name: "icon",
+						title: "Icon",
+						type: "icon",
+						description: "Cards layout only. Replaces the number."
+					},
+					{
+						name: "duration",
+						title: "Time it takes",
+						type: "string",
+						placeholder: "2 minutes",
+						validation: { max: 20 }
+					},
+					{
+						name: "image",
+						title: "Image",
+						type: "image",
+						description: "Vertical layout only."
+					},
+					{
+						name: "link",
+						title: "Link",
+						type: "link"
+					}
+				]
+			}]
+		},
+		{
+			name: "button",
+			title: "Button",
+			type: "button"
+		},
+		{
+			name: "numberStyle",
+			title: "Numbering",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "digits",
+			options: [
+				{
+					value: "digits",
+					label: "1 2 3"
+				},
+				{
+					value: "padded",
+					label: "01 02 03"
+				},
+				{
+					value: "none",
+					label: "None"
+				}
+			]
+		},
+		{
+			name: "showConnector",
+			title: "Connect the steps",
+			type: "boolean",
+			group: "design",
+			initialValue: true
+		},
+		theme
+	]
+};
+var timeline = {
+	name: "timeline",
+	title: "Timeline",
+	kind: "block",
+	icon: "timeline",
+	category: "Features & storytelling",
+	description: "Milestones in order: company history, product evolution, a trip log",
+	variants: [{
+		id: "vertical",
+		name: "Vertical",
+		description: "Alternating sides of a center line"
+	}, {
+		id: "horizontal",
+		name: "Horizontal scroll"
+	}],
+	preview: {
+		title: "heading",
+		icon: "timeline"
+	},
+	groups: GROUPS,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "intro",
+			title: "Intro",
+			type: "text",
+			rows: 2,
+			localized: true
+		},
+		{
+			name: "milestones",
+			title: "Milestones",
+			type: "array",
+			itemNoun: "milestone",
+			validation: {
+				min: 2,
+				max: 30
+			},
+			description: "Shown in date order, whatever the order here.",
+			of: [{
+				name: "milestone",
+				title: "Milestone",
+				type: "object",
+				icon: "flag",
+				preview: {
+					title: "title",
+					subtitle: "year",
+					media: "image",
+					fallback: "Untitled milestone"
+				},
+				fields: [
+					{
+						name: "precision",
+						title: "Date shown as",
+						type: "select",
+						layout: "segmented",
+						initialValue: "year",
+						options: [
+							{
+								value: "year",
+								label: "Year"
+							},
+							{
+								value: "month",
+								label: "Month"
+							},
+							{
+								value: "day",
+								label: "Exact day"
+							}
+						]
+					},
+					{
+						name: "year",
+						title: "Year",
+						type: "number",
+						numeric: {
+							min: 1800,
+							max: 2100,
+							step: 1
+						},
+						hidden: {
+							field: "precision",
+							equals: "year"
+						},
+						validation: { required: true }
+					},
+					{
+						name: "date",
+						title: "Date",
+						type: "date",
+						hidden: {
+							field: "precision",
+							equals: ["month", "day"]
+						},
+						validation: { required: true },
+						description: "For Month, any day in the month works."
+					},
+					{
+						name: "label",
+						title: "Label override",
+						type: "string",
+						placeholder: "Spring 2016",
+						validation: { max: 24 },
+						advanced: true,
+						description: "Replaces the formatted date. Sorting still uses the date."
+					},
+					{
+						name: "title",
+						title: "Title",
+						type: "string",
+						validation: {
+							required: true,
+							max: 64
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "richtext",
+						localized: true
+					},
+					{
+						name: "image",
+						title: "Image",
+						type: "image",
+						group: "media"
+					},
+					{
+						name: "isHighlighted",
+						title: "Highlight this milestone",
+						type: "boolean"
+					}
+				]
+			}]
+		},
+		{
+			name: "order",
+			title: "Order",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "asc",
+			options: [{
+				value: "asc",
+				label: "Oldest first"
+			}, {
+				value: "desc",
+				label: "Newest first"
+			}]
+		},
+		theme,
+		anchor
+	]
+};
+var mediaTabs = {
+	name: "mediaTabs",
+	title: "Tabs with media",
+	kind: "block",
+	icon: "browser",
+	category: "Features & storytelling",
+	description: "A fixed-shape product tour: each tab has copy and its own screenshot or clip",
+	variants: [{
+		id: "top",
+		name: "Tabs on top"
+	}, {
+		id: "side",
+		name: "Tabs on the side",
+		description: "Tab labels stack with their descriptions"
+	}],
+	preview: {
+		title: "heading",
+		icon: "layout-navbar"
+	},
+	groups: GROUPS,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "tabs",
+			title: "Tabs",
+			type: "array",
+			itemNoun: "tab",
+			validation: {
+				min: 2,
+				max: 6
+			},
+			of: [{
+				name: "tab",
+				title: "Tab",
+				type: "object",
+				icon: "layout-navbar",
+				preview: {
+					title: "label",
+					subtitle: "title",
+					media: "screenshot",
+					fallback: "Untitled tab"
+				},
+				fields: [
+					{
+						name: "label",
+						title: "Tab label",
+						type: "string",
+						validation: {
+							required: true,
+							max: 20
+						},
+						localized: true
+					},
+					{
+						name: "icon",
+						title: "Icon",
+						type: "icon"
+					},
+					{
+						name: "summary",
+						title: "Tab description",
+						type: "text",
+						rows: 2,
+						validation: { recommendedMax: 90 },
+						localized: true,
+						description: "Side layout only."
+					},
+					{
+						name: "title",
+						title: "Panel title",
+						type: "string",
+						validation: { recommendedMax: 60 },
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "richtext",
+						ai: true,
+						localized: true
+					},
+					{
+						name: "button",
+						title: "Button",
+						type: "button"
+					},
+					{
+						name: "mediaType",
+						title: "Media",
+						type: "select",
+						layout: "segmented",
+						group: "media",
+						initialValue: "image",
+						options: [{
+							value: "image",
+							label: "Image"
+						}, {
+							value: "video",
+							label: "Video"
+						}]
+					},
+					{
+						name: "screenshot",
+						title: "Screenshot",
+						type: "image",
+						group: "media",
+						hidden: {
+							field: "mediaType",
+							equals: "image"
+						},
+						validation: { required: true },
+						description: "Export at 2× the shown size."
+					},
+					{
+						name: "video",
+						title: "Clip",
+						type: "video",
+						group: "media",
+						hidden: {
+							field: "mediaType",
+							equals: "video"
+						},
+						validation: { required: true }
+					},
+					{
+						name: "poster",
+						title: "Poster",
+						type: "image",
+						group: "media",
+						hidden: {
+							field: "mediaType",
+							equals: "video"
+						}
+					}
+				]
+			}]
+		},
+		{
+			name: "autoplay",
+			title: "Play automatically",
+			type: "boolean",
+			group: "design"
+		},
+		{
+			name: "interval",
+			title: "Seconds per tab",
+			type: "number",
+			group: "design",
+			layout: "slider",
+			hidden: {
+				field: "autoplay",
+				equals: true
+			},
+			initialValue: 6,
+			numeric: {
+				min: 3,
+				max: 15,
+				step: 1,
+				unit: "s"
+			}
+		},
+		{
+			name: "frame",
+			title: "Media frame",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "browser",
+			options: [
+				{
+					value: "none",
+					label: "None"
+				},
+				{
+					value: "browser",
+					label: "Browser"
+				},
+				{
+					value: "device",
+					label: "Phone"
+				}
+			]
+		},
+		theme
+	]
+};
+var accordionFeatures = {
+	name: "accordionFeatures",
+	title: "Accordion features",
+	kind: "block",
+	icon: "list-details",
+	category: "Features & storytelling",
+	description: "An accordion of features; opening one swaps the image beside it",
+	variants: [{
+		id: "image-right",
+		name: "Image right"
+	}, {
+		id: "image-left",
+		name: "Image left"
+	}],
+	preview: {
+		title: "heading",
+		icon: "layout-list"
+	},
+	groups: GROUPS,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "items",
+			title: "Features",
+			type: "array",
+			itemNoun: "feature",
+			validation: {
+				min: 2,
+				max: 7
+			},
+			of: [{
+				name: "item",
+				title: "Feature",
+				type: "object",
+				icon: "chevron-down",
+				preview: {
+					title: "title",
+					media: "image",
+					fallback: "Untitled feature"
+				},
+				fields: [
+					{
+						name: "title",
+						title: "Title",
+						type: "string",
+						validation: {
+							required: true,
+							max: 56
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "body",
+						title: "Body",
+						type: "richtext",
+						ai: true,
+						localized: true
+					},
+					{
+						name: "image",
+						title: "Image",
+						type: "image",
+						group: "media",
+						validation: { required: true },
+						description: "Replaces the main image while this row is open."
+					},
+					{
+						name: "link",
+						title: "Link",
+						type: "link"
+					}
+				]
+			}]
+		},
+		{
+			name: "isFirstOpen",
+			title: "Open the first feature",
+			type: "boolean",
+			group: "design",
+			initialValue: true
+		},
+		{
+			name: "autoplay",
+			title: "Play automatically",
+			type: "boolean",
+			group: "design"
+		},
+		theme
+	]
+};
+var comparisonTable = {
+	name: "competitorComparison",
+	title: "Competitor comparison",
+	kind: "block",
+	icon: "vs",
+	category: "Features & storytelling",
+	description: "Your product against alternatives, row by row: included, not included, or a few words",
+	variants: [{
+		id: "table",
+		name: "Table"
+	}, {
+		id: "cards",
+		name: "Cards on phones",
+		description: "Each competitor becomes a card below 640px"
+	}],
+	preview: {
+		title: "heading",
+		icon: "table"
+	},
+	groups: [
+		{
+			name: "content",
+			title: "Content",
+			default: true
+		},
+		{
+			name: "columns",
+			title: "Brands"
+		},
+		{
+			name: "design",
+			title: "Design"
+		}
+	],
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "intro",
+			title: "Intro",
+			type: "text",
+			rows: 2,
+			localized: true
+		},
+		{
+			name: "columns",
+			title: "Columns",
+			type: "array",
+			group: "columns",
+			itemNoun: "column",
+			validation: {
+				min: 2,
+				max: 5
+			},
+			description: "The first column is you.",
+			of: [{
+				name: "column",
+				title: "Column",
+				type: "object",
+				icon: "columns",
+				preview: {
+					title: "name",
+					subtitle: "key",
+					media: "logo",
+					fallback: "Untitled column"
+				},
+				fields: [
+					{
+						name: "key",
+						title: "Key",
+						type: "slug",
+						access: { edit: "schema.manage" },
+						lockReason: "The table's column uses this key. Changing it would orphan its cells.",
+						validation: {
+							required: true,
+							unique: true
+						}
+					},
+					{
+						name: "name",
+						title: "Name",
+						type: "string",
+						validation: {
+							required: true,
+							max: 24
+						}
+					},
+					{
+						name: "logo",
+						title: "Logo",
+						type: "image",
+						description: "SVG or a transparent PNG."
+					},
+					{
+						name: "isHighlighted",
+						title: "Highlight this column",
+						type: "boolean"
+					},
+					{
+						name: "badge",
+						title: "Badge",
+						type: "string",
+						hidden: {
+							field: "isHighlighted",
+							equals: true
+						},
+						placeholder: "Best value",
+						validation: { max: 16 }
+					},
+					{
+						name: "price",
+						title: "Price line",
+						type: "string",
+						placeholder: "$29 / month",
+						validation: { max: 24 }
+					},
+					{
+						name: "button",
+						title: "Button",
+						type: "button",
+						hidden: {
+							field: "isHighlighted",
+							equals: true
+						}
+					}
+				]
+			}]
+		},
+		{
+			name: "comparison",
+			title: "Comparison",
+			type: "table",
+			localized: true,
+			validation: { required: true },
+			table: {
+				maxColumns: 6,
+				maxRows: 60,
+				columnTypes: [
+					"text",
+					"boolean",
+					"number",
+					"money",
+					"rating",
+					"link"
+				],
+				jsonLd: ["ItemList"],
+				settings: {
+					totals: false,
+					phones: []
+				}
+			}
+		},
+		{
+			name: "verifiedOn",
+			title: "Last checked",
+			type: "date",
+			description: "Shown under the table.",
+			validation: { required: true }
+		},
+		theme
+	]
+};
+var statsBand = {
+	name: "statsBand",
+	title: "Stats band",
+	kind: "block",
+	icon: "chart-bar",
+	category: "Features & storytelling",
+	description: "Three to five big numbers in a row, each with its source",
+	variants: [{
+		id: "inline",
+		name: "Inline",
+		description: "Numbers in one row, dividers between"
+	}, {
+		id: "split",
+		name: "Heading + stats",
+		description: "Heading left, numbers right"
+	}],
+	preview: {
+		title: "heading",
+		icon: "chart-bar"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: { recommendedMax: 60 },
+			ai: true,
+			localized: true,
+			description: "Heading + stats layout only."
+		},
+		{
+			name: "stats",
+			title: "Stats",
+			type: "array",
+			itemNoun: "stat",
+			validation: {
+				min: 2,
+				max: 5
+			},
+			of: [{
+				name: "stat",
+				title: "Stat",
+				type: "object",
+				icon: "number",
+				preview: {
+					title: "label",
+					subtitle: "value",
+					fallback: "Untitled stat"
+				},
+				fields: [
+					{
+						name: "prefix",
+						title: "Before",
+						type: "string",
+						placeholder: "$",
+						validation: { max: 3 },
+						description: "Shown before the number, e.g. $."
+					},
+					{
+						name: "value",
+						title: "Number",
+						type: "number",
+						validation: { required: true },
+						numeric: { step: .1 },
+						description: "Digits only. Formatting is added per language."
+					},
+					{
+						name: "suffix",
+						title: "After",
+						type: "string",
+						placeholder: "k+",
+						validation: { max: 6 },
+						description: "Shown after the number, e.g. %, k+, yrs."
+					},
+					{
+						name: "decimals",
+						title: "Decimals",
+						type: "number",
+						numeric: {
+							min: 0,
+							max: 2,
+							step: 1
+						},
+						initialValue: 0,
+						advanced: true
+					},
+					{
+						name: "label",
+						title: "Label",
+						type: "string",
+						validation: {
+							required: true,
+							max: 48
+						},
+						localized: true
+					},
+					{
+						name: "source",
+						title: "Source",
+						type: "link"
+					},
+					{
+						name: "asOf",
+						title: "As of",
+						type: "date"
+					}
+				]
+			}]
+		},
+		{
+			name: "useCountUp",
+			title: "Count up on scroll",
+			type: "boolean",
+			group: "design",
+			initialValue: true
+		},
+		theme
+	]
+};
+var manifesto = {
+	name: "manifesto",
+	title: "Manifesto",
+	kind: "block",
+	icon: "blockquote",
+	category: "Features & storytelling",
+	description: "A big-type statement of belief or a single pull quote, with attribution",
+	variants: [{
+		id: "lines",
+		name: "Manifesto lines",
+		description: "One belief per line, revealed on scroll"
+	}, {
+		id: "quote",
+		name: "Pull quote",
+		description: "One large quote with a signature"
+	}],
+	preview: {
+		title: "eyebrow",
+		subtitle: "attribution.name",
+		icon: "quote"
+	},
+	groups: GROUPS,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "mode",
+			title: "Content",
+			type: "select",
+			layout: "segmented",
+			initialValue: "lines",
+			options: [{
+				value: "lines",
+				label: "Lines"
+			}, {
+				value: "quote",
+				label: "Quote"
+			}]
+		},
+		{
+			name: "lines",
+			title: "Lines",
+			type: "array",
+			itemNoun: "line",
+			hidden: {
+				field: "mode",
+				equals: "lines"
+			},
+			validation: {
+				min: 2,
+				max: 8
+			},
+			of: [{
+				name: "line",
+				title: "Line",
+				type: "richtext",
+				localized: true,
+				description: "Italic words are emphasised."
+			}]
+		},
+		{
+			name: "quote",
+			title: "Quote",
+			type: "text",
+			rows: 4,
+			hidden: {
+				field: "mode",
+				equals: "quote"
+			},
+			validation: {
+				required: true,
+				recommendedMax: 220
+			},
+			localized: true,
+			description: "Without quotation marks; the design adds them."
+		},
+		{
+			name: "attribution",
+			title: "Attribution",
+			type: "object",
+			icon: "signature",
+			openMode: "inline",
+			fields: [
+				{
+					name: "name",
+					title: "Name",
+					type: "string",
+					validation: { max: 48 }
+				},
+				{
+					name: "role",
+					title: "Role",
+					type: "string",
+					validation: { max: 64 },
+					localized: true
+				},
+				{
+					name: "signature",
+					title: "Signature",
+					type: "image",
+					description: "A transparent PNG or SVG."
+				}
+			]
+		},
+		{
+			name: "background",
+			title: "Background image",
+			type: "image",
+			group: "media"
+		},
+		{
+			name: "overlay",
+			title: "Image overlay",
+			type: "number",
+			group: "design",
+			layout: "slider",
+			hidden: {
+				field: "background",
+				notEmpty: true
+			},
+			initialValue: 45,
+			numeric: {
+				min: 0,
+				max: 80,
+				step: 5,
+				unit: "%"
+			}
+		},
+		{
+			name: "size",
+			title: "Type size",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "xl",
+			options: [
+				{
+					value: "lg",
+					label: "Large"
+				},
+				{
+					value: "xl",
+					label: "Extra large"
+				},
+				{
+					value: "display",
+					label: "Display"
+				}
+			]
+		},
+		theme
+	]
+};
+var problemSolution = {
+	name: "problemSolution",
+	title: "Problem and solution",
+	kind: "block",
+	icon: "arrows-exchange",
+	category: "Features & storytelling",
+	description: "The pain your buyer has today, set against how you fix it",
+	variants: [{
+		id: "columns",
+		name: "Two columns",
+		description: "Problems left, solutions right"
+	}, {
+		id: "pairs",
+		name: "Paired rows",
+		description: "Each problem sits next to its fix"
+	}],
+	preview: {
+		title: "heading",
+		icon: "arrows-exchange"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "problem",
+			title: "Problem side",
+			type: "object",
+			icon: "alert-triangle",
+			fields: [{
+				name: "label",
+				title: "Column label",
+				type: "string",
+				initialValue: "Without Ledgerly",
+				validation: { max: 32 },
+				localized: true
+			}, {
+				name: "summary",
+				title: "Summary",
+				type: "text",
+				rows: 2,
+				localized: true
+			}]
+		},
+		{
+			name: "solution",
+			title: "Solution side",
+			type: "object",
+			icon: "circle-check",
+			fields: [
+				{
+					name: "label",
+					title: "Column label",
+					type: "string",
+					initialValue: "With Ledgerly",
+					validation: { max: 32 },
+					localized: true
+				},
+				{
+					name: "summary",
+					title: "Summary",
+					type: "text",
+					rows: 2,
+					localized: true
+				},
+				{
+					name: "button",
+					title: "Button",
+					type: "button"
+				}
+			]
+		},
+		{
+			name: "pairs",
+			title: "Pairs",
+			type: "array",
+			itemNoun: "pair",
+			validation: {
+				min: 2,
+				max: 6
+			},
+			of: [{
+				name: "pair",
+				title: "Pair",
+				type: "object",
+				icon: "arrows-exchange",
+				preview: {
+					title: "problem",
+					subtitle: "solution",
+					fallback: "Untitled pair"
+				},
+				fields: [
+					{
+						name: "problem",
+						title: "Problem",
+						type: "string",
+						validation: {
+							required: true,
+							max: 90
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "solution",
+						title: "Solution",
+						type: "string",
+						validation: {
+							required: true,
+							max: 90
+						},
+						ai: true,
+						localized: true
+					},
+					{
+						name: "metric",
+						title: "Proof",
+						type: "string",
+						placeholder: "4 hours saved a month",
+						validation: { max: 40 },
+						localized: true
+					}
+				]
+			}]
+		},
+		{
+			name: "tone",
+			title: "Problem tone",
+			type: "select",
+			group: "design",
+			layout: "segmented",
+			initialValue: "muted",
+			options: [{
+				value: "muted",
+				label: "Muted"
+			}, {
+				value: "warning",
+				label: "Warning"
+			}]
+		},
+		theme
+	]
+};
+var integrations = {
+	name: "integrationsGrid",
+	title: "Integrations grid",
+	kind: "block",
+	icon: "plug-connected",
+	category: "Features & storytelling",
+	description: "Logos of the tools you connect with, filterable by category, each linking to its page",
+	variants: [{
+		id: "grid",
+		name: "Logo grid",
+		description: "Logo, name and one line per tile"
+	}, {
+		id: "compact",
+		name: "Compact",
+		description: "Logos only, names on hover"
+	}],
+	preview: {
+		title: "heading",
+		icon: "plug-connected"
+	},
+	groups: CONTENT_DESIGN,
+	fields: [
+		{
+			name: "eyebrow",
+			title: "Eyebrow",
+			type: "string",
+			validation: { max: 32 }
+		},
+		{
+			name: "heading",
+			title: "Heading",
+			type: "string",
+			validation: {
+				required: true,
+				recommendedMax: 60
+			},
+			ai: true,
+			localized: true
+		},
+		{
+			name: "subheading",
+			title: "Subheading",
+			type: "text",
+			rows: 2,
+			localized: true
+		},
+		{
+			name: "source",
+			title: "Which integrations",
+			type: "select",
+			layout: "radio",
+			initialValue: "query",
+			options: [{
+				value: "query",
+				label: "From the Integrations collection",
+				description: "New integrations appear here on their own"
+			}, {
+				value: "manual",
+				label: "Pick them",
+				description: "A fixed list in your order"
+			}]
+		},
+		{
+			name: "categories",
+			title: "Categories",
+			type: "array",
+			hidden: {
+				field: "source",
+				equals: "query"
+			},
+			of: [{
+				name: "category",
+				title: "Category",
+				type: "reference",
+				reference: { to: ["col_integration_categories"] }
+			}],
+			description: "Leave empty for all categories."
+		},
+		{
+			name: "showFeaturedOnly",
+			title: "Featured only",
+			type: "boolean",
+			hidden: {
+				field: "source",
+				equals: "query"
+			}
+		},
+		{
+			name: "limit",
+			title: "How many",
+			type: "number",
+			hidden: {
+				field: "source",
+				equals: "query"
+			},
+			initialValue: 24,
+			numeric: {
+				min: 4,
+				max: 96,
+				step: 4
+			}
+		},
+		{
+			name: "sort",
+			title: "Sort by",
+			type: "select",
+			hidden: {
+				field: "source",
+				equals: "query"
+			},
+			initialValue: "popular",
+			options: [
+				{
+					value: "popular",
+					label: "Most used"
+				},
+				{
+					value: "az",
+					label: "A to Z"
+				},
+				{
+					value: "new",
+					label: "Newest"
+				}
+			]
+		},
+		{
+			name: "items",
+			title: "Integrations",
+			type: "array",
+			itemNoun: "integration",
+			arrayLayout: "grid",
+			hidden: {
+				field: "source",
+				equals: "manual"
+			},
+			validation: {
+				min: 4,
+				max: 48
+			},
+			of: [{
+				name: "integration",
+				title: "Integration",
+				type: "reference",
+				reference: { to: ["col_integrations"] }
+			}]
+		},
+		{
+			name: "showFilter",
+			title: "Show category filter",
+			type: "boolean",
+			initialValue: true
+		},
+		{
+			name: "showSearch",
+			title: "Show search",
+			type: "boolean"
+		},
+		{
+			name: "viewAllButton",
+			title: "View all button",
+			type: "button",
+			description: "Hidden when everything already fits."
+		},
+		{
+			name: "columns",
+			title: "Columns on desktop",
+			type: "number",
+			group: "design",
+			layout: "slider",
+			initialValue: 4,
+			numeric: {
+				min: 3,
+				max: 6,
+				step: 1
+			}
+		},
+		{
+			name: "isMonochrome",
+			title: "Monochrome logos",
+			type: "boolean",
+			group: "design"
+		},
+		theme
+	]
+};
+var ENTRIES = [
+	{
+		id: "feature-icon-grid",
+		label: "Icon feature grid",
+		proves: "Bounded repeater · per-item optional link · column count as a variant, not a number field",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"variants",
+			"validation",
+			"localized"
+		],
+		brand: "Caldera",
+		previewLayout: "grid-3",
+		schema: featureGrid,
+		value: {
+			_variant: "three",
+			eyebrow: "Why cast iron",
+			heading: "Gear that gets better every time you cook.",
+			intro: "Every Caldera piece is poured, machined and seasoned in Bend, Oregon — then guaranteed for life.",
+			features: [
+				{
+					_key: "f1",
+					icon: "flame",
+					title: "Rated to 900°F",
+					body: "Straight onto coals, into a pizza oven or under the broiler. No coatings to burn off.",
+					link: {
+						type: "page",
+						href: "/journal/heat-ratings",
+						label: "How we test",
+						title: "Heat ratings"
+					}
+				},
+				{
+					_key: "f2",
+					icon: "feather",
+					title: "40% lighter",
+					body: "Thin-wall casting gets a 10\" skillet under four pounds without losing heat retention."
+				},
+				{
+					_key: "f3",
+					icon: "droplet",
+					title: "Pre-seasoned three times",
+					body: "Flaxseed and grapeseed oil, baked on in layers. Cook eggs on day one."
+				},
+				{
+					_key: "f4",
+					icon: "shield-check",
+					title: "Lifetime warranty",
+					body: "Crack it, warp it, lose the handle — we replace it. No receipt needed.",
+					link: {
+						type: "page",
+						href: "/warranty",
+						label: "Read the warranty",
+						title: "Warranty"
+					}
+				},
+				{
+					_key: "f5",
+					icon: "recycle",
+					title: "Recycled iron",
+					body: "92% of our iron is reclaimed from scrap engine blocks and radiators."
+				},
+				{
+					_key: "f6",
+					icon: "backpack",
+					title: "Packs flat",
+					body: "Folding handles and nesting lids fit a 45-litre pack with room for food."
+				}
+			],
+			button: {
+				label: "Compare cookware",
+				href: "/products",
+				type: "page",
+				title: "Products",
+				style: "outline",
+				arrow: true
+			},
+			iconStyle: "tile",
+			alignment: "left",
+			showDividers: false,
+			theme: "light"
+		},
+		notes: {
+			why: "Features are an ARRAY OF OBJECTS because they are owned by this section and never reused elsewhere — if the same benefits appear on five product pages, promote them to a `col_features` collection and switch the array to references. Column count is a VARIANT (3/4/list), not a number, because the layout changes (icon beside vs above text), and variants swap without losing content. The per-feature link is a `link` (not a button) because it is a quiet text link; the section CTA is a `button`. Icon style and dividers are design and live in the Design group.",
+			sanity: "object `featureGrid` with `features: array<object{icon (sanity-plugin-icon-picker), title, body, link}>`, layout via a `string` field with `options.list` (Sanity has no first-class variants).",
+			htmlSignals: [
+				"A heading followed by a grid (`display:grid` / `grid-cols-3|4`) of 3–12 sibling cards with identical structure",
+				"Each card starts with an `<svg>` or icon font `<i>` (24–48px) before an `<h3>`/`<h4>` and one `<p>`",
+				"No images larger than 64px inside the cards (that would be a card grid, not a feature grid)",
+				"Optional trailing `<a>` per card with text like “Learn more” / “Read more”"
+			],
+			mcp: "Map the section `<h2>` → heading, the small uppercase text above it → eyebrow, the first `<p>` after it → intro. For each repeated card: SVG/icon → `icon` (match to the nearest Tabler name by the icon's `aria-label`, class name like `ti-flame`/`lucide-flame`, or path similarity; fall back to `sparkles`), `<h3>` → title, `<p>` → body, trailing anchor → link (`type: \"url\"` for absolute hrefs, `page` when the href resolves to a known page). Pick the variant from the computed column count at desktop width (3 → three, 4 → four, 2 with icon beside text → list). Do not create fields for card background, padding or icon color — they are theme tokens.",
+			pitfalls: [
+				"Do not invent a `columns` number field — column count is the variant; a free number lets editors break the layout.",
+				"Feature cards with large photos are an image card grid, not this block.",
+				"Icon fonts with ligatures (Material Symbols) store the icon as TEXT content — read the text, not the class."
+			]
+		}
+	},
+	{
+		id: "feature-alternating-rows",
+		label: "Alternating feature rows",
+		proves: "Per-row media type (image or video) via conditional fields · auto-alternating side with per-row override",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"conditional",
+			"media-heavy",
+			"variants",
+			"rich-text"
+		],
+		brand: "Caldera",
+		previewLayout: "split",
+		schema: featureRows,
+		value: {
+			_variant: "zigzag",
+			heading: "Engineered at the foundry, proven at the fire.",
+			rows: [
+				{
+					_key: "r1",
+					eyebrow: "The pour",
+					title: "Thin walls that still hold heat like a brick.",
+					body: "<p>We pour at 2,600°F into <strong>sand moulds we make by hand</strong>, then machine the cooking surface smooth. The result is a pan that heats evenly in four minutes and stays hot when the steak goes in.</p>",
+					points: [
+						"3.8 lb for a 10\" skillet",
+						"Machined, glass-smooth surface",
+						"Poured and finished in Bend, OR"
+					],
+					button: {
+						label: "See the Ridge Skillet",
+						href: "/products/ridge-skillet",
+						type: "entry",
+						title: "Ridge Skillet 10\"",
+						style: "link",
+						arrow: true
+					},
+					mediaType: "image",
+					image: img("caldera-foundry-pour", "Molten iron pouring into a sand mould at the Bend foundry", 1200, 900, {
+						x: 52,
+						y: 40
+					}),
+					side: "auto"
+				},
+				{
+					_key: "r2",
+					eyebrow: "The fold",
+					title: "A grill that folds to the size of a laptop.",
+					body: "<p>The Cable Fold collapses along two stainless hinges and slides into its own canvas sleeve. Unfolded, it holds four steaks over a fire ring.</p>",
+					points: ["Folds to 14 × 10 × 1.5 in", "Stainless hinges rated for 10,000 cycles"],
+					button: {
+						label: "Shop the Cable Fold",
+						href: "/products/cable-fold",
+						type: "entry",
+						title: "Cable Fold Grill",
+						style: "link",
+						arrow: true
+					},
+					mediaType: "video",
+					video: {
+						url: "https://cdn.caldera.co/film/cable-fold-unfold-loop.mp4",
+						poster: "https://picsum.photos/seed/cable-fold-loop/1200/900"
+					},
+					side: "auto"
+				},
+				{
+					_key: "r3",
+					eyebrow: "The seasoning",
+					title: "Non-stick from the first egg.",
+					body: "<p>Three coats of flaxseed and grapeseed oil, each baked at 500°F. No PFAS, no coatings, nothing to flake off.</p>",
+					points: [],
+					mediaType: "image",
+					image: img("caldera-seasoning-egg", "A fried egg sliding off a freshly seasoned skillet", 1200, 900),
+					side: "auto"
+				}
+			],
+			startSide: "right",
+			mediaRatio: "4:3",
+			theme: "light"
+		},
+		notes: {
+			why: "Rows are an ARRAY OF OBJECTS — each row is a mini-section with its own media, so a slot would be overkill and would let editors drop unrelated blocks in. The image side is DERIVED (section `startSide` + row index) and only stored when an editor overrides it (`side: auto|left|right`), so reordering rows keeps the zigzag intact. Image vs video is a `mediaType` select with conditional fields rather than two optional fields, so exactly one is required and validation is honest. Bullet points are a primitive string array, not rich text, so the checkmark list renders consistently.",
+			sanity: "array of `featureRow` objects with `media` as a union (`image` | `mux.video`) via a `mediaType` string + `hidden: ({parent}) => parent.mediaType !== 'image'`; `side` as a string list.",
+			htmlSignals: [
+				"Two or more consecutive blocks each with a 2-column layout (text + media) where the DOM order or `flex-direction: row-reverse` / `order-last` flips on alternating rows",
+				"Each block has its own `<h2>`/`<h3>`, a `<p>` and often a `<ul>` with check icons",
+				"Media is an `<img>`/`<picture>` or a muted `<video autoplay loop playsinline>`",
+				"Class names like `feature-row`, `zigzag`, `media-text`, `lg:flex-row-reverse` on every second row"
+			],
+			mcp: "Group consecutive text+media rows into ONE featureRows block (not one block per row). Per row: `<h2|h3>` → title, small text above → eyebrow, paragraphs → body (keep `<strong>`, `<em>`, `<a>`; drop wrappers), `<ul>` items → points (strip icons), anchor/button → button. `<video>` → mediaType video + video.url from `<source src>` and poster from `poster=`; else image with `alt` from the img. Detect `startSide` from where the FIRST row's media sits; only set a row's `side` when it breaks the alternation. Media aspect ratio → mediaRatio (round to the nearest option).",
+			pitfalls: ["Storing `side` on every row breaks the zigzag the moment rows are reordered — store `auto` unless the source deliberately breaks the pattern.", "Autoplay videos without a poster flash black; always extract or generate a poster."]
+		}
+	},
+	{
+		id: "bento-feature-showcase",
+		label: "Feature bento (responsive spans)",
+		proves: "Slot of blocks with per-breakpoint span, phone order and conditional background in slotSettings",
+		category: "Features & storytelling",
+		tags: [
+			"slots",
+			"responsive-layout",
+			"conditional",
+			"media-heavy",
+			"variants"
+		],
+		brand: "Ledgerly",
+		previewLayout: "bento",
+		schema: featureBento,
+		value: {
+			_variant: "grid-4",
+			eyebrow: "Product tour",
+			heading: "Close the month in a day, not a week.",
+			subheading: "Ledgerly reconciles bank feeds, chases invoices and drafts your books while you run the business.",
+			cells: [
+				{
+					_key: "c1",
+					_type: "imageBlock",
+					_variant: "contain",
+					_settings: {
+						desktopWidth: 2,
+						rowsDesktop: 2,
+						tabletWidth: "full",
+						mobileOrder: 1,
+						surface: "muted"
+					},
+					image: img("ledgerly-reconcile-ui", "Bank reconciliation screen matching 48 transactions automatically", 1200, 1e3),
+					caption: "Auto-match 95% of bank lines"
+				},
+				{
+					_key: "c2",
+					_type: "statBlock",
+					_settings: {
+						desktopWidth: 1,
+						rowsDesktop: 1,
+						tabletWidth: "half",
+						mobileOrder: 3,
+						surface: "brand"
+					},
+					value: "6 hrs",
+					label: "Saved per close, on average",
+					icon: "clock"
+				},
+				{
+					_key: "c3",
+					_type: "featureBlock",
+					_settings: {
+						desktopWidth: 1,
+						rowsDesktop: 1,
+						tabletWidth: "half",
+						mobileOrder: 4,
+						surface: "muted"
+					},
+					icon: "receipt",
+					title: "Receipts by email",
+					body: "Forward a receipt to your inbox address and it lands on the right transaction."
+				},
+				{
+					_key: "c4",
+					_type: "videoBlock",
+					_settings: {
+						desktopWidth: 2,
+						rowsDesktop: 1,
+						tabletWidth: "full",
+						mobileOrder: 2,
+						surface: "dark"
+					},
+					title: "Invoice reminders that sound like you",
+					video: { url: "https://www.youtube.com/watch?v=ledgerly-reminders" },
+					poster: img("ledgerly-reminders", "Invoice reminder email preview", 1200, 600),
+					autoplay: true
+				},
+				{
+					_key: "c5",
+					_type: "quoteBlock",
+					_settings: {
+						desktopWidth: 2,
+						rowsDesktop: 1,
+						tabletWidth: "full",
+						surface: "image",
+						background: img("ledgerly-bakery", "Bakery counter at opening time", 1200, 600)
+					},
+					quote: "We stopped paying our bookkeeper overtime in March. That's the whole review.",
+					author: "Rosa Delgado",
+					role: "Owner, Masa Bakery",
+					rating: 5
+				}
+			],
+			button: {
+				label: "Start a free trial",
+				href: "/signup",
+				type: "page",
+				title: "Sign up",
+				style: "primary",
+				arrow: true
+			},
+			gap: "md",
+			radius: "lg",
+			theme: "light"
+		},
+		notes: {
+			why: "The cells are a SLOT (blocks inside a block) because bento cells are genuinely heterogeneous — a screenshot, a stat, a quote, a clip — and each needs its own schema. Unlike the core bento (one `span` preset), sizing here is RESPONSIVE: desktop column/row spans, a tablet width and a phone order are stored in `_settings` on each child, so the cell's CONTENT stays clean and the layout data travels with the cell when it is reordered. The background image is a slot setting (layout/surface), not cell content, and only appears when surface = image.",
+			sanity: "array of block types (`of: [{type:'featureCard'},{type:'statCard'},…]`) with a shared `layout` object field on each member type (`colSpan`, `rowSpan`, `mobileOrder`) — Sanity has no slot settings, so layout is duplicated on every member type.",
+			htmlSignals: [
+				"A CSS grid container with children using different `grid-column: span N` / `col-span-2` / `row-span-2` classes",
+				"Children of different internal shapes (one has a big image, one a giant number, one a blockquote)",
+				"Breakpoint-prefixed span classes (`md:col-span-2 lg:col-span-3`) or `order-*` classes for mobile",
+				"Rounded tiles with differing backgrounds (dark, brand color, photo)"
+			],
+			mcp: "Treat each grid child as a slot child; classify by content: big number + short label → statBlock, img/video dominant → imageBlock/videoBlock, blockquote/quote marks → quoteBlock, icon+h3+p → featureBlock, heading+button → ctaCard, else textBlock. Read spans from computed `grid-column-end`/`grid-row-end` at 1280px → desktopWidth/rowsDesktop, at 768px → tabletWidth (full when it spans every column). DOM order vs visual order on a 375px viewport → mobileOrder only when they differ. Background color → surface (match to brand tokens; photo backgrounds → surface image + background).",
+			pitfalls: [
+				"Do not put span values on the child block's own fields — reusing that block elsewhere would carry a meaningless span.",
+				"Phones stack cells; if the source reorders them with CSS `order`, capture it or the story reads out of order.",
+				"6-column variants need spans up to 6; validate spans against the variant's column count."
+			]
+		}
+	},
+	{
+		id: "steps-how-it-works",
+		label: "Steps / how it works",
+		proves: "Order is the number (never stored) · optional per-step image used by one variant only",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"variants",
+			"validation"
+		],
+		brand: "Caldera",
+		previewLayout: "grid-4",
+		schema: steps,
+		value: {
+			_variant: "row",
+			eyebrow: "Lifetime exchange",
+			heading: "Wore it out? Send it home.",
+			steps: [
+				{
+					_key: "s1",
+					title: "Start a claim",
+					body: "Tell us what happened and add a photo. No receipt, no proof of purchase.",
+					icon: "message-circle",
+					duration: "2 minutes",
+					link: {
+						type: "page",
+						href: "/warranty/claim",
+						label: "Start a claim",
+						title: "Warranty claim"
+					}
+				},
+				{
+					_key: "s2",
+					title: "Print the label",
+					body: "We email a prepaid label. Drop the box at any UPS store.",
+					icon: "printer",
+					duration: "Same day"
+				},
+				{
+					_key: "s3",
+					title: "We restore it",
+					body: "Our foundry team strips, re-machines and reseasons it — or casts you a new one.",
+					icon: "tool",
+					duration: "10 days"
+				},
+				{
+					_key: "s4",
+					title: "Cook again",
+					body: "It ships back to you free, seasoned and ready for the next fire.",
+					icon: "flame",
+					duration: "3–5 days"
+				}
+			],
+			button: {
+				label: "Read the full warranty",
+				href: "/warranty",
+				type: "page",
+				title: "Warranty",
+				style: "outline"
+			},
+			numberStyle: "padded",
+			showConnector: true,
+			theme: "light"
+		},
+		notes: {
+			why: "Steps are an ORDERED ARRAY; the step number is computed from the index so drag-to-reorder can never desync it. `duration` is a short string (\"10 days\", \"Day 3\") rather than a number+unit pair because it is display copy, not data anyone filters on. The per-step image is optional and only rendered by the Vertical variant — keeping it on the item (instead of a separate array) means switching variants never loses content.",
+			sanity: "array of `step` objects; ordering is the array order; Sanity has no built-in index rendering so numbers come from the frontend.",
+			htmlSignals: [
+				"An `<ol>` (or divs) of 2–6 items each starting with a large number (“1”, “01”, “Step 1”) or a numbered circle",
+				"Connector lines between items (`::before`/`::after` borders, SVG dashes)",
+				"Headings like “How it works”, “Getting started”, “What happens next”"
+			],
+			mcp: "Strip the visible number from each step's title (“01 — Start a claim” → “Start a claim”) and set numberStyle from its format (1 → digits, 01 → padded, none visible → none). Per step: heading → title, paragraph → body, small pill/meta text (“2 min”) → duration, icon → icon. Pick the variant from the layout direction (horizontal → row, vertical with images → stack, bordered tiles → cards). A dashed line/border between numbers → showConnector true.",
+			pitfalls: ["Never store the number as content — the converter must strip it, otherwise reordering shows “3, 1, 2”.", "HowTo rich results were retired by Google; do not emit HowTo JSON-LD for this block."]
+		}
+	},
+	{
+		id: "timeline-company-history",
+		label: "Timeline / company history",
+		proves: "Date precision select drives which date field shows · display order derived from the date, not the array",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"conditional",
+			"media-heavy",
+			"validation",
+			"rich-text"
+		],
+		brand: "Caldera",
+		previewLayout: "timeline",
+		schema: timeline,
+		value: {
+			_variant: "vertical",
+			eyebrow: "Our story",
+			heading: "Twelve years of fires, foundries and second chances.",
+			intro: "From a garage in Bend to a foundry that pours 4,000 pans a week.",
+			milestones: [
+				{
+					_key: "m1",
+					precision: "year",
+					year: 2014,
+					title: "The first skillet",
+					body: "<p>Ana Ruiz pours a 10\" skillet in her garage using scrap from a <a href=\"/journal/engine-blocks\">1978 Ford engine block</a>.</p>",
+					image: img("caldera-garage-2014", "Ana Ruiz holding the first Caldera skillet in her garage", 800, 600),
+					isHighlighted: true
+				},
+				{
+					_key: "m2",
+					precision: "month",
+					date: "2016-04-01",
+					label: "Spring 2016",
+					title: "The Kickstarter",
+					body: "<p>2,140 backers fund the first production run of the Ridge Skillet in 31 days.</p>"
+				},
+				{
+					_key: "m3",
+					precision: "year",
+					year: 2019,
+					title: "Our own foundry",
+					body: "<p>We move into a 22,000 sq ft foundry on Bend's east side and hire our first twelve casters.</p>",
+					image: img("caldera-foundry-2019", "The Caldera foundry floor with sand moulds in rows", 800, 600)
+				},
+				{
+					_key: "m4",
+					precision: "day",
+					date: "2022-09-14",
+					title: "Cable Fold launches",
+					body: "<p>Our first folding grill sells out in nine hours.</p>"
+				},
+				{
+					_key: "m5",
+					precision: "year",
+					year: 2025,
+					title: "Lifetime exchange, 10,000th pan",
+					body: "<p>We restore our ten-thousandth returned pan — a 2015 skillet that had cooked across four continents.</p>",
+					isHighlighted: true
+				}
+			],
+			order: "asc",
+			theme: "light"
+		},
+		notes: {
+			why: "Milestones are an array of objects owned by the About page — history is not reused, so no collection. Date PRECISION is modelled explicitly: most history only knows a year, so a single `date` field would force fake “Jan 1” dates. A `year` number shows for year precision and a real `date` for month/day; `label` is an optional display override (\"Spring 2016\") while sorting still uses the real value. The page sorts by date, so editors can append without hunting for the right slot.",
+			sanity: "array of `milestone` objects; Sanity would typically use a `date` plus a `string` precision, or just a `number` year; `hidden` callbacks on the precision field.",
+			htmlSignals: [
+				"A vertical line (`border-left`, `::before` with full height) with dots/markers and items on alternating sides",
+				"Each item leads with a year or date in a large or monospace style (“2014”, “Spring 2016”)",
+				"`<time datetime=…>` elements, or `<ol class=\"timeline\">`",
+				"Horizontal scroll containers with year markers (`overflow-x: auto` + `scroll-snap`)"
+			],
+			mcp: "Parse each item's date text: a bare 4-digit year → precision year + `year`; “Month YYYY” → month + date YYYY-MM-01; full dates → day. Seasonal or fuzzy text (\"Spring 2016\", \"Early days\") → keep the parsed date AND put the original text into `label`. Prefer `<time datetime>` when present. Item heading → title, paragraphs → body (keep links). Larger or emphasized items → isHighlighted. Detect order by comparing the first and last dates.",
+			pitfalls: ["Storing “2014” in a date field becomes 2014-01-01 and later renders as “Jan 1, 2014”.", "Two milestones with the same year keep their array order as the tie-breaker — keep the array roughly sorted."]
+		}
+	},
+	{
+		id: "tabs-with-media",
+		label: "Tabs with media",
+		proves: "Fixed-shape tabs (no slot) · image/video conditional per tab · interval shown only when auto-advance is on",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"conditional",
+			"media-heavy",
+			"variants",
+			"a11y",
+			"localized"
+		],
+		brand: "Ledgerly",
+		previewLayout: "tabs",
+		schema: mediaTabs,
+		value: {
+			_variant: "side",
+			eyebrow: "How teams use Ledgerly",
+			heading: "One ledger for everyone who touches the money.",
+			tabs: [
+				{
+					_key: "t1",
+					label: "Owners",
+					icon: "building-store",
+					summary: "Cash position and runway, every morning.",
+					title: "Know your runway before coffee.",
+					body: "<p>A daily digest with cash on hand, money owed to you and what's due this week. <strong>No logins, no spreadsheets.</strong></p>",
+					button: {
+						label: "See the daily digest",
+						href: "/features/digest",
+						type: "page",
+						title: "Digest",
+						style: "link",
+						arrow: true
+					},
+					mediaType: "image",
+					screenshot: img("ledgerly-digest", "Daily digest email showing cash on hand and upcoming bills", 1600, 1e3)
+				},
+				{
+					_key: "t2",
+					label: "Bookkeepers",
+					icon: "calculator",
+					summary: "Reconcile 20 clients from one inbox.",
+					title: "Every client, one reconciliation queue.",
+					body: "<p>Switch clients with one key. Rules you write for one client can be shared with the rest.</p>",
+					mediaType: "video",
+					video: { url: "https://cdn.ledgerly.com/tours/bookkeeper-queue.mp4" },
+					poster: img("ledgerly-queue-poster", "Reconciliation queue across client accounts", 1600, 1e3)
+				},
+				{
+					_key: "t3",
+					label: "Accountants",
+					icon: "file-certificate",
+					summary: "Year-end packs without the chase.",
+					title: "Tax-ready books, with the receipts attached.",
+					body: "<p>Export a year-end pack with every transaction linked to its receipt and every adjustment explained.</p>",
+					button: {
+						label: "Partner program",
+						href: "/partners",
+						type: "page",
+						title: "Partners",
+						style: "link",
+						arrow: true
+					},
+					mediaType: "image",
+					screenshot: img("ledgerly-yearend", "Year-end pack export with attached receipts", 1600, 1e3)
+				}
+			],
+			autoplay: true,
+			interval: 7,
+			frame: "browser",
+			theme: "light"
+		},
+		notes: {
+			why: "This is the FIXED-SHAPE sibling of the core Tabs block: every tab has the same copy + media layout, so an array of objects gives marketers a predictable form and the converter a predictable target. Use the core slot-based Tabs only when tab panels hold arbitrary blocks. Media is a select + conditional image/video (exactly one required); the poster only shows for video. Auto-advance and its interval are design, and the interval is hidden until auto-advance is on.",
+			sanity: "array of `tab` objects with a media union; `interval` hidden via `hidden: ({parent}) => !parent.autoplay`.",
+			htmlSignals: [
+				"`role=\"tablist\"` with `role=\"tab\"` buttons and `role=\"tabpanel\"` siblings, OR buttons with `aria-controls`/`data-tab` toggling panels",
+				"Each panel contains the SAME structure: heading + paragraph + one large screenshot or video",
+				"A progress bar inside the active tab button (auto-advance)",
+				"Screenshots inside a browser-chrome frame (three dots, fake URL bar)"
+			],
+			mcp: "Tab button text → label (first line), secondary text inside the button → summary. Panel heading → title, paragraphs → body, panel button/link → button. Panel `<video>` → mediaType video (+ poster), `<img>` → screenshot. If tab buttons have an animated progress bar or the source JS rotates tabs with setInterval, set autoplay true and read the interval (ms → seconds). Browser/phone mockup chrome around media → frame. If panels differ structurally (one has a pricing table, one a form), use the core slot-based `tabs` instead.",
+			pitfalls: ["Auto-advancing tabs must stop on interaction and respect reduced motion — the renderer handles it; never model a “pause” field.", "Tab labels longer than ~20 characters wrap on the top variant and break the underline."]
+		}
+	},
+	{
+		id: "accordion-feature-image-swap",
+		label: "Accordion features with image swap",
+		proves: "One required image per item drives a shared media slot · open-state as design, not content",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"media-heavy",
+			"a11y",
+			"variants",
+			"rich-text"
+		],
+		brand: "Caldera",
+		previewLayout: "accordion",
+		schema: accordionFeatures,
+		value: {
+			_variant: "image-right",
+			eyebrow: "The Ember Dutch Oven",
+			heading: "One pot for bread, braises and the whole weekend.",
+			items: [
+				{
+					_key: "a1",
+					title: "A lid that doubles as a skillet",
+					body: "<p>Flip the lid and it's a 10\" shallow pan with its own handles. Bake bread underneath, fry eggs on top.</p>",
+					image: img("ember-lid-skillet", "Eggs frying in the inverted Dutch oven lid over coals", 1200, 1200)
+				},
+				{
+					_key: "a2",
+					title: "Legs for coals, flat for the stove",
+					body: "<p>Removable feet lift the pot over coals and screw off for induction and gas.</p>",
+					image: img("ember-legs", "Dutch oven standing on its feet over a bed of coals", 1200, 1200),
+					link: {
+						type: "page",
+						href: "/journal/coal-cooking",
+						label: "Coal cooking guide",
+						title: "Coal cooking"
+					}
+				},
+				{
+					_key: "a3",
+					title: "A rim that holds 18 briquettes",
+					body: "<p>The raised lid rim keeps coals on top for even, oven-like heat — the way chuckwagon cooks did it.</p>",
+					image: img("ember-briquettes", "Briquettes arranged on the Dutch oven lid rim", 1200, 1200)
+				},
+				{
+					_key: "a4",
+					title: "5.5 quarts, sized for six",
+					body: "<p>Big enough for a whole chicken, small enough to carry from the car.</p>",
+					image: img("ember-chicken", "A whole roast chicken in the Dutch oven", 1200, 1200)
+				}
+			],
+			isFirstOpen: true,
+			autoplay: false,
+			theme: "light"
+		},
+		notes: {
+			why: "Each accordion item OWNS the image shown while it is open, so the image lives on the item (required) rather than in a parallel array the editor would have to keep in sync. Which item starts open is a design toggle, not a per-item boolean, so there can never be two “default open” items. It is an array, not the FAQ block: these are product features with media, not questions, and must not emit FAQPage JSON-LD.",
+			sanity: "array of `accordionFeature` objects {title, body (portable text), image, link}; openFirst as a boolean on the parent.",
+			htmlSignals: [
+				"`<details>/<summary>` or buttons with `aria-expanded` in one column, and ONE large image in the other column",
+				"JS that swaps the image `src` (or toggles opacity on stacked images) when a row opens",
+				"Several `<img>` stacked absolutely with only one visible, one per accordion row"
+			],
+			mcp: "Count accordion rows and images: if image count equals row count (stacked or swapped), map row i → image i. Summary/button text → title, revealed content → body (portable rich text, keep links), trailing link → link. If rows have NO images, this is an FAQ or plain accordion, not this entry. Image column side → variant. If the first row is expanded by default → isFirstOpen; a progress bar on the open row → autoplay.",
+			pitfalls: ["Images of different aspect ratios cause the layout to jump on every click — warn when the source images differ.", "Do not tag these rows as FAQ structured data — they are not questions."]
+		}
+	},
+	{
+		id: "comparison-vs-competitors",
+		label: "Comparison vs competitors",
+		proves: "Brand columns + one `table` keyed by brand key (reorder-safe) · row groups · Yes / no with words · partial answers as Text cells · source in the table's own note + a required last-checked date",
+		category: "Features & storytelling",
+		tags: [
+			"deep-nesting",
+			"conditional",
+			"repeater",
+			"validation",
+			"a11y",
+			"variants"
+		],
+		brand: "Ledgerly",
+		previewLayout: "table",
+		schema: comparisonTable,
+		value: {
+			_variant: "table",
+			eyebrow: "Compare",
+			heading: "Built for small teams, priced like it.",
+			intro: "How Ledgerly stacks up against the two tools most of our customers switched from.",
+			columns: [
+				{
+					_key: "c1",
+					key: "ledgerly",
+					name: "Ledgerly",
+					logo: {
+						url: "https://cdn.ledgerly.com/brand/ledgerly-mark.svg",
+						alt: "Ledgerly",
+						name: "ledgerly-mark.svg",
+						width: 96,
+						height: 96
+					},
+					isHighlighted: true,
+					badge: "Best value",
+					price: "$29 / month",
+					button: {
+						label: "Start free trial",
+						href: "/signup",
+						type: "page",
+						title: "Sign up",
+						style: "primary"
+					}
+				},
+				{
+					_key: "c2",
+					key: "tallybook",
+					name: "Tallybook",
+					price: "$45 / month"
+				},
+				{
+					_key: "c3",
+					key: "sumwise",
+					name: "Sumwise",
+					price: "$38 / month"
+				}
+			],
+			comparison: tableFrom("Ledgerly, Tallybook and Sumwise compared on bookkeeping and team features", [
+				{
+					_key: "capability",
+					label: "Capability"
+				},
+				{
+					_key: "ledgerly",
+					label: "Ledgerly",
+					type: "boolean",
+					highlight: true
+				},
+				{
+					_key: "tallybook",
+					label: "Tallybook",
+					type: "boolean"
+				},
+				{
+					_key: "sumwise",
+					label: "Sumwise",
+					type: "boolean"
+				}
+			], [
+				{
+					cells: [
+						{
+							value: "Automatic bank reconciliation",
+							note: "f1"
+						},
+						true,
+						{
+							value: "Partly: rules written by hand",
+							type: "text"
+						},
+						true
+					],
+					group: "books"
+				},
+				{
+					cells: [
+						"Receipt capture by email",
+						true,
+						true,
+						false
+					],
+					group: "books"
+				},
+				{
+					cells: [
+						"Multi-currency",
+						"160 currencies",
+						"Premium plan only",
+						"12 currencies"
+					],
+					group: "books",
+					type: "text"
+				},
+				{
+					cells: [
+						"Users included",
+						"Unlimited",
+						"3",
+						"5"
+					],
+					group: "team",
+					type: "text"
+				},
+				{
+					cells: [
+						{
+							value: "Bookkeeper access",
+							note: "f2"
+						},
+						true,
+						false,
+						{
+							value: "Read-only",
+							type: "text"
+						}
+					],
+					group: "team"
+				}
+			], {
+				id: "tbl_ledgerly_compare",
+				headerColumn: true,
+				rowGroups: [{
+					_key: "books",
+					label: "Bookkeeping"
+				}, {
+					_key: "team",
+					label: "Team"
+				}],
+				notes: "Based on each vendor's public pricing and help pages on 1 September 2026. Tallybook and Sumwise are trademarks of their owners.",
+				footnotes: [{
+					_key: "f1",
+					text: "Matches bank lines to invoices and bills without manual rules."
+				}, {
+					_key: "f2",
+					text: "Invite an outside bookkeeper without paying for a seat."
+				}],
+				design: {
+					responsive: "scroll",
+					sticky: true,
+					hideCaption: true
+				},
+				jsonLd: {
+					type: "ItemList",
+					axis: "columns"
+				}
+			}),
+			verifiedOn: "2026-09-01",
+			theme: "light"
+		},
+		notes: {
+			why: "A comparison table is 2-D data: brand COLUMNS (name, logo, badge, price, button: the header) + one `table` (CPO D42) whose brand columns are keyed by the same `key`, so adding or reordering a competitor never shifts a value into the wrong column. Rows sit in row groups (tbody + th scope=rowgroup) instead of 5 drill levels. Brand columns are Yes / no, written as ✓ plus the words 'Included' / 'Not included'; a row of words is a Text row and a partial answer is one Text cell ('Partly: rules written by hand'); explainers are footnotes, so their words stay on the page. The source line is the table's own note (rendered under the table and linked with aria-describedby), not a second block field; the last-checked date is a required field because comparative advertising claims go stale. If the same competitors appear on several pages, columns should become references to a `col_competitors` collection.",
+			sanity: "`competitorComparison` with `columns: array<object{key, name, logo, isHighlighted}>` and rows of cells with a `column` string (validated by `Rule.custom`), or the v6.6 Portable Text table (rows › cells › blocks, `headerRows`), or `@sanity/table` (string cells). None keys a cell to its column.",
+			htmlSignals: [
+				"A `<table>` (or CSS grid) whose header row contains brand names/logos, with the first data column of capability names",
+				"Cells containing check/cross SVGs, ✓ ✗ characters or `aria-label=\"Included\"`",
+				"One header column visually highlighted (tinted background, “Recommended” badge)",
+				"`<tbody>` sections or full-width rows acting as group headers (`colspan`)",
+				"Small print below: “Compared on …”, “Based on public pricing”, trademark notice"
+			],
+			mcp: "Header cells → columns (slugify the name for `key`; img → logo; highlighted column → isHighlighted + badge text) AND the table's brand columns with `_key` = that key, type Yes / no. Body via the table detector (docs/TABLES.md): first cell → row header (tooltip → footnote); check icon/✓/“Yes”/aria-label included → true; cross/✗/“—”/“No” → false; “Limited”/“Partial” + words → a Text cell with those words; a row of words → row type Text. Full-width rows (colspan) start a row group. Small print under the table (source, trademark notice) → the table's `notes`; parse a date in it → verifiedOn, otherwise set verifiedOn to the import date and flag it for review. Never emit a separate `footnote` field on the block.",
+			pitfalls: [
+				"RESOLVED (D42): cells are keyed by column; never emit positional cells.",
+				"Icons without text alternatives fail screen readers; the enum lets the renderer output “Included”/“Not included”.",
+				"Comparative claims without a date and source are a legal risk — `verifiedOn` is required on purpose."
+			]
+		}
+	},
+	{
+		id: "stats-band",
+		label: "Stats band",
+		proves: "Numbers stored as numbers (prefix/value/suffix) so they localise and count up · per-stat source + as-of date",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"validation",
+			"variants",
+			"a11y",
+			"localized"
+		],
+		brand: "Juniper Health",
+		previewLayout: "stats",
+		schema: statsBand,
+		value: {
+			_variant: "split",
+			heading: "Care that shows up in the numbers.",
+			stats: [
+				{
+					_key: "s1",
+					value: 11,
+					suffix: " min",
+					label: "Median wait to see a clinician",
+					source: {
+						type: "url",
+						href: "https://junipercare.com/reports/2026-access",
+						label: "2026 access report",
+						newTab: true
+					},
+					asOf: "2026-06-30"
+				},
+				{
+					_key: "s2",
+					value: 94,
+					suffix: "%",
+					label: "Patients who'd recommend us",
+					source: {
+						type: "url",
+						href: "https://junipercare.com/reports/2026-access",
+						label: "2026 access report",
+						newTab: true
+					},
+					asOf: "2026-06-30"
+				},
+				{
+					_key: "s3",
+					value: 1.2,
+					suffix: "M",
+					decimals: 1,
+					label: "Visits completed since 2021",
+					asOf: "2026-09-01"
+				},
+				{
+					_key: "s4",
+					value: 42,
+					label: "States with licensed clinicians",
+					asOf: "2026-09-01"
+				}
+			],
+			useCountUp: true,
+			theme: "brand"
+		},
+		notes: {
+			why: "A stat is split into prefix · number · suffix so the number is real data: it can animate, be formatted per locale (1.2M vs 1,2 M) and be checked. The core `statBlock` stores a display string (\"120k+\") for quick bento cells — this section is for numbers that matter and need a SOURCE and AS-OF date (health, finance and B2B claims get audited). Count-up is design; the renderer skips it under reduced motion and always outputs the final number in the HTML.",
+			sanity: "array of `stat` objects {prefix: string, value: number, suffix: string, label, source: url}; Sanity users often store `value` as a string, losing formatting.",
+			htmlSignals: [
+				"A row of 2–5 items each with a very large number (font-size ≥ 2.5rem) and a small label beneath",
+				"`data-count`, `data-target`, `countup`, `odometer` attributes or classes",
+				"Numbers with units/magnitudes: “94%”, “$2.4B”, “11 min”, “10k+”",
+				"Footnote markers (*, †, superscript numbers) linking to a sources line"
+			],
+			mcp: "Parse each big number with a regex: leading non-digits → prefix, the number (strip thousands separators; respect the page locale's decimal mark) → value, trailing text → suffix (keep the leading space if present), digits after the decimal → decimals. Prefer the `data-target`/`data-count` attribute over the visible text when both exist (the visible text may be mid-animation “0”). Label → label. Footnote text with a URL → source; any date in it → asOf. Presence of count-up attributes → useCountUp true.",
+			pitfalls: ["Scraping during a count-up animation captures “0” — read the data attribute or wait for the final value.", "“1.2M” is value 1.2 + suffix M, not 1200000 with no suffix, unless the design formats compact numbers itself."]
+		}
+	},
+	{
+		id: "manifesto-pull-quote",
+		label: "Manifesto / pull quote",
+		proves: "Mode select swaps an array of rich-text lines for a single quote · overlay shown only when a background exists (notEmpty)",
+		category: "Features & storytelling",
+		tags: [
+			"conditional",
+			"rich-text",
+			"variants",
+			"localized"
+		],
+		brand: "Caldera",
+		previewLayout: "centered",
+		schema: manifesto,
+		value: {
+			_variant: "lines",
+			eyebrow: "What we believe",
+			mode: "lines",
+			lines: [
+				"<p>Buy it <em>once</em>.</p>",
+				"<p>Cook outside more than you scroll.</p>",
+				"<p>Fix things before you replace them.</p>",
+				"<p>Make it in a place you can <em>visit</em>.</p>",
+				"<p>Hand it down with the stains still on it.</p>"
+			],
+			attribution: {
+				name: "Ana Ruiz",
+				role: "Founder, Caldera Cookware",
+				signature: {
+					url: "https://cdn.caldera.co/brand/ana-signature.svg",
+					alt: "Ana Ruiz's signature",
+					name: "ana-signature.svg",
+					width: 320,
+					height: 120
+				}
+			},
+			background: img("caldera-embers-night", "Embers glowing in a fire ring at night", 2400, 1400, {
+				x: 50,
+				y: 60
+			}),
+			overlay: 50,
+			size: "display",
+			theme: "dark"
+		},
+		notes: {
+			why: "One block covers both a multi-line manifesto and a single pull quote because they share attribution and treatment; a `mode` select decides which content field shows so editors never see both. Each manifesto line is a tiny RICH-TEXT value (italic for emphasis only) rather than a plain string with markup, so emphasis survives translation. Attribution is a small inline object. The overlay slider only appears when a background image exists (`notEmpty` condition).",
+			sanity: "object with `mode: string`, `lines: array<block>` (portable text restricted to `em`), `quote: text`, `attribution: object`.",
+			htmlSignals: [
+				"Very large type (≥ 2.5rem) over a full-width section with a few short lines or one `<blockquote>`",
+				"`<blockquote>` with `<cite>` or a `<figcaption>` holding name/role, often with a signature `<img>`",
+				"Lines revealed one at a time on scroll (`data-aos`, GSAP `SplitText`, staggered opacity)"
+			],
+			mcp: "One `<blockquote>` (or one paragraph in display type) → mode quote, quote text WITHOUT surrounding quotation marks (the renderer adds typographic quotes). Several short display-size lines/paragraphs → mode lines, one line per element, keeping `<em>`/`<i>` as italic marks and dropping spans used only for color. `<cite>`/caption → attribution.name / role; signature image → attribution.signature. Section background-image → background + overlay from the gradient/scrim opacity.",
+			pitfalls: ["Quotation marks typed into content double up with the design's quotes — strip them.", "Lines split by `<br>` inside one paragraph are still separate lines."]
+		}
+	},
+	{
+		id: "problem-solution",
+		label: "Problem → solution",
+		proves: "Pairs keep both columns aligned · column labels as small objects with defaults",
+		category: "Features & storytelling",
+		tags: [
+			"repeater",
+			"variants",
+			"validation"
+		],
+		brand: "Ledgerly",
+		previewLayout: "grid-2",
+		schema: problemSolution,
+		value: {
+			_variant: "pairs",
+			eyebrow: "Sound familiar?",
+			heading: "Month-end shouldn't take your whole week.",
+			problem: {
+				label: "Without Ledgerly",
+				summary: "The average small business owner spends 11 hours a month on books."
+			},
+			solution: {
+				label: "With Ledgerly",
+				summary: "Most customers close the month in under two hours.",
+				button: {
+					label: "See how it works",
+					href: "/how-it-works",
+					type: "page",
+					title: "How it works",
+					style: "primary",
+					arrow: true
+				}
+			},
+			pairs: [
+				{
+					_key: "p1",
+					problem: "Matching bank lines to invoices by hand, one by one.",
+					solution: "95% of bank lines match themselves overnight.",
+					metric: "6 hours saved a month"
+				},
+				{
+					_key: "p2",
+					problem: "Chasing clients for payment over awkward emails.",
+					solution: "Polite reminders go out on schedule, in your voice.",
+					metric: "Paid 9 days sooner"
+				},
+				{
+					_key: "p3",
+					problem: "A shoebox of receipts every April.",
+					solution: "Forward a receipt once; it's filed against the right expense.",
+					metric: ""
+				},
+				{
+					_key: "p4",
+					problem: "Not knowing if you can afford the next hire.",
+					solution: "A 90-day cash forecast that updates every morning.",
+					metric: ""
+				}
+			],
+			tone: "muted",
+			theme: "light"
+		},
+		notes: {
+			why: "Problems and solutions are stored as PAIRS, not two independent arrays, because the strongest version of this section lines each pain up with its fix — two arrays drift (four problems, three solutions) and the paired layout breaks. The two-column variant reads the same data column-wise. Column labels and summaries are small objects with sensible defaults so the common case needs no typing.",
+			sanity: "`problemSolution` with `pairs: array<object{problem, solution, metric}>` plus two small objects.",
+			htmlSignals: [
+				"Two columns labeled “Before / After”, “Without X / With X”, “The old way / The new way”",
+				"One column with ✗ / red / strikethrough items, the other with ✓ / green items",
+				"Equal item counts in both columns, often vertically aligned"
+			],
+			mcp: "Find the two lists; take their headers → problem.label / solution.label. If counts match, zip item i of each list into a pair; if they differ, create pairs for the shorter length and append the leftovers with an empty partner and a review flag. Small numeric callouts (“6 hours saved”) → metric. Strike-through/red styling → tone warning. Layout: rows where each problem sits next to its fix → pairs, two independent stacks → columns.",
+			pitfalls: ["Unequal lists in the source must not be silently truncated — flag them."]
+		}
+	},
+	{
+		id: "integrations-grid",
+		label: "Integrations grid",
+		proves: "Dynamic query vs manual references to a collection · filter chips derived from referenced categories",
+		category: "Features & storytelling",
+		tags: [
+			"dynamic-query",
+			"references",
+			"conditional",
+			"variants",
+			"media-heavy"
+		],
+		brand: "Ledgerly",
+		previewLayout: "grid-4",
+		schema: integrations,
+		value: {
+			_variant: "grid",
+			eyebrow: "Integrations",
+			heading: "Plays well with the tools you already pay for.",
+			subheading: "Connect your bank, payroll, payments and store in a couple of clicks. No CSVs.",
+			source: "query",
+			categories: [
+				"ic_banking",
+				"ic_payments",
+				"ic_payroll",
+				"ic_commerce"
+			],
+			showFeaturedOnly: false,
+			limit: 24,
+			sort: "popular",
+			items: [],
+			showFilter: true,
+			showSearch: false,
+			viewAllButton: {
+				label: "Browse all 140 integrations",
+				href: "/integrations",
+				type: "page",
+				title: "Integrations",
+				style: "outline",
+				arrow: true
+			},
+			columns: 4,
+			isMonochrome: false,
+			theme: "light"
+		},
+		notes: {
+			why: "Integrations are REFERENCED, not inlined: each one has its own detail page (/integrations/stripe), logo, category and description, and appears on several pages — that is a collection (`col_integrations`) with a category reference (`col_integration_categories`). The section stores only HOW to pick: a dynamic query (categories, featured, limit, sort) so new integrations appear automatically, or a manual list of references for a curated row. Filter chips are derived from the categories of what is shown, so there is no second list to maintain. Inline the items only when the site has no integration pages and fewer than ~12 logos.",
+			sanity: "`integrationsGrid` with `mode: string`, `categories: array<reference to integrationCategory>`, `items: array<reference to integration>`; the query runs in GROQ: `*[_type=='integration' && category._ref in $cats] | order(popularity desc)[0...$limit]`.",
+			htmlSignals: [
+				"A grid of 12+ tiles each with a third-party logo, a product name and a short line, linking to `/integrations/<slug>`",
+				"Filter chips or a sidebar of categories (“All”, “Payments”, “CRM”) with `data-filter`/`aria-pressed`",
+				"A search input filtering the tiles; a “See all integrations” link"
+			],
+			mcp: "If tiles link to per-integration pages (shared `/integrations/` prefix), create or match `col_integrations` entries (name, slug from href, logo, one-line description, category from the active filter or a `data-category` attribute) and set source to `query` with the categories present. If tiles do not link anywhere, use source `manual` and create entries anyway so logos are reusable. Filter chip labels → integration category entries (skip “All”). A visible search box → showSearch. Count tiles shown before a “See all” link → limit.",
+			pitfalls: ["Brand logos have usage rules — keep the original SVG, never recolor it in content; `isMonochrome` is a render-time filter.", "Category options cannot come from a sibling array in our schema, which is exactly why categories are a referenced collection."]
+		}
+	}
+];
+//#endregion
+export { ENTRIES };
+
+//# sourceMappingURL=features.entries.js.map