@sarimarcus/content-sites-ui 0.31.7 → 0.32.1

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All packages in the platform release in lockstep; entries are per release version.
 
+## 0.32.1 (2026-10-09)
+
+- `./editorial` `EventPage` takes `audiences` (one sr-only `audience:` Pagefind filter span per entry inside the hero wrapper), and `article`/`highlights` take `id`, an extra `class` and `section` (a bare `data-<section>-section` attribute). `bodyHtml` and `backLink` are optional. New slots: `back` (replaces the back link), `before-body`, `body` (replaces the `<article>`), `after-highlights` and `website` (replaces the official-website button). Default output is unchanged (render-diff 3/3; Dark Skies 0 of 687 pages). Site adoption: `scripts/platform/migrations/event-page.mjs` (17 Córdoba event pages, block-level whitespace; 12 Granada event pages, also `shrink-0` on heading and practical-row icons) and, for Granada walks, `scripts/platform/migrations/walk-pagefind.mjs` (8 pages indexed as `type:walk`) (SLA-3025).
+
+## 0.32.0 (2026-10-09)
+
+- Optional label props, so every reader-visible string can come from the site: Pagination `ariaLabel`, `previousLabel`, `nextLabel`, `pageLabel`, `currentPageLabel`; TableOfContents `jumpLabel`, `stickyLabel`; CardCarousel `regionLabel`, `previousLabel`, `nextLabel`; SiteFooter `rightsLabel`, `legalAriaLabel`; NotFoundPage `searchShortcut`; VisitTiming `labels`. Optional `routes` on ArticleCategoryNav and on `toArticleAuthor` (4th argument). English defaults move from the templates into an internal labels module; output is byte-identical (render-diff 48/48) (SLA-2991).
+
+### Breaking
+
+- The `formats` prop is removed from `EntityCard` and `InlineImage` (deprecated in 0.24.0, ignored since) (SLA-2991).
+- `idOf` is removed from `AffiliateCarousel` and `SourceItem` from `./editorial` (use `SourceInput` from `./seo`), both deprecated in 0.31.4 (SLA-2991).
+- `pageTypeOf` is no longer re-exported from `./layout` or `./analytics`; import it from `@sarimarcus/content-sites-core/url`. It was never deprecated here; no site imports it (SLA-2991).
+- Each removal is asserted absent from every site by `scripts/platform/migrations/remove-deprecated.mjs` (SLA-2991).
+
 ## 0.31.7 (2026-10-09)
 
 - `./primitives` exports `ArrowGlyph`, the bare right-arrow svg that `ArrowLabel` and `LinkArrow` draw, for components that lay out their own label; `class` is emitted verbatim (SLA-3024).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarimarcus/content-sites-ui",
-  "version": "0.31.7",
+  "version": "0.32.1",
   "description": "Universal Astro UI components, layout shell and design tokens shared by the content sites.",
   "type": "module",
   "license": "MIT",
@@ -49,6 +49,6 @@
     "@lucide/astro": "^1.23.0",
     "astro": "^7.0.6",
     "tailwindcss": "^4.1.18",
-    "@sarimarcus/content-sites-core": "0.31.7"
+    "@sarimarcus/content-sites-core": "0.32.1"
   }
 }

package/src/affiliate/AffiliateCard.astro

@@ -23,6 +23,7 @@ import Icon from '../primitives/Icon.astro';
 import type { AffiliateCardOptions } from './types';
 import { templateLine } from './templateText';
 import ResponsivePicture from '../primitives/ResponsivePicture.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props extends AffiliateCardOptions {
   href: string;
@@ -65,7 +66,7 @@ const {
   reviewCount = 0,
   duration,
   index = 0,
-  pricePrefix = 'From ',
+  pricePrefix = LABELS.affiliateCard.pricePrefix,
   legacyFractionDigits = false,
   bestSellerAt = 1000,
   skipTheLineBadge = true,
@@ -80,11 +81,11 @@ const {
 } = Astro.props;
 
 const {
-  bestSeller = 'Best Seller',
-  topRated = 'Top Rated',
-  skipTheLine = 'Skip the line',
-  cta = 'Reserve Your Spot',
-  reviewCount: reviewCountLabel = (n: string) => `(${n} reviews)`,
+  bestSeller = LABELS.affiliateCard.bestSeller,
+  topRated = LABELS.affiliateCard.topRated,
+  skipTheLine = LABELS.affiliateCard.skipTheLine,
+  cta = LABELS.affiliateCard.cta,
+  reviewCount: reviewCountLabel = LABELS.affiliateCard.reviewCount,
   verified,
   booksUp,
 } = labels;

package/src/affiliate/AffiliateCardSection.astro

@@ -9,6 +9,7 @@ import AffiliateCard from './AffiliateCard.astro';
 import AffiliateBandShell from './AffiliateBandShell.astro';
 import { bandImageSizes } from './band';
 import type { AffiliateCardItem, AffiliateCardOptions } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   items: AffiliateCardItem[];
@@ -25,7 +26,7 @@ interface Props {
 
 const {
   items,
-  title = "Recommended Tours & Activities",
+  title = LABELS.affiliateCardSection.title,
   subtitle,
   placement,
   imageFetchpriority,

package/src/affiliate/AffiliateCarousel.astro

@@ -11,14 +11,13 @@ import CardCarousel from '../composed/CardCarousel.astro';
 import AffiliateCard from './AffiliateCard.astro';
 import { selectActivities } from './select';
 import type { AffiliateCardItem, AffiliateCardOptions } from './types';
+import { LABELS } from '../internal/labels';
 
 type Activity = { id?: string | number; title?: string; reviewCount?: number; [key: string]: unknown };
 
 interface Props {
   activities: Activity[];
   ids?: number[];
-  /** @deprecated No site passes it; the default reading stays. Removed in the next minor (SLA-3020). */
-  idOf?: (activity: Activity) => number;
   resolve?: (activity: any) => AffiliateCardItem;
   heading?: string;
   subtitle?: string;
@@ -35,9 +34,8 @@ interface Props {
 const {
   activities,
   ids,
-  idOf = (activity) => Number(String(activity.id ?? '').replace(/^\D+-/, '')),
   resolve = (activity) => activity as AffiliateCardItem,
-  heading = 'Recommended tours',
+  heading = LABELS.affiliateCarousel.heading,
   subtitle,
   headingTag = 'h3',
   headingClass = 'font-display text-lg font-semibold text-foreground',
@@ -49,6 +47,8 @@ const {
   class: className,
 } = Astro.props;
 
+const idOf = (activity: Activity) => Number(String(activity.id ?? '').replace(/^\D+-/, ''));
+
 const shown = selectActivities(
   activities,
   ids ? { pinnedIds: ids, exclusive: true, match: (a, wanted) => idOf(a) === wanted, maxCards } : { dedupeTitles: true, maxCards },

package/src/affiliate/AffiliateComparisonTable.astro

@@ -9,6 +9,7 @@ import Icon from '../primitives/Icon.astro';
 import Badge from '../primitives/Badge.astro';
 import type { ComparisonRow, ComparisonTableLabels } from './types';
 import { providerFromHref } from './provider';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   rows: ComparisonRow[];
@@ -27,9 +28,9 @@ const {
   rows = [],
   title,
   titleTag = 'p',
-  nameLabel = 'Option',
-  priceLabel = 'Price',
-  featureLabel = 'Highlight',
+  nameLabel = LABELS.affiliateComparisonTable.nameLabel,
+  priceLabel = LABELS.affiliateComparisonTable.priceLabel,
+  featureLabel = LABELS.affiliateComparisonTable.featureLabel,
   placement = 'comparison-table',
   provider,
   labels = {},
@@ -37,13 +38,13 @@ const {
 } = Astro.props;
 
 const {
-  caption = 'Comparison of options',
-  ctaColumn = 'Book or view',
-  externalCta = 'Check availability',
-  internalCta = 'View details',
-  externalAria = (cta: string, name: string) => `${cta}: ${name} (opens in a new tab)`,
-  internalAria = (cta: string, name: string) => `${cta}: ${name}`,
-  rated = (rating: number, count?: number) => `Rated ${rating} out of 5${count ? ` from ${count} reviews` : ''}`,
+  caption = LABELS.affiliateComparisonTable.caption,
+  ctaColumn = LABELS.affiliateComparisonTable.ctaColumn,
+  externalCta = LABELS.affiliateComparisonTable.externalCta,
+  internalCta = LABELS.affiliateComparisonTable.internalCta,
+  externalAria = LABELS.affiliateComparisonTable.externalAria,
+  internalAria = LABELS.affiliateComparisonTable.internalAria,
+  rated = LABELS.affiliateComparisonTable.rated,
 } = labels;
 
 const captionText = title ?? caption;

package/src/affiliate/AmazonProductCard.astro

@@ -8,6 +8,7 @@ import Badge from '../primitives/Badge.astro';
 import { CARD_LINK_CLASS, CARD_BODY_CLASS, CARD_CTA_CLASS, CARD_BADGE_CLASS } from './cardClasses';
 import Icon from '../primitives/Icon.astro';
 import { templateLine } from './templateText';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   href: string;
@@ -35,7 +36,7 @@ const {
   category = 'book',
   badge,
   placement = 'card',
-  ctaLabel = 'View on Amazon',
+  ctaLabel = LABELS.amazonProductCard.ctaLabel,
   class: className,
 } = Astro.props;
 

package/src/affiliate/AmazonProductSection.astro

@@ -5,6 +5,7 @@
  */
 import AmazonProductCard from './AmazonProductCard.astro';
 import AffiliateBandShell from './AffiliateBandShell.astro';
+import { LABELS } from '../internal/labels';
 
 interface Product {
   href: string;
@@ -30,7 +31,7 @@ interface Props {
 }
 
 const {
-  title = "Recommended reading",
+  title = LABELS.amazonProductSection.title,
   subtitle,
   products,
   maxCards,

package/src/affiliate/HotelAffiliateCTA.astro

@@ -14,6 +14,7 @@ import { isBadgeLength } from '../primitives/badgeText';
 import type { HotelCtaLabels } from './types';
 import { templateLine } from './templateText';
 import { providerFromHref } from './provider';
+import { LABELS } from '../internal/labels';
 
 
 interface Props {
@@ -63,17 +64,17 @@ const {
 } = Astro.props;
 
 const {
-  headline = (n: string) => `Find the best rate for ${n}`,
-  bookCta = `Book this ${entityNoun}`,
-  searchCta = 'Check prices & availability',
-  bookSubhead = 'Check current availability and rates.',
-  searchSubhead = `Search current prices and availability for this ${entityNoun}.`,
-  from = 'from ',
-  perNight = ' / night',
-  reviews = (n: string) => `(${n} reviews)`,
-  ratingOn = (s: string) => `on ${s}`,
-  freeToSearch = 'Free to search · No sign-up needed',
-  officialSite = `Visit the ${entityNoun}'s official site`,
+  headline = LABELS.hotelAffiliateCTA.headline,
+  bookCta = LABELS.hotelAffiliateCTA.bookCta(entityNoun),
+  searchCta = LABELS.hotelAffiliateCTA.searchCta,
+  bookSubhead = LABELS.hotelAffiliateCTA.bookSubhead,
+  searchSubhead = LABELS.hotelAffiliateCTA.searchSubhead(entityNoun),
+  from = LABELS.hotelAffiliateCTA.from,
+  perNight = LABELS.hotelAffiliateCTA.perNight,
+  reviews = LABELS.hotelAffiliateCTA.reviews,
+  ratingOn = LABELS.hotelAffiliateCTA.ratingOn,
+  freeToSearch = LABELS.hotelAffiliateCTA.freeToSearch,
+  officialSite = LABELS.hotelAffiliateCTA.officialSite(entityNoun),
 } = labels;
 
 const trackProvider = provider ?? providerFromHref(href);

package/src/affiliate/InlineAffiliateCTA.astro

@@ -6,6 +6,7 @@
  * so inline clicks land in the same analytics fields. Render an AffiliateDisclosure nearby.
  */
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   href: string;
@@ -23,7 +24,7 @@ const {
   href,
   label,
   description,
-  cta = 'See tours',
+  cta = LABELS.inlineAffiliateCTA.cta,
   trackId,
   trackPlacement,
   provider,

package/src/affiliate/StickyCTA.astro

@@ -15,6 +15,7 @@
  * no secondary action: both only reproduce a site's earlier markup byte for byte.
  */
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   label?: string;
@@ -37,16 +38,16 @@ interface Props {
 }
 
 const {
-  label = 'Reserve Your Spot',
+  label = LABELS.stickyCTA.label,
   anchorId = 'affiliate-tours',
   eyebrow,
-  note = 'Found the right tour? Reserve your spot before it fills.',
+  note = LABELS.stickyCTA.note,
   icon = 'ticket',
   secondary,
   showOnDesktop = false,
   hideWhenVisible,
   dismissKey = 'affiliate-bar-dismissed',
-  dismissLabel = 'Dismiss',
+  dismissLabel = LABELS.stickyCTA.dismissLabel,
   track = true,
   trackId = 'affiliate-sticky-bar',
   inertWhenHidden = true,

package/src/affiliate/TravelpayoutsWidget.astro

@@ -14,6 +14,7 @@
  */
 import TravelpayoutsWidgetBody from './TravelpayoutsWidgetBody.astro';
 import type { WidgetKind as Kind } from './resources';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   kind: Kind;
@@ -38,12 +39,7 @@ const WRAPPER: Record<Kind, string> = {
   train: 'train-search-widget min-h-[280px]',
   car: 'car-rental-widget',
 };
-const LABEL: Record<Kind, string> = {
-  hotel: 'Hotel search',
-  activity: 'Activity search',
-  train: 'Train and bus search',
-  car: 'Car rental search',
-};
+const LABEL: Record<Kind, string> = LABELS.travelpayoutsWidget;
 
 const {
   kind,

package/src/composed/CardCarousel.astro

@@ -11,6 +11,7 @@
  */
 import Icon from '../primitives/Icon.astro';
 import { deterministicId } from '@sarimarcus/content-sites-core/dom';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   /** Section heading rendered above the track. */
@@ -29,8 +30,12 @@ interface Props {
   /** Optional "view all" link shown next to the arrows. */
   viewAllHref?: string;
   viewAllLabel?: string;
-  /** Accessible label for the scroll region (falls back to the heading). */
+  /** Accessible label for the scroll region (falls back to the heading, then `regionLabel`). */
   ariaLabel?: string;
+  regionLabel?: string;
+  /** Accessible names of the arrows, given the carousel's name (undefined when it has none). */
+  previousLabel?: (name: string | undefined) => string;
+  nextLabel?: (name: string | undefined) => string;
   class?: string;
 }
 
@@ -41,8 +46,11 @@ const {
   description,
   id,
   viewAllHref,
-  viewAllLabel = 'View all',
+  viewAllLabel = LABELS.cardCarousel.viewAllLabel,
   ariaLabel,
+  regionLabel = LABELS.cardCarousel.regionLabel,
+  previousLabel = LABELS.cardCarousel.previousLabel,
+  nextLabel = LABELS.cardCarousel.nextLabel,
   class: className,
 } = Astro.props;
 
@@ -82,7 +90,7 @@ const arrowClass =
         <button
           data-carousel-prev
           type="button"
-          aria-label={`Previous, ${ariaLabel ?? heading ?? 'carousel'}`}
+          aria-label={previousLabel(ariaLabel ?? heading)}
           aria-disabled="true"
           class={arrowClass}
         >
@@ -91,7 +99,7 @@ const arrowClass =
         <button
           data-carousel-next
           type="button"
-          aria-label={`Next, ${ariaLabel ?? heading ?? 'carousel'}`}
+          aria-label={nextLabel(ariaLabel ?? heading)}
           class={arrowClass}
         >
           <Icon name="chevron-right" class="h-4 w-4" aria-hidden="true" />
@@ -103,7 +111,7 @@ const arrowClass =
     id={trackId}
     data-carousel-track
     class="cc-track -mx-4 flex gap-4 overflow-x-auto scroll-px-4 px-4 py-1.5 snap-x snap-mandatory sm:mx-0 sm:scroll-px-0 sm:px-0"
-    aria-label={ariaLabel ?? heading ?? 'Carousel'}
+    aria-label={ariaLabel ?? heading ?? regionLabel}
     role="group"
     tabindex="0"
   >

package/src/composed/EntityCard.astro

@@ -37,8 +37,6 @@ interface Props {
   /** Shown when `image` is absent. */
   fallbackSrc?: string;
   imageAlt: string;
-  /** @deprecated Ignored: images are WebP only (SLA-2960). Removed in the next minor. */
-  formats?: Array<'avif' | 'webp' | 'png' | 'jpeg' | 'jpg' | 'svg'>;
   /** Position in the list: the first `eager` load eagerly, the first one at high priority. */
   index?: number;
   eager?: number;

package/src/composed/FAQ.astro

@@ -8,6 +8,7 @@
  */
 import Icon from '../primitives/Icon.astro';
 import type { TrustedHtml } from '../types/index.ts';
+import { LABELS } from '../internal/labels';
 
 export interface FaqItem {
   questionHtml: TrustedHtml;
@@ -27,7 +28,7 @@ interface Props {
 
 const {
   items,
-  title = 'Frequently asked questions',
+  title = LABELS.faq.title,
   icon = true,
   headingClass = 'text-2xl sm:text-3xl font-normal mb-6 flex items-center gap-3 font-display',
   id,

package/src/composed/InlineImage.astro

@@ -42,8 +42,6 @@ interface Props {
   aspectRatio?: string;
   /** Optional URL to wrap the image in a link */
   href?: string;
-  /** @deprecated Ignored: images are WebP only (SLA-2960). Removed in the next minor. */
-  formats?: 'webp'[];
   /** Additional CSS classes on the outer figure element */
   class?: string;
 }

package/src/composed/Pagination.astro

@@ -5,15 +5,32 @@
  * all agree on URLs.
  */
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   currentPage: number;
   totalPages: number;
   /** URL of a page number (base path included). */
   href: (page: number) => string;
+  ariaLabel?: string;
+  previousLabel?: string;
+  nextLabel?: string;
+  /** Accessible name of a link to another page. */
+  pageLabel?: (page: number) => string;
+  /** Accessible name of the current page. */
+  currentPageLabel?: (page: number) => string;
 }
 
-const { currentPage, totalPages, href } = Astro.props;
+const {
+  currentPage,
+  totalPages,
+  href,
+  ariaLabel = LABELS.pagination.ariaLabel,
+  previousLabel = LABELS.pagination.previousLabel,
+  nextLabel = LABELS.pagination.nextLabel,
+  pageLabel = LABELS.pagination.pageLabel,
+  currentPageLabel = LABELS.pagination.currentPageLabel,
+} = Astro.props;
 
 const prevPage = currentPage > 1 ? currentPage - 1 : null;
 const nextPage = currentPage < totalPages ? currentPage + 1 : null;
@@ -42,16 +59,16 @@ const edgeBase = `${linkBase} px-3`;
 ---
 
 {totalPages > 1 && (
-  <nav aria-label="Pagination" class="mt-14 flex items-center justify-center gap-2 flex-wrap">
+  <nav aria-label={ariaLabel} class="mt-14 flex items-center justify-center gap-2 flex-wrap">
     {prevPage ? (
       <a href={href(prevPage)} rel="prev" class={edgeBase}>
         <Icon name="arrow-left" class="w-3.5 h-3.5" />
-        <span>Previous</span>
+        <span>{previousLabel}</span>
       </a>
     ) : (
       <span aria-hidden="true" class={`${edgeBase} opacity-40 cursor-default pointer-events-none`}>
         <Icon name="arrow-left" class="w-3.5 h-3.5" />
-        <span>Previous</span>
+        <span>{previousLabel}</span>
       </span>
     )}
 
@@ -64,7 +81,7 @@ const edgeBase = `${linkBase} px-3`;
             <li>
               <span
                 aria-current="page"
-                aria-label={`Page ${item}, current page`}
+                aria-label={currentPageLabel(item)}
                 class={`${numberBase} border-primary bg-primary text-primary-foreground hover:text-primary-foreground`}
               >
                 {item}
@@ -72,7 +89,7 @@ const edgeBase = `${linkBase} px-3`;
             </li>
           ) : (
             <li>
-              <a href={href(item)} aria-label={`Go to page ${item}`} class={numberBase}>
+              <a href={href(item)} aria-label={pageLabel(item)} class={numberBase}>
                 {item}
               </a>
             </li>
@@ -83,12 +100,12 @@ const edgeBase = `${linkBase} px-3`;
 
     {nextPage ? (
       <a href={href(nextPage)} rel="next" class={edgeBase}>
-        <span>Next</span>
+        <span>{nextLabel}</span>
         <Icon name="arrow-right" class="w-3.5 h-3.5" />
       </a>
     ) : (
       <span aria-hidden="true" class={`${edgeBase} opacity-40 cursor-default pointer-events-none`}>
-        <span>Next</span>
+        <span>{nextLabel}</span>
         <Icon name="arrow-right" class="w-3.5 h-3.5" />
       </span>
     )}

package/src/composed/TableOfContents.astro

@@ -7,6 +7,7 @@
 // empty heading on every caller that omits one (SLA-2340); `mb-2` sits behind `title` so an eyebrow-only header does
 // not double the gap.
 import Chip from '../primitives/Chip.astro';
+import { LABELS } from '../internal/labels';
 
 interface TableOfContentsItem {
   label: string;
@@ -19,6 +20,10 @@ interface Props {
   items: TableOfContentsItem[];
   /** Defaults to the title, else 'Table of contents'. */
   ariaLabel?: string;
+  /** The mobile disclosure's summary. */
+  jumpLabel?: string;
+  /** Accessible name of the sticky copy of the nav, given `ariaLabel`. */
+  stickyLabel?: (name: string) => string;
   eyebrow?: string;
   description?: string;
   class?: string;
@@ -37,7 +42,9 @@ interface Props {
 const {
   title = '',
   items,
-  ariaLabel = title || 'Table of contents',
+  ariaLabel = title || LABELS.tableOfContents.ariaLabel,
+  jumpLabel = LABELS.tableOfContents.jumpLabel,
+  stickyLabel = LABELS.tableOfContents.stickyLabel,
   eyebrow,
   description,
   class: className = '',
@@ -74,7 +81,7 @@ const showMini = variant === 'card';
     inert
   >
     <div class="mx-auto max-w-shell px-4 sm:px-6 lg:px-8 py-2.5">
-      <nav class="flex gap-2 overflow-x-auto scrollbar-hide" aria-label={`${ariaLabel} (sticky)`}>
+      <nav class="flex gap-2 overflow-x-auto scrollbar-hide" aria-label={stickyLabel(ariaLabel)}>
         {items.map((item) => (
           <Chip
             href={item.href}
@@ -114,9 +121,7 @@ const showMini = variant === 'card';
   )}
 
   <details class="group md:hidden">
-    <summary class="flex min-h-11 cursor-pointer list-none items-center justify-between rounded-lg border border-border bg-muted/40 px-4 py-2.5 text-sm font-medium text-foreground marker:content-none">
-      Jump to a section
-      <span class="text-primary transition-transform group-open:rotate-180" aria-hidden="true">⌄</span>
+    <summary class="flex min-h-11 cursor-pointer list-none items-center justify-between rounded-lg border border-border bg-muted/40 px-4 py-2.5 text-sm font-medium text-foreground marker:content-none">{`\n${jumpLabel}\n`}<span class="text-primary transition-transform group-open:rotate-180" aria-hidden="true">⌄</span>
     </summary>
     <nav class="mt-3 grid gap-2" aria-label={ariaLabel}>
       {items.map((item) => (

package/src/editorial/AlsoExplore.astro

@@ -1,6 +1,7 @@
 ---
 /** "Also explore": up to four sibling links under a hairline, at the foot of a hub or listing page. */
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 export interface AlsoExploreItem {
   href: string;
@@ -13,7 +14,7 @@ interface Props {
   class?: string;
 }
 
-const { eyebrow = 'Also explore', items, class: className } = Astro.props;
+const { eyebrow = LABELS.alsoExplore.eyebrow, items, class: className } = Astro.props;
 
 if (import.meta.env.DEV && items.length > 4) {
   console.warn(`AlsoExplore: received ${items.length} items, capping at 4.`);

package/src/editorial/ArticleCategoryNav.astro

@@ -3,10 +3,11 @@
  * ArticleCategoryNav — "All" plus one chip per populated topic, each with a count badge. `categories` is the site's
  * category map in display order; a category with no article is left out.
  */
-import { url } from '@sarimarcus/content-sites-core/url';
+import { routePath, url, type SiteRoutes } from '@sarimarcus/content-sites-core/url';
 import Chip from '../primitives/Chip.astro';
 import Badge from '../primitives/Badge.astro';
 import type { ArticleCategoryLink, ArticleCategoryMeta } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   articles: readonly { data: { category?: string | null } }[];
@@ -14,6 +15,8 @@ interface Props {
   current?: string;
   ariaLabel?: string;
   allLabel?: string;
+  /** Overrides of the article routes (`articles`, `articleTopic`). */
+  routes?: SiteRoutes;
   class?: string;
 }
 
@@ -21,8 +24,9 @@ const {
   articles,
   categories: categoryMeta,
   current,
-  ariaLabel = 'Browse articles by topic',
-  allLabel = 'All',
+  ariaLabel = LABELS.articleCategoryNav.ariaLabel,
+  allLabel = LABELS.articleCategoryNav.allLabel,
+  routes,
   class: className,
 } = Astro.props;
 
@@ -33,13 +37,13 @@ for (const a of articles) {
 const categories: ArticleCategoryLink[] = Object.keys(categoryMeta)
   .filter((slug) => counts.has(slug))
   .map((slug) => ({
-    href: url(`/articles/topic/${slug}`),
+    href: url(routePath('articleTopic', slug, routes)),
     label: categoryMeta[slug].label,
     icon: categoryMeta[slug].icon,
     count: counts.get(slug)!,
     active: current === slug,
   }));
-const all = { href: url('/articles'), label: allLabel, count: articles.length, active: !current };
+const all = { href: url(routePath('articles', undefined, routes)), label: allLabel, count: articles.length, active: !current };
 const countClass = (active: boolean) => (active ? 'bg-overlay-foreground/20' : 'bg-muted');
 ---
 

package/src/editorial/ArticleFeatureCard.astro

@@ -7,6 +7,7 @@ import type { ImageMetadata } from 'astro';
 import ArticleByline from './ArticleByline.astro';
 import Icon from '../primitives/Icon.astro';
 import ResponsivePicture from '../primitives/ResponsivePicture.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   href: string;
@@ -32,7 +33,7 @@ interface Props {
   class?: string;
 }
 
-const { href, title, description, author, label, image, imageAlt = '', dateTime, dateLabel, updated = false, readLabel = 'Read article', updatedLabel = 'Updated', readingLabel, loading = 'eager', headingLevel = 2, pagefindIgnore = false, class: className = 'mb-12' } = Astro.props;
+const { href, title, description, author, label, image, imageAlt = '', dateTime, dateLabel, updated = false, readLabel = LABELS.articleFeatureCard.readLabel, updatedLabel = LABELS.articleFeatureCard.updatedLabel, readingLabel, loading = 'eager', headingLevel = 2, pagefindIgnore = false, class: className = 'mb-12' } = Astro.props;
 const Heading = `h${headingLevel}` as 'h2' | 'h3';
 ---
 

package/src/editorial/ArticleTopicPager.astro

@@ -7,6 +7,7 @@
 import { formatUtcDate } from '@sarimarcus/content-sites-core/dates';
 import { Icon, LinkArrow } from '../primitives/index.ts';
 import type { TopicPagerLink } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   topic: { label: string; href: string; count?: number };
@@ -15,6 +16,8 @@ interface Props {
   heading?: string;
   newerLabel?: string;
   olderLabel?: string;
+  /** The topic hub link's text. */
+  allLabel?: string;
   class?: string;
 }
 
@@ -22,9 +25,10 @@ const {
   topic,
   newer,
   older,
-  heading = `Next in ${topic.label}`,
-  newerLabel = 'Newer',
-  olderLabel = 'Older',
+  heading = LABELS.articleTopicPager.heading(topic.label),
+  newerLabel = LABELS.articleTopicPager.newerLabel,
+  olderLabel = LABELS.articleTopicPager.olderLabel,
+  allLabel = LABELS.articleTopicPager.allLabel(topic.label, topic.count),
   class: className,
 } = Astro.props;
 
@@ -33,7 +37,6 @@ const sides = [
   newer && { link: newer, label: newerLabel, dir: 'newer' as const },
   older && { link: older, label: olderLabel, dir: 'older' as const },
 ].filter(Boolean) as { link: TopicPagerLink; label: string; dir: 'newer' | 'older' }[];
-const allLabel = topic.count ? `All ${topic.count} ${topic.label} articles` : `All ${topic.label} articles`;
 ---
 
 {sides.length > 0 && (

package/src/editorial/EventPage.astro

@@ -2,12 +2,19 @@
 /**
  * EventPage — the shell and shared body of an event page. The route keeps paths, data, SEO and schema, and renders
  * the site Layout around this template. Slots:
- *   breadcrumb    — the site Breadcrumb, in the band under the header.
- *   hero          — the site hero, inside the Pagefind body with `type:<pagefindType>` meta.
- *   after-body    — site blocks between the description and the shared boxes.
- *   after-details — site blocks after the tags, inside the measure column (affiliate, FAQ, onward links).
- *   tail          — full-width blocks after the column (related events, related content).
- * Every string arrives as a prop; the route renders markdown and passes it as TrustedHtml.
+ *   breadcrumb       — the site Breadcrumb, in the band under the header.
+ *   hero             — the site hero, inside the Pagefind body with `type:<pagefindType>` meta, after one sr-only
+ *                      `audience:<a>` filter span per `audiences` entry.
+ *   back             — replaces the `backLink` anchor.
+ *   before-body      — site blocks between the back link and the description (chips, ToC, metadata).
+ *   body             — replaces the built-in `<article>` (a route that renders its own sections).
+ *   after-body       — site blocks between the description and the shared boxes.
+ *   after-highlights — site blocks between the highlights and the practical information.
+ *   website          — replaces the `officialWebsite` block.
+ *   after-details    — site blocks after the tags, inside the measure column (affiliate, FAQ, onward links).
+ *   tail             — full-width blocks after the column (related events, related content).
+ * Every string arrives as a prop; the route renders markdown and passes it as TrustedHtml. `article` and `highlights`
+ * take an `id`, extra classes and a `section` name, which emits `data-<section>-section` (a ToC scroll-spy target).
  */
 import Container from '../layout/Container.astro';
 import Badge from '../primitives/Badge.astro';
@@ -16,22 +23,35 @@ import { newTab } from '../primitives/newTab';
 import type { TrustedHtml } from '../types';
 import type { EventInfoRow } from './event';
 
+interface Section {
+  id?: string;
+  /** Appended to the block's own classes. */
+  class?: string;
+  /** Emits `data-<section>-section`. */
+  section?: string;
+}
+
 interface Props {
-  bodyHtml: TrustedHtml;
+  /** Required unless the `body` slot replaces the article. */
+  bodyHtml?: TrustedHtml;
   /** Prose modifiers after `prose`, e.g. the site's prose theme and size. */
   proseClass?: string;
-  backLink: { href: string; label: string };
-  highlights?: { heading: string; items: string[] };
+  article?: Section;
+  /** Required unless the `back` slot replaces it. */
+  backLink?: { href: string; label: string };
+  highlights?: { heading: string; items: string[] } & Section;
   practicalInfo?: { heading: string; rows: EventInfoRow[] };
   price?: { label: string; value: string };
   officialWebsite?: { href: string; label: string };
   tags?: { heading: string; items: string[] };
   pagefindType?: string;
+  audiences?: readonly string[];
 }
 
 const {
   bodyHtml,
   proseClass = 'prose-lg',
+  article,
   backLink,
   highlights,
   practicalInfo,
@@ -39,9 +59,12 @@ const {
   officialWebsite,
   tags,
   pagefindType = 'event',
+  audiences = [],
 } = Astro.props;
 
 const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent: 'text-accent' };
+const sectionAttr = (s?: Section) => (s?.section ? { [`data-${s.section}-section`]: '' } : {});
+const withClass = (base: string, s?: Section) => (s?.class ? `${base} ${s.class}` : base);
 ---
 
 <BreadcrumbBand>
@@ -49,12 +72,12 @@ const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent:
 </BreadcrumbBand>
 
 <div data-pagefind-body data-pagefind-meta={`type:${pagefindType}`}>
-  <slot name="hero" />
+  {audiences.map((a) => <span class="sr-only" data-pagefind-filter={`audience:${a}`}>{a}</span>)}<slot name="hero" />
 </div>
 
 <main class="pt-6 pb-12 lg:pt-8 lg:pb-20">
   <Container size="measure">
-    <a
+    <slot name="back">{backLink && (<a
       href={backLink.href}
       class="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-primary transition-colors mb-8"
     >
@@ -62,16 +85,16 @@ const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent:
         <path d="m12 19-7-7 7-7" /><path d="M19 12H5" />
       </svg>
       {backLink.label}
-    </a>
+    </a>)}</slot>
 
-    <article class={`prose ${proseClass} max-w-none`} data-pagefind-body>
+    <slot name="before-body" /><slot name="body"><article id={article?.id} {...sectionAttr(article)} class={withClass(`prose ${proseClass} max-w-none`, article)} data-pagefind-body>
       <div set:html={bodyHtml} />
-    </article>
+    </article></slot>
 
     <slot name="after-body" />
 
     {highlights && highlights.items.length > 0 && (
-      <div class="mt-12 p-6 bg-primary/5 rounded-xl border border-primary/20">
+      <div id={highlights.id} {...sectionAttr(highlights)} class={withClass('mt-12 p-6 bg-primary/5 rounded-xl border border-primary/20', highlights)}>
         <h2
           class="text-xl font-medium mb-6 flex items-center gap-2 font-display"
         >
@@ -93,7 +116,7 @@ const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent:
       </div>
     )}
 
-    {practicalInfo && (
+    <slot name="after-highlights" />{practicalInfo && (
       <div class="mt-12 p-6 bg-muted/50 rounded-xl border border-border">
         <h2
           class="text-xl font-medium mb-6 flex items-center gap-2 font-display"
@@ -141,7 +164,7 @@ const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent:
       </div>
     )}
 
-    {officialWebsite && (
+    <slot name="website">{officialWebsite && (
       <div class="mt-8">
         <a
           href={officialWebsite.href}
@@ -154,9 +177,7 @@ const toneText = { primary: 'text-primary', secondary: 'text-secondary', accent:
           {officialWebsite.label}
         </a>
       </div>
-    )}
-
-    {tags && tags.items.length > 0 && (
+    )}</slot>{tags && tags.items.length > 0 && (
       <div class="mt-8">
         <h3 class="text-sm font-medium text-muted-foreground mb-3">
           {tags.heading}

package/src/editorial/NotFoundPage.astro

@@ -7,6 +7,7 @@
 import Button from '../primitives/Button.astro';
 import LinkArrow from '../primitives/LinkArrow.astro';
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   tagline: string;
@@ -19,12 +20,14 @@ interface Props {
   exploreLabel: string;
   /** Accessible name of the section links. */
   exploreAriaLabel?: string;
+  /** The shortcut hint beside the search link. */
+  searchShortcut?: string;
   links: { href: string; label: string }[];
   /** Classes of the search link; a dark theme passes its own border and background tokens. */
   searchBoxClass?: string;
 }
 
-const { tagline, lede, homeHref, homeLabel, searchHref, searchLabel, searchAriaLabel, exploreLabel, exploreAriaLabel = 'Explore sections', links, searchBoxClass = 'group flex items-center gap-3 w-full max-w-sm mx-auto px-4 py-3 rounded-xl border border-foreground/20 bg-white/60 backdrop-blur-sm text-left hover:border-primary/40 hover:bg-white/80 transition-all no-underline' } = Astro.props;
+const { tagline, lede, homeHref, homeLabel, searchHref, searchLabel, searchAriaLabel, exploreLabel, exploreAriaLabel = LABELS.notFoundPage.exploreAriaLabel, searchShortcut = LABELS.notFoundPage.searchShortcut, links, searchBoxClass = 'group flex items-center gap-3 w-full max-w-sm mx-auto px-4 py-3 rounded-xl border border-foreground/20 bg-white/60 backdrop-blur-sm text-left hover:border-primary/40 hover:bg-white/80 transition-all no-underline' } = Astro.props;
 ---
 
 <main class="relative min-h-[80vh] flex items-center justify-center overflow-hidden bg-muted">
@@ -81,7 +84,7 @@ const { tagline, lede, homeHref, homeLabel, searchHref, searchLabel, searchAriaL
       >
         <Icon name="search" class="w-4 h-4 text-muted-foreground shrink-0" />
         <span class="text-muted-foreground text-sm flex-1">{searchLabel}</span>
-        <kbd class="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono border border-border text-muted-foreground/60 bg-muted/50">⌘K</kbd>
+        <kbd class="hidden sm:inline-flex items-center px-1.5 py-0.5 rounded text-xs font-mono border border-border text-muted-foreground/60 bg-muted/50">{searchShortcut}</kbd>
       </a>
     </div>
 

package/src/editorial/VisitTiming.astro

@@ -4,6 +4,7 @@
  * default top margin (`mt-12`); `labelClass` sets the slot label size.
  */
 import Icon from '../primitives/Icon.astro';
+import { LABELS } from '../internal/labels';
 
 export interface VisitTimingData {
   bestSeason?: string;
@@ -19,26 +20,29 @@ interface Props {
   id?: string;
   class?: string;
   labelClass?: string;
+  /** Row labels; default English. */
+  labels?: { bestSeason: string; quietestHours: string; visitDuration: string };
 }
 
 const {
   visitTiming,
-  title = 'When to Visit',
+  title = LABELS.visitTiming.title,
   id = 'when-to-visit',
   class: className = 'mt-12',
   labelClass = 'text-[0.8125rem]',
+  labels = LABELS.visitTiming,
 } = Astro.props;
 
 const slots = visitTiming
   ? [
       visitTiming.bestSeason
-        ? { icon: 'calendar', label: 'Best season', value: visitTiming.bestSeason }
+        ? { icon: 'calendar', label: labels.bestSeason, value: visitTiming.bestSeason }
         : null,
       visitTiming.quietestHours
-        ? { icon: 'clock', label: 'Quietest hours', value: visitTiming.quietestHours }
+        ? { icon: 'clock', label: labels.quietestHours, value: visitTiming.quietestHours }
         : null,
       visitTiming.visitDuration
-        ? { icon: 'hourglass', label: 'Visit duration', value: visitTiming.visitDuration }
+        ? { icon: 'hourglass', label: labels.visitDuration, value: visitTiming.visitDuration }
         : null,
     ].filter((s): s is { icon: string; label: string; value: string } => s !== null)
   : [];

package/src/editorial/index.ts

@@ -16,7 +16,7 @@ export { default as ArticleCategoryNav } from './ArticleCategoryNav.astro';
 export { default as ArticleTopicPage } from './ArticleTopicPage.astro';
 export { default as ArticleTopicPager } from './ArticleTopicPager.astro';
 export { rankByCount } from './topic';
-export type { AuthorSummary, ArticleSummary, KeyFact, SourceItem, ArticleCategoryLink, ArticleCategoryMeta, TopicAuthorCard, TopicPagerLink } from './types';
+export type { AuthorSummary, ArticleSummary, KeyFact, ArticleCategoryLink, ArticleCategoryMeta, TopicAuthorCard, TopicPagerLink } from './types';
 export { default as InsiderTips } from './InsiderTips.astro';
 export type { InsiderTip, InsiderTipAuthor, InsiderTipKinds, InsiderTipTone } from './types';
 export { default as AuthorStrip } from './AuthorStrip.astro';

package/src/editorial/types.ts

@@ -1,6 +1,5 @@
 import type { ImageMetadata } from 'astro';
 import type { BrandTone, TrustedHtml } from '../types';
-import type { SourceInput } from '../seo/types';
 
 /** A person as listed on author strips and cards. The byline shape is ui/seo `ArticleAuthor`. */
 export interface AuthorSummary {
@@ -34,9 +33,6 @@ export interface KeyFact {
   detailHtml?: TrustedHtml;
 }
 
-/** @deprecated Import `SourceInput` from `@sarimarcus/content-sites-ui/seo`. Removed in the next minor (SLA-3020). */
-export type SourceItem = SourceInput;
-
 /** The fields ArticleCategoryNav reads from a site's category map entry. */
 export interface ArticleCategoryMeta {
   label: string;

package/src/internal/labels.ts

@@ -0,0 +1,102 @@
+// The English copy ui components fall back to when the site passes no prop (SLA-2991). A template never writes
+// reader-visible text itself (validate-packages refuses it); it reads a prop whose default is here.
+export const LABELS = {
+  affiliateCard: {
+    pricePrefix: 'From ',
+    bestSeller: 'Best Seller',
+    topRated: 'Top Rated',
+    skipTheLine: 'Skip the line',
+    cta: 'Reserve Your Spot',
+    reviewCount: (n: string) => `(${n} reviews)`,
+  },
+  affiliateCardSection: { title: 'Recommended Tours & Activities' },
+  affiliateCarousel: { heading: 'Recommended tours' },
+  affiliateComparisonTable: {
+    nameLabel: 'Option',
+    priceLabel: 'Price',
+    featureLabel: 'Highlight',
+    caption: 'Comparison of options',
+    ctaColumn: 'Book or view',
+    externalCta: 'Check availability',
+    internalCta: 'View details',
+    externalAria: (cta: string, name: string) => `${cta}: ${name} (opens in a new tab)`,
+    internalAria: (cta: string, name: string) => `${cta}: ${name}`,
+    rated: (rating: number, count?: number) => `Rated ${rating} out of 5${count ? ` from ${count} reviews` : ''}`,
+  },
+  amazonProductCard: { ctaLabel: 'View on Amazon' },
+  amazonProductSection: { title: 'Recommended reading' },
+  hotelAffiliateCTA: {
+    headline: (name: string) => `Find the best rate for ${name}`,
+    bookCta: (noun: string) => `Book this ${noun}`,
+    searchCta: 'Check prices & availability',
+    bookSubhead: 'Check current availability and rates.',
+    searchSubhead: (noun: string) => `Search current prices and availability for this ${noun}.`,
+    from: 'from ',
+    perNight: ' / night',
+    reviews: (n: string) => `(${n} reviews)`,
+    ratingOn: (source: string) => `on ${source}`,
+    freeToSearch: 'Free to search · No sign-up needed',
+    officialSite: (noun: string) => `Visit the ${noun}'s official site`,
+  },
+  inlineAffiliateCTA: { cta: 'See tours' },
+  stickyCTA: {
+    label: 'Reserve Your Spot',
+    note: 'Found the right tour? Reserve your spot before it fills.',
+    dismissLabel: 'Dismiss',
+  },
+  travelpayoutsWidget: {
+    hotel: 'Hotel search',
+    activity: 'Activity search',
+    train: 'Train and bus search',
+    car: 'Car rental search',
+  },
+  cardCarousel: {
+    viewAllLabel: 'View all',
+    regionLabel: 'Carousel',
+    previousLabel: (name: string | undefined) => `Previous, ${name ?? 'carousel'}`,
+    nextLabel: (name: string | undefined) => `Next, ${name ?? 'carousel'}`,
+  },
+  faq: { title: 'Frequently asked questions' },
+  pagination: {
+    ariaLabel: 'Pagination',
+    previousLabel: 'Previous',
+    nextLabel: 'Next',
+    pageLabel: (page: number) => `Go to page ${page}`,
+    currentPageLabel: (page: number) => `Page ${page}, current page`,
+  },
+  tableOfContents: {
+    ariaLabel: 'Table of contents',
+    jumpLabel: 'Jump to a section',
+    stickyLabel: (name: string) => `${name} (sticky)`,
+  },
+  alsoExplore: { eyebrow: 'Also explore' },
+  articleCategoryNav: { ariaLabel: 'Browse articles by topic', allLabel: 'All' },
+  articleFeatureCard: { readLabel: 'Read article', updatedLabel: 'Updated' },
+  articleTopicPager: {
+    heading: (topic: string) => `Next in ${topic}`,
+    newerLabel: 'Newer',
+    olderLabel: 'Older',
+    allLabel: (topic: string, count?: number) => (count ? `All ${count} ${topic} articles` : `All ${topic} articles`),
+  },
+  notFoundPage: { exploreAriaLabel: 'Explore sections', searchShortcut: '⌘K' },
+  visitTiming: { title: 'When to Visit', bestSeason: 'Best season', quietestHours: 'Quietest hours', visitDuration: 'Visit duration' },
+  articlesNavMenu: { latestHeading: 'Latest' },
+  siteFooter: { cookieLabel: 'Cookie preferences', rightsLabel: 'All rights reserved.', legalAriaLabel: 'Legal' },
+  siteHeader: { label: 'Main navigation', openLabel: 'Open menu', closeLabel: 'Close menu' },
+  articleMetadata: {
+    writtenByLabel: 'Written by',
+    portraitLabel: 'Portrait of',
+    updatedLabel: 'Updated',
+    publishedLabel: 'Published',
+    ariaLabel: 'Article information',
+  },
+  authoritativeSources: {
+    title: 'Sources',
+    eyebrow: 'Further reading',
+    countLabel: 'references',
+    showLabel: 'Show',
+    hideLabel: 'Hide',
+    newTabLabel: '(opens in a new tab)',
+  },
+  breadcrumb: { homeLabel: 'Home', ariaLabel: 'Breadcrumb navigation' },
+};

package/src/layout/analytics.ts

@@ -22,8 +22,6 @@ export function track(eventName: string, params: Record<string, unknown> = {}):
   window.dataLayer.push({ event: eventName, page_path: window.location.pathname, ...params });
 }
 
-export { pageTypeOf };
-
 // Param key derived from the data-track-* attribute name where the
 // event-specific prefix (e.g. 'cta_', 'affiliate_', 'link_') has been stripped.
 const HREF_DESTINATION_KEYS: Record<string, string> = {

package/src/layout/index.ts

@@ -8,5 +8,5 @@ export { default as DocumentShell } from './DocumentShell.astro';
 export { default as ConsentAnalytics } from './ConsentAnalytics.astro';
 export type { ConsentType } from './ConsentAnalytics.astro';
 export { shellResources, GTM_ORIGIN, SILKTIDE_BASE, SILKTIDE_STYLESHEET } from './resources.ts';
-export { track, pageTypeOf, setupDelegatedTracking, setupFaqTracking, setupScrollDepthTracking, setupAnalytics } from './analytics.ts';
+export { track, setupDelegatedTracking, setupFaqTracking, setupScrollDepthTracking, setupAnalytics } from './analytics.ts';
 export type { AnalyticsOptions } from './analytics.ts';

package/src/navigation/ArticlesNavMenu.astro

@@ -15,6 +15,7 @@ import MobileNavLink from './MobileNavLink.astro';
 import { isActivePath } from './activePath.ts';
 import { TONES } from './tones.ts';
 import type { ArticlesNavProps } from './types.ts';
+import { LABELS } from '../internal/labels';
 
 type Props = ArticlesNavProps;
 
@@ -26,7 +27,7 @@ const {
   tone = 'primary',
   topicsHeading,
   topics,
-  latestHeading = 'Latest',
+  latestHeading = LABELS.articlesNavMenu.latestHeading,
   latest = [],
   all,
   iconStyle = 'plain',

package/src/navigation/SiteFooter.astro

@@ -7,12 +7,17 @@
  */
 import { Icon } from '../primitives/index.ts';
 import type { FooterSection, NavLink, SiteIdentity } from './types.ts';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   identity: SiteIdentity;
   sections?: FooterSection[];
   legal?: NavLink[];
   cookieLabel?: string;
+  /** Follows the copyright line's site name. */
+  rightsLabel?: string;
+  /** Accessible name of the legal links. */
+  legalAriaLabel?: string;
   /** Shown between legal items (aria-hidden), e.g. `|`. */
   separator?: string;
   year?: number;
@@ -34,7 +39,9 @@ const {
   identity,
   sections = [],
   legal = [],
-  cookieLabel = 'Cookie preferences',
+  cookieLabel = LABELS.siteFooter.cookieLabel,
+  rightsLabel = LABELS.siteFooter.rightsLabel,
+  legalAriaLabel = LABELS.siteFooter.legalAriaLabel,
   separator,
   year = new Date().getFullYear(),
   class: className = 'bg-inverse text-inverse-muted',
@@ -81,9 +88,8 @@ const legalItemClass = `${smallClass} inline-flex min-h-11 items-center hover:te
       <slot name="bottom" />
       <div class="flex flex-col sm:flex-row justify-between items-center gap-4">
         <p class={smallClass}>
-          &copy; {year} {identity.name}. All rights reserved.
-        </p>
-        <nav class:list={['flex flex-wrap items-center justify-center sm:justify-end', legalClass]} aria-label="Legal">
+          &copy; {year} {identity.name}. {`${rightsLabel}\n`}</p>
+        <nav class:list={['flex flex-wrap items-center justify-center sm:justify-end', legalClass]} aria-label={legalAriaLabel}>
           {legal.map((link) => (
             <>
               <a href={link.href} class={legalItemClass}>{link.label}</a>

package/src/navigation/SiteHeader.astro

@@ -12,6 +12,7 @@
  * `<nav>`, so it carries its own `data-pagefind-ignore`.
  */
 import { Icon } from '../primitives/index.ts';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   label?: string;
@@ -29,12 +30,12 @@ interface Props {
 }
 
 const {
-  label = 'Main navigation',
+  label = LABELS.siteHeader.label,
   surfaceClass = 'bg-background/95 backdrop-blur-md',
   class: className = `fixed top-0 left-0 right-0 z-50 transition-[background-color,backdrop-filter,border-color,box-shadow] duration-300 border-b border-border ${surfaceClass}`,
   toggleClass = 'p-2 min-h-[44px] min-w-[44px] flex items-center justify-center rounded-lg transition-colors text-foreground hover:bg-muted cursor-pointer focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2',
-  openLabel = 'Open menu',
-  closeLabel = 'Close menu',
+  openLabel = LABELS.siteHeader.openLabel,
+  closeLabel = LABELS.siteHeader.closeLabel,
   searchPath,
   id = 'main-nav',
   panelId = 'mobile-menu',

package/src/seo/ArticleMetadata.astro

@@ -15,6 +15,7 @@
  */
 import { Image } from 'astro:assets';
 import type { ArticleAuthor } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   author?: ArticleAuthor | null;
@@ -42,11 +43,11 @@ const {
   dateModified,
   timeZone = 'UTC',
   locale = 'en-GB',
-  writtenByLabel = 'Written by',
-  portraitLabel = 'Portrait of',
-  updatedLabel = 'Updated',
-  publishedLabel = 'Published',
-  ariaLabel = 'Article information',
+  writtenByLabel = LABELS.articleMetadata.writtenByLabel,
+  portraitLabel = LABELS.articleMetadata.portraitLabel,
+  updatedLabel = LABELS.articleMetadata.updatedLabel,
+  publishedLabel = LABELS.articleMetadata.publishedLabel,
+  ariaLabel = LABELS.articleMetadata.ariaLabel,
   placeholderClass = 'bg-gradient-to-br from-primary/20 to-accent/20',
   updatedIconClass = 'text-primary',
   bylineWhitespace = 'flat',

package/src/seo/AuthoritativeSources.astro

@@ -17,6 +17,7 @@
  */
 import { outboundClassifier } from '@sarimarcus/content-sites-core/url';
 import type { SourceInput, DomainClassifier } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   sources: SourceInput[];
@@ -39,18 +40,18 @@ interface Props {
 
 const {
   sources,
-  title = 'Sources',
+  title = LABELS.authoritativeSources.title,
   class: className = '',
-  eyebrow = 'Further reading',
+  eyebrow = LABELS.authoritativeSources.eyebrow,
   eyebrowClass = 'text-xs font-semibold uppercase tracking-[0.18em] text-primary',
   domainLabels = {},
   domainClass = {},
   disambiguate = false,
   disambiguationSeparator = ' — ',
-  countLabel = 'references',
-  showLabel = 'Show',
-  hideLabel = 'Hide',
-  newTabLabel = '(opens in a new tab)',
+  countLabel = LABELS.authoritativeSources.countLabel,
+  showLabel = LABELS.authoritativeSources.showLabel,
+  hideLabel = LABELS.authoritativeSources.hideLabel,
+  newTabLabel = LABELS.authoritativeSources.newTabLabel,
   toggleSizeClass = 'text-sm',
 } = Astro.props;
 

package/src/seo/Breadcrumb.astro

@@ -13,6 +13,7 @@
 import { url } from '@sarimarcus/content-sites-core/url';
 import Icon from '../primitives/Icon.astro';
 import type { BreadcrumbItem } from './types';
+import { LABELS } from '../internal/labels';
 
 interface Props {
   items: BreadcrumbItem[];
@@ -36,9 +37,9 @@ const {
   compactMobile = false,
   separator = 'chevron',
   tapTargets = true,
-  homeLabel = 'Home',
+  homeLabel = LABELS.breadcrumb.homeLabel,
   homeHref = '/',
-  ariaLabel = 'Breadcrumb navigation',
+  ariaLabel = LABELS.breadcrumb.ariaLabel,
   basePath = '/',
 } = Astro.props;
 

package/src/seo/author.ts

@@ -1,5 +1,5 @@
 import type { ImageMetadata } from 'astro';
-import { url } from '@sarimarcus/content-sites-core/url';
+import { routePath, url, type SiteRoutes } from '@sarimarcus/content-sites-core/url';
 import type { ArticleAuthor } from './types';
 
 /** The fields of a site's author profile that a byline uses. */
@@ -11,18 +11,20 @@ export interface ArticleAuthorProfile {
 
 /**
  * A byline name as ArticleMetadata's author: its profile (from `findProfile`) URL, portrait (from `portrait(slug)`),
- * photo URL and credentials. An unknown name keeps only the name; no name gives no author.
+ * photo URL and credentials. An unknown name keeps only the name; no name gives no author. `routes` overrides the
+ * `author` route.
  */
 export function toArticleAuthor(
   name: string | undefined,
   findProfile: (name: string) => ArticleAuthorProfile | undefined,
   portrait: (slug: string) => ImageMetadata | null,
+  routes?: SiteRoutes,
 ): ArticleAuthor | undefined {
   if (!name) return undefined;
   const profile = findProfile(name);
   return {
     name,
-    href: profile ? url(`/author/${profile.slug}`) : null,
+    href: profile ? url(routePath('author', profile.slug, routes)) : null,
     image: profile?.slug ? portrait(profile.slug) : null,
     photoUrl: profile?.photo ? url(profile.photo) : null,
     credentials: profile?.credentials ?? null,