create-ailk 0.7.0 → 0.8.0

package/templates/apps/web/app/[locale]/newsletter/newsletter.actions.ts

@@ -0,0 +1,66 @@
+"use server";
+
+/**
+ * subscribeNewsletterAction — Server Action paired with the
+ * `ailkSubscribeNewsletter` MCP tool (#6730 D9).
+ *
+ * `/newsletter` renders the shared `LeadCaptureForm` bound to this action
+ * when the API accepts a subscription (a database is set up) and the page's
+ * content declares no signup section of its own. Validates the address with
+ * the tool's own input schema, calls `POST /v1/leads/subscribe` through
+ * `@working-theory/api-client`, and maps the outcome the same way
+ * `captureLeadAction` does: the API's 503 `lead_capture_not_configured` →
+ * `unavailable`; any other non-2xx or thrown error → the generic `error`;
+ * only a 2xx is `success`.
+ */
+
+import { leads } from "@working-theory/api-client";
+import { LEAD_CAPTURE_HONEYPOT, type LeadCaptureFormState } from "@working-theory/ui";
+import { subscribeNewsletterInputSchema } from "@working-theory/validation";
+
+const GENERIC_ERROR = "Something went wrong, please try again.";
+
+export async function subscribeNewsletterAction(
+  _prevState: LeadCaptureFormState,
+  formData: FormData,
+): Promise<LeadCaptureFormState> {
+  // Honeypot: a bot that fills the hidden field gets a person's answer, and
+  // nothing is sent.
+  const honeypot = formData.get(LEAD_CAPTURE_HONEYPOT);
+  if (typeof honeypot === "string" && honeypot !== "") return { kind: "success" };
+
+  const parsed = subscribeNewsletterInputSchema.safeParse({
+    email: formData.get("email"),
+  });
+  if (!parsed.success) {
+    return {
+      kind: "error",
+      fieldErrors: { email: parsed.error.issues[0]?.message ?? "Invalid email" },
+    };
+  }
+
+  const siteId = process.env.AILK_SITE_ID ?? "default";
+  try {
+    const res = await leads.subscribe({
+      siteId,
+      source: "newsletter",
+      email: parsed.data.email,
+    });
+    if (!res.ok) {
+      const error =
+        typeof res.body === "object" && res.body !== null
+          ? (res.body as { error?: unknown }).error
+          : undefined;
+      if (res.status === 503 && error === "lead_capture_not_configured") {
+        return { kind: "unavailable" };
+      }
+      return { kind: "error", message: GENERIC_ERROR };
+    }
+    return { kind: "success" };
+  } catch (err) {
+    // The api-client never attaches the request payload to a thrown error,
+    // so logging `err` carries no subscriber address.
+    console.error("[subscribeNewsletterAction]", err);
+    return { kind: "error", message: GENERIC_ERROR };
+  }
+}

package/templates/apps/web/app/[locale]/newsletter/page.tsx

@@ -1,21 +1,78 @@
-// Newsletter page (#6658 D5) — a NewsletterSignup at /newsletter. Its
-// `newsletter` section posts to lead capture (`/v1/leads/subscribe`), which
-// persists a Subscriber and sends no verification email. A module-less
-// surface a template enables by naming it in its roster; with no content the
-// route 404s. Mirrors use-cases/page.tsx: a sections-composed page renders its
-// sections, a prose-only page its MDX body.
-import type { getMdxSource as defaultGetMdxSource } from "@working-theory/page-renderer";
+// Newsletter page (#6658 D5) — a NewsletterSignup at /newsletter. A
+// module-less surface a template enables by naming it in its roster; with no
+// content the route 404s. Mirrors use-cases/page.tsx: a sections-composed
+// page renders its sections, a prose-only page its MDX body.
+//
+// A signup only when there is somewhere to keep it (#6730 D9). The API says
+// whether it accepts a subscription (`GET /v1/leads/capture` — a database is
+// set up):
+//
+//   - accepting: a content `newsletter` section renders as authored (its own
+//     form posts to `/v1/leads/subscribe`); a page with no such section gets
+//     the shared `LeadCaptureForm` (one email field) appended, bound to
+//     `subscribeNewsletterAction`.
+//   - otherwise — including an unreachable API — every `newsletter` section
+//     is dropped before render, and a leading hero's CTA that pointed at a
+//     dropped section's anchor goes with it, so no signup form of any kind
+//     renders and no button points at a section that is gone. The API
+//     refuses a subscribe in that state anyway, so a cached page can never
+//     record a false success.
+import { leads } from "@working-theory/api-client";
+import type {
+  getMdxSource as defaultGetMdxSource,
+  getPageSections as defaultGetPageSections,
+} from "@working-theory/page-renderer";
 import {
   getMdxSource as loadMdxSource,
+  getPageSections as loadPageSections,
   renderPage,
   renderPageMetadata,
 } from "@working-theory/page-renderer";
+import { LeadCaptureForm, localeHref } from "@working-theory/ui";
 import type { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
 import type { ReactElement } from "react";
 
+import { subscribeNewsletterAction } from "./newsletter.actions";
+
+export const revalidate = 60;
+
 interface Props {
   params: Promise<{ locale: string }>;
   getMdxSource?: typeof defaultGetMdxSource;
+  getPageSections?: typeof defaultGetPageSections;
+}
+
+type Section = Awaited<ReturnType<typeof defaultGetPageSections>>[number];
+
+/** Whether the API accepts a subscription; `false` for any failed read. */
+async function acceptsSubscription(): Promise<boolean> {
+  try {
+    const res = await leads.captureStatus();
+    return res.ok && res.body.ok === true && res.body.data.newsletter;
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Drop every `newsletter` section, and any leading-hero CTA whose `href` is
+ * the `#<id>` anchor of a section that was dropped.
+ */
+function withoutSignup(sections: Section[]): Section[] {
+  const dropped = new Set(
+    sections.filter((s) => s.type === "newsletter").map((s) => `#${s.id}`),
+  );
+  if (dropped.size === 0) return sections;
+  return sections
+    .filter((s) => s.type !== "newsletter")
+    .map((s, i) => {
+      if (i !== 0 || s.type !== "hero") return s;
+      const data = { ...s.data };
+      if (data.primaryCta && dropped.has(data.primaryCta.href)) delete data.primaryCta;
+      if (data.secondaryCta && dropped.has(data.secondaryCta.href)) delete data.secondaryCta;
+      return { ...s, data };
+    });
 }
 
 export async function generateMetadata({
@@ -32,19 +89,54 @@ export async function generateMetadata({
 export default async function Page({
   params,
   getMdxSource,
+  getPageSections,
 }: Props): Promise<ReactElement> {
   const { locale } = await params;
-  const source = await (getMdxSource ?? loadMdxSource)("NewsletterSignup", "newsletter", locale);
-  const composed =
-    source !== null &&
-    Array.isArray((source.frontmatter as { sections?: unknown[] }).sections) &&
-    ((source.frontmatter as { sections?: unknown[] }).sections?.length ?? 0) >
-      0;
-  return renderPage({
+  const load = getMdxSource ?? loadMdxSource;
+  const loadSections = getPageSections ?? loadPageSections;
+  const [source, accepting] = await Promise.all([
+    load("NewsletterSignup", "newsletter", locale),
+    acceptsSubscription(),
+  ]);
+  const declared = source ? await loadSections(source.frontmatter) : [];
+  const composed = declared.length > 0;
+  const hasSignupSection = declared.some((s) => s.type === "newsletter");
+
+  const rendered = await renderPage({
     type: "NewsletterSignup",
     slug: "newsletter",
     locale,
     ...(composed ? {} : { bodyMode: "mdx-body" as const }),
     ...(getMdxSource !== undefined && { getMdxSource }),
+    getPageSections: accepting
+      ? loadSections
+      : async (frontmatter: unknown) => withoutSignup(await loadSections(frontmatter)),
   });
+
+  if (!accepting || hasSignupSection || source === null) return rendered;
+
+  const [t, tc] = await Promise.all([
+    getTranslations({ locale, namespace: "newsletter" }),
+    getTranslations({ locale, namespace: "contact" }),
+  ]);
+  return (
+    <>
+      {rendered}
+      <LeadCaptureForm
+        action={subscribeNewsletterAction}
+        fields={[{ name: "email", label: t("emailLabel"), type: "email", required: true }]}
+        termsHref={localeHref(locale, "/terms")}
+        text={{
+          submit: t("submit"),
+          sending: t("sending"),
+          success: t("success"),
+          consentStatement: t("consentStatement"),
+          genericError: tc("genericError"),
+          unavailableHeading: tc("unavailableHeading"),
+          unavailableBody: tc("unavailableBody", { email: "{email}" }),
+          unavailableNoEmail: tc("unavailableNoEmail"),
+        }}
+      />
+    </>
+  );
 }

package/templates/apps/web/app/[locale]/portfolio/[slug]/page.tsx

@@ -0,0 +1,59 @@
+// Portfolio item page (#6687). Reads the PortfolioItem MDX for the given slug and emits a
+// JSON-LD <script>. Unknown slugs trigger 404. Renders `sections[]` when the
+// frontmatter carries them (the use-cases composed pattern), MDX prose otherwise.
+// NO_HAND_IMPLEMENT_OK: /build-starter operator-directed live pass (#6687).
+import {
+  getMdxSource as defaultGetMdxSource,
+  getMdxSlugs,
+  renderPage,
+  renderPageMetadata,
+} from "@working-theory/page-renderer";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import type { ReactElement } from "react";
+
+interface Props {
+  params: Promise<{ locale: string; slug: string }>;
+  getMdxSource?: typeof defaultGetMdxSource;
+}
+
+export async function generateMetadata({
+  params,
+}: Pick<Props, "params">): Promise<Metadata> {
+  const { locale, slug } = await params;
+  return renderPageMetadata({ type: "PortfolioItem", slug, locale });
+}
+
+export async function generateStaticParams({
+  params,
+}: {
+  params: { locale: string };
+}): Promise<{ slug: string }[]> {
+  const slugs = await getMdxSlugs("PortfolioItem", params.locale);
+  return slugs.map((slug: string) => ({ slug }));
+}
+
+export default async function Page({
+  params,
+  getMdxSource = defaultGetMdxSource,
+}: Props): Promise<ReactElement> {
+  const { locale, slug } = await params;
+  const source = await getMdxSource("PortfolioItem", slug, locale);
+
+  if (!source) {
+    notFound();
+  }
+
+  const composed =
+    Array.isArray((source.frontmatter as { sections?: unknown[] }).sections) &&
+    ((source.frontmatter as { sections?: unknown[] }).sections?.length ?? 0) > 0;
+
+  return renderPage({
+    type: "PortfolioItem",
+    slug,
+    locale,
+    translationsNamespace: "portfolio",
+    ...(composed ? {} : { bodyMode: "mdx-body" as const }),
+    getMdxSource: async () => source,
+  });
+}

package/templates/apps/web/app/[locale]/portfolio/page.tsx

@@ -0,0 +1,49 @@
+// Portfolio list page (#6687). Reads PortfolioList MDX via the content adapter and emits
+// a JSON-LD CollectionPage via the dispatcher.
+// NO_HAND_IMPLEMENT_OK: /build-starter operator-directed live pass (#6687) — the
+// use-cases composed pattern mirrored onto the portfolio hub: sections when the
+// frontmatter carries `sections[]`, MDX prose otherwise (existing prose pages unchanged).
+import type { getMdxSource as defaultGetMdxSource } from "@working-theory/page-renderer";
+import {
+  getMdxSource as loadMdxSource,
+  renderPage,
+  renderPageMetadata,
+} from "@working-theory/page-renderer";
+import type { Metadata } from "next";
+import type { ReactElement } from "react";
+
+interface Props {
+  params: Promise<{ locale: string }>;
+  getMdxSource?: typeof defaultGetMdxSource;
+}
+
+export async function generateMetadata({
+  params,
+}: Pick<Props, "params">): Promise<Metadata> {
+  const { locale } = await params;
+  return renderPageMetadata({
+    type: "PortfolioList",
+    slug: "portfolio",
+    locale,
+  });
+}
+
+export default async function Page({
+  params,
+  getMdxSource,
+}: Props): Promise<ReactElement> {
+  const { locale } = await params;
+  const source = await (getMdxSource ?? loadMdxSource)("PortfolioList", "portfolio", locale);
+  const composed =
+    source !== null &&
+    Array.isArray((source.frontmatter as { sections?: unknown[] }).sections) &&
+    ((source.frontmatter as { sections?: unknown[] }).sections?.length ?? 0) > 0;
+  return renderPage({
+    type: "PortfolioList",
+    slug: "portfolio",
+    locale,
+    translationsNamespace: "portfolio",
+    ...(composed ? {} : { bodyMode: "mdx-body" as const }),
+    ...(getMdxSource !== undefined && { getMdxSource }),
+  });
+}

package/templates/apps/web/app/[locale]/use-cases/[slug]/page.tsx

@@ -1,9 +1,11 @@
 // UseCase detail page (#6658 D4) — one use case at /use-cases/<slug>, listed by
 // the /use-cases page. Reads the UseCase MDX for the given slug, renders via
 // @working-theory/page-renderer, and emits a JSON-LD WebPage whose mainEntity
-// is an Article. Unknown slugs 404. Same shape as software/[slug]/page.tsx.
+// is an Article. Unknown slugs 404. Composed `sections[]` render as sections
+// (#6721); a prose page renders its MDX body.
 import type { getMdxSource as defaultGetMdxSource } from "@working-theory/page-renderer";
 import {
+  getMdxSource as loadMdxSource,
   getMdxSlugs,
   renderPage,
   renderPageMetadata,
@@ -37,12 +39,25 @@ export default async function Page({
   getMdxSource,
 }: Props): Promise<ReactElement> {
   const { locale, slug } = await params;
+  // A page that composes `sections[]` (the starter seeds, #6721) renders
+  // them; a prose page renders its MDX body — the same rule the /use-cases hub
+  // applies. JSON-LD is built from the frontmatter either way.
+  const source = await (getMdxSource ?? loadMdxSource)("UseCase", slug, locale);
+  const composed =
+    source !== null &&
+    Array.isArray((source.frontmatter as { sections?: unknown[] }).sections) &&
+    ((source.frontmatter as { sections?: unknown[] }).sections?.length ?? 0) >
+      0;
   return renderPage({
     type: "UseCase",
     slug,
     locale,
-    bodyMode: "mdx-body",
-    populatedDescriptionTestId: "use-case-description",
+    ...(composed
+      ? {}
+      : {
+          bodyMode: "mdx-body" as const,
+          populatedDescriptionTestId: "use-case-description",
+        }),
     ...(getMdxSource !== undefined && { getMdxSource }),
   });
 }

package/templates/apps/web/lib/nav-config.ts

@@ -1,30 +1,14 @@
-// nav-config.ts — Nav item registry for apps/web (#1451, re-shaped by #5469,
-// #6508).
+// nav-config.ts — site-nav registry.
 //
-// The Free marketing-site template's nav (the approved chrome, #5469 D5,
-// #6508 D5): a Product flyout (How it works · Features · FAQ) rendered as a
-// fixed-640px two-column panel (the Standard Issue direction — #6508), then
-// How it works, Pricing and About as top-level items. Paths are
-// locale-agnostic; Nav prefixes them with the active locale at render.
-// `footerColumns` carries the footer's column groups (#6468), keys only — the
-// layout resolves the labels.
+// GENERATED by create-ailk from the declared route surfaces. Every entry here
+// points at a route this site actually carries — the nav is regenerated with
+// the surface set so it can never link a page that was not scaffolded.
 //
-// In a SCAFFOLD this file is regenerated by create-ailk from the declared
-// route surfaces (`renderNavConfig` in packages/create-ailk/src/surfaces.ts)
-// so the nav never links a page the scaffold does not carry — keep the two in
-// step when the base item set changes.
-//
-// SOFT_LOCK_OK: #6508 — Product's flyout is `width: "panel"` (D4/D5): a fixed
-// 640px, two-column grid, replacing the prior "list"/"trigger" one-column
-// menu. `presentation` is omitted — it defaults to "grid" (D5). The `docs`
-// action is dropped (it duplicated the first feature's /how-it-works
-// destination, § 1.4). This note lives here, not inside the `navItems` array
-// below, so this file's `navItems`/`footerColumns` blocks stay byte-identical
-// to `renderNavConfig`'s generated output — the mirror test (#6468) diffs the
-// arrays verbatim.
-
+// Adding a link: scaffold the page (the `add-page` skill), then add an
+// entry below with a `labelKey` that exists in the `nav` namespace of
+// `apps/web/messages/<locale>.json`. Paths are locale-agnostic — Nav prefixes
+// them with the active locale at render.
 import type { NavItem } from "@working-theory/ui";
-import { HelpCircle, Layers, Sparkles } from "lucide-react";
 
 export const navItems: NavItem[] = [
   {
@@ -32,19 +16,41 @@ export const navItems: NavItem[] = [
     flyout: {
       width: "panel",
       features: [
-        { labelKey: "useCases", descKey: "useCasesDesc", icon: Layers, path: "/use-cases" },
-        { labelKey: "features", descKey: "featuresDesc", icon: Sparkles, path: "/software/product" },
-        { labelKey: "faq", descKey: "faqDesc", icon: HelpCircle, path: "/faq" },
+        { labelKey: "feature1", path: "/features/feature-1" },
+        { labelKey: "feature2", path: "/features/feature-2" },
+        { labelKey: "feature3", path: "/features/feature-3" },
+        { labelKey: "useCase1", path: "/use-cases/persona-1" },
+        { labelKey: "useCase2", path: "/use-cases/persona-2" },
+        { labelKey: "useCase3", path: "/use-cases/persona-3" },
+      ],
+      groups: [
+        {
+          headingKey: "flyoutFeaturesHeading",
+          items: [
+            { labelKey: "feature1", path: "/features/feature-1" },
+            { labelKey: "feature2", path: "/features/feature-2" },
+            { labelKey: "feature3", path: "/features/feature-3" },
+          ],
+        },
+        {
+          headingKey: "flyoutUseCasesHeading",
+          items: [
+            { labelKey: "useCase1", path: "/use-cases/persona-1" },
+            { labelKey: "useCase2", path: "/use-cases/persona-2" },
+            { labelKey: "useCase3", path: "/use-cases/persona-3" },
+          ],
+        },
       ],
       actions: [],
     },
   },
-  { labelKey: "useCases", path: "/use-cases" },
   { labelKey: "blog", path: "/blog" },
   { labelKey: "pricing", path: "/pricing" },
   { labelKey: "about", path: "/about" },
 ];
 
+// Footer column groups. Keys only — the layout resolves each `headingKey`
+// and `labelKey` through the same `nav` labels as the header.
 export interface FooterColumnConfig {
   headingKey: string;
   items: { labelKey: string; path: string }[];
@@ -54,9 +60,8 @@ export const footerColumns: FooterColumnConfig[] = [
   {
     headingKey: "footerSitePagesHeading",
     items: [
-      { labelKey: "features", path: "/software/product" },
+      { labelKey: "features", path: "/features" },
       { labelKey: "pricing", path: "/pricing" },
-      { labelKey: "useCases", path: "/use-cases" },
       { labelKey: "about", path: "/about" },
       { labelKey: "contact", path: "/contact" },
       { labelKey: "bookACall", path: "/book-a-call" },
@@ -65,12 +70,19 @@ export const footerColumns: FooterColumnConfig[] = [
   {
     headingKey: "footerFeaturesHeading",
     items: [
-      { labelKey: "feature1", path: "/software/product" },
-      { labelKey: "feature2", path: "/software/product" },
-      { labelKey: "feature3", path: "/software/product" },
-      { labelKey: "feature4", path: "/software/product" },
-      { labelKey: "feature5", path: "/software/product" },
-      { labelKey: "allFeatures", path: "/software/product" },
+      { labelKey: "feature1", path: "/features/feature-1" },
+      { labelKey: "feature2", path: "/features/feature-2" },
+      { labelKey: "feature3", path: "/features/feature-3" },
+      { labelKey: "allFeatures", path: "/features" },
+    ],
+  },
+  {
+    headingKey: "footerUseCasesHeading",
+    items: [
+      { labelKey: "useCase1", path: "/use-cases/persona-1" },
+      { labelKey: "useCase2", path: "/use-cases/persona-2" },
+      { labelKey: "useCase3", path: "/use-cases/persona-3" },
+      { labelKey: "allUseCases", path: "/use-cases" },
     ],
   },
   {

package/templates/apps/web/lib/site-identity.ts

@@ -85,6 +85,20 @@ function readFeatureList(contentRoot: string, locale: string): string[] {
     const frontmatter = readFrontmatter(join(productDir, name));
     if (frontmatter !== undefined) return featuresOf(frontmatter);
   }
+  // #6721 — the Free roster's feature PAGES (one `Feature` seed per feature,
+  // #6721) are the featureList when the site carries no product page: each
+  // page's title, in sorted file order.
+  const featureDir = join(contentRoot, locale, "Feature");
+  try {
+    const titles = readdirSync(featureDir)
+      .filter((name) => name.endsWith(".mdx"))
+      .sort()
+      .map((name) => readFrontmatter(join(featureDir, name))?.["title"])
+      .filter((title): title is string => typeof title === "string" && title.length > 0);
+    if (titles.length > 0) return titles;
+  } catch {
+    // No Feature directory — fall through to the legacy probe.
+  }
   let typeDirs: string[];
   try {
     typeDirs = readdirSync(join(contentRoot, locale)).sort();

package/templates/apps/web/messages/en.json

@@ -38,7 +38,14 @@
     "useCases": "Use cases",
     "signUp": "Sign up",
     "skipToContent": "Skip to content",
-    "useCasesDesc": "'{One line on how your product works}'"
+    "useCasesDesc": "'{One line on how your product works}'",
+    "useCase1": "'{Use Case 1}'",
+    "useCase2": "'{Use Case 2}'",
+    "useCase3": "'{Use Case 3}'",
+    "footerUseCasesHeading": "Use Cases",
+    "allUseCases": "All use cases",
+    "flyoutFeaturesHeading": "Features",
+    "flyoutUseCasesHeading": "Use Cases"
   },
   "consent": {
     "title": "Cookie Preferences",
@@ -47,7 +54,7 @@
     "rejectLabel": "Reject",
     "policyLinkLabel": "Privacy policy",
     "dismissLabel": "Close",
-    "settingsLabel": "Cookie settings"
+    "settingsLabel": "Cookie Settings"
   },
   "common": {
     "siteTitle": "My Site",
@@ -79,6 +86,10 @@
     "heading": "Case Studies",
     "emptyState": "Case studies listing coming soon."
   },
+  "portfolio": {
+    "heading": "Portfolio",
+    "emptyState": "Portfolio coming soon."
+  },
   "courses": {
     "heading": "Courses",
     "emptyState": "Courses listing coming soon."
@@ -97,6 +108,10 @@
     "sendMessage": "Send message",
     "successMessage": "Thank you for reaching out! We will be in touch shortly.",
     "consentStatement": "I accept the [Terms](terms).",
+    "genericError": "Something went wrong, please try again.",
+    "unavailableHeading": "Get in touch",
+    "unavailableBody": "Email us at {email} and we'll reply.",
+    "unavailableNoEmail": "Contact details for this site haven't been published yet.",
     "intake": {
       "guidedBadge": "Guided",
       "skip": "Skip",
@@ -682,5 +697,16 @@
       "emptyHeadline": "No upcoming bookings",
       "emptyDescription": "When someone books a time with you, the appointment appears here automatically."
     }
+  },
+  "features": {
+    "heading": "Features",
+    "emptyState": "Features coming soon."
+  },
+  "newsletter": {
+    "emailLabel": "Email",
+    "submit": "Subscribe",
+    "sending": "Subscribing…",
+    "success": "You're subscribed. Thanks for signing up!",
+    "consentStatement": "I accept the [Terms](terms)."
   }
 }

package/templates/content/_site.mdx

@@ -3,6 +3,9 @@ version: "1"
 siteName: "{{COMPANY_NAME}}"
 baseUrl: https://{{COMPANY_DOMAIN}}
 defaultLocale: en
+# /contact shows this address instead of the form when the site cannot take
+# messages (no database and no email key in production).
+contactEmail: "hello@{{COMPANY_DOMAIN}}"
 siteIdentity:
   kind: Organization
   name: "{{COMPANY_NAME}}"
@@ -59,8 +62,7 @@ every page's structured data carries it:
     `name` and `url` (optional `description`, `applicationCategory`,
     `operatingSystem`). The home page's main entity becomes the product,
     published by your organization, and its feature list is read from your
-    product page (`content/en/SoftwareProduct/product.mdx`, served at
-    `/software/product`).
+    feature pages (`content/en/Feature/*.mdx`, served at `/features/<slug>`).
   - under a Person — the company you run: `kind: Organization` with a `name`
     and `url` (optional `logo`, `description`, `sameAs`).