@tokenoftrust/storefront-runner 2.0.41 → 2.0.42

package/apps/storefront/src/pages/index.astro

@@ -9,9 +9,13 @@
 import Layout from "@/layouts/Layout.astro";
 import Section from "@/components/Section.astro";
 import Hero from "@/components/home/Hero.astro";
-import ProductCard from "@/components/ProductCard.astro";
+import ProductCarousel from "@/components/commerce/ProductCarousel.astro";
+import ProductGrid from "@/components/commerce/ProductGrid.astro";
 import CollectionCard from "@/components/CollectionCard.astro";
 import Img from "@/components/Img.astro";
+import PromoTiles from "@/components/content/PromoTiles.astro";
+import TrustStrip from "@/components/content/TrustStrip.astro";
+import Faq from "@/components/marketing/Faq.astro";
 import MarketingBlocks from "@/components/marketing/MarketingBlocks.astro";
 import TierCards from "@/components/membership/TierCards.astro";
 import { withBase } from "@/lib/basePath";
@@ -23,10 +27,6 @@ import type { CatalogCollection, CatalogProduct } from "@tot/public-runtime";
 import {
   isMarketingBlock,
   type HeroBlock,
-  type EditorialBlock,
-  type NewsletterBlock,
-  type PromoTilesBlock,
-  type MembershipBandBlock,
   type MarketingBlock,
   type FeaturedProductsBlock,
 } from "@/lib/storyblok/content-model";
@@ -35,8 +35,14 @@ import {
   normalizeProductSectionSource,
 } from "@tot/public-runtime";
 import { resolveSectionSource } from "@/lib/sections";
+import { featuredProductsPresentationView } from "@/lib/featuredProductsPresentation";
+import {
+  editorialMediaView,
+  resolveCommerceStaticBlock,
+  type CommerceStaticResolved,
+} from "@/lib/homeVisualParity";
 
-const { tenant, tot, content, basePath, features } = Astro.locals;
+const { tenant, tot, content, basePath, canonicalBase, features } = Astro.locals;
 const marketing = !features.catalog;
 
 // Raw-HTML home (vendor-injected): serve the tenant's own self-contained
@@ -64,6 +70,7 @@ if (rawHtml && rawHtmlPolicy(tenant).allowed) {
     chromeWrapper,
     plan: Astro.locals.integrationPlan,
     consentSnapshot: Astro.locals.consentSnapshot,
+    canonicalUrl: new URL("/", canonicalBase + "/").toString(),
   });
 }
 
@@ -79,13 +86,10 @@ const collections = marketing ? [] : await tot.listCollections();
 
 // --- Resolve each block into a typed, render-ready view-model -----------------
 type Resolved =
-  | { kind: "hero"; block: HeroBlock; product: CatalogProduct | null }
-  | { kind: "promo_tiles"; title?: string; tiles: PromoTilesBlock["tiles"] }
+  | { kind: "hero"; block: HeroBlock; product: CatalogProduct | null; instanceKey: string }
   | { kind: "collections"; title?: string; cols: CatalogCollection[] }
-  | { kind: "products"; title?: string; products: CatalogProduct[] }
-  | { kind: "membership_band"; block: MembershipBandBlock }
-  | { kind: "editorial"; block: EditorialBlock }
-  | { kind: "newsletter"; block: NewsletterBlock };
+  | { kind: "products"; title?: string; products: CatalogProduct[]; presentation?: FeaturedProductsBlock["presentation"] }
+  | CommerceStaticResolved;
 
 async function resolveProducts(
   source: FeaturedProductsBlock["source"],
@@ -101,6 +105,11 @@ async function resolveProducts(
 
 const resolved: Resolved[] = [];
 for (const block of marketing ? [] : home.blocks) {
+  const staticBlock = resolveCommerceStaticBlock(block);
+  if (staticBlock) {
+    resolved.push(staticBlock);
+    continue;
+  }
   switch (block.component) {
     case "hero": {
       let product: CatalogProduct | null = null;
@@ -109,13 +118,7 @@ for (const block of marketing ? [] : home.blocks) {
         const firstHandle = col?.product_handles[0];
         if (firstHandle) product = await tot.getProductByHandle(firstHandle);
       }
-      resolved.push({ kind: "hero", block, product });
-      break;
-    }
-    case "promo_tiles": {
-      if (block.tiles?.length) {
-        resolved.push({ kind: "promo_tiles", title: block.title, tiles: block.tiles });
-      }
+      resolved.push({ kind: "hero", block, product, instanceKey: `home-${resolved.length}` });
       break;
     }
     case "featured_collections": {
@@ -134,18 +137,9 @@ for (const block of marketing ? [] : home.blocks) {
         block.handles,
         block.limit ?? 4,
       );
-      resolved.push({ kind: "products", title: block.title, products });
+      resolved.push({ kind: "products", title: block.title, products, presentation: block.presentation });
       break;
     }
-    case "membership_band":
-      resolved.push({ kind: "membership_band", block });
-      break;
-    case "editorial":
-      resolved.push({ kind: "editorial", block });
-      break;
-    case "newsletter":
-      resolved.push({ kind: "newsletter", block });
-      break;
   }
 }
 
@@ -180,40 +174,13 @@ const homeSectionWidgets = marketing
   {
     !marketing && resolved.map((r) => {
       if (r.kind === "hero") {
-        return <Hero block={r.block} featureProduct={r.product} />;
+        return <Hero block={r.block} featureProduct={r.product} instanceKey={r.instanceKey} />;
       }
       if (r.kind === "promo_tiles") {
-        return (
-          <Section title={r.title} eyebrow="Featured" tone="bg">
-            <div
-              class:list={[
-                "grid gap-5",
-                r.tiles.length >= 3 ? "sm:grid-cols-3" : "sm:grid-cols-2",
-              ]}
-            >
-              {r.tiles.map((t) => (
-                <a
-                  href={withBase(basePath, t.href)}
-                  class="group relative block aspect-[16/9] overflow-hidden rounded-[var(--radius-lg)] shadow-[var(--shadow-sm)]"
-                >
-                  {t.image && (
-                    <img
-                      src={t.image}
-                      alt={t.label}
-                      width={1600}
-                      height={900}
-                      loading="lazy"
-                      class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
-                    />
-                  )}
-                  <span class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-4 font-display text-lg font-semibold text-white">
-                    {t.label}
-                  </span>
-                </a>
-              ))}
-            </div>
-          </Section>
-        );
+        return <PromoTiles block={r.block} basePath={basePath} tenantId={tenant.tenant_id} />;
+      }
+      if (r.kind === "trust_strip") {
+        return <TrustStrip items={r.block.items} tenantId={tenant.tenant_id} mobile={r.block.mobile} />;
       }
       if (r.kind === "collections") {
         return (
@@ -227,15 +194,10 @@ const homeSectionWidgets = marketing
         );
       }
       if (r.kind === "products") {
-        return (
-          <Section title={r.title} eyebrow="Shop" tone="surface">
-            <div class="grid grid-cols-2 gap-5 lg:grid-cols-4">
-              {r.products.map((p, i) => (
-                <ProductCard product={p} position={i} list={r.title} />
-              ))}
-            </div>
-          </Section>
-        );
+        if (featuredProductsPresentationView(r.presentation) === "carousel") {
+          return <ProductCarousel products={r.products} title={r.title} eyebrow="Shop" tone="surface" />;
+        }
+        return <ProductGrid products={r.products} title={r.title} eyebrow="Shop" tone="surface" />;
       }
       if (r.kind === "membership_band") {
         const b = r.block;
@@ -253,6 +215,7 @@ const homeSectionWidgets = marketing
       }
       if (r.kind === "editorial") {
         const b = r.block;
+        const media = editorialMediaView(b, tenant.tenant_id);
         const right = b.align !== "left";
         return (
           <Section tone="bg">
@@ -269,25 +232,38 @@ const homeSectionWidgets = marketing
                 </h2>
                 <div class="rte mt-5 text-[var(--color-muted)]" set:html={b.body_html} />
                 {b.ctaLabel && b.ctaHref && (
-                  <a
-                    href={withBase(basePath, b.ctaHref)}
-                    class="link-accent mt-7 inline-block pb-0.5 font-display text-sm font-medium"
-                  >
-                    {b.ctaLabel} →
-                  </a>
+                  <div class="mt-7">
+                    <a
+                      href={withBase(basePath, b.ctaHref)}
+                      class="link-accent link-accent--cta font-display text-sm font-medium"
+                    >
+                      {b.ctaLabel} →
+                    </a>
+                  </div>
                 )}
               </div>
               <div data-reveal>
                 <div class="overflow-hidden rounded-[var(--radius-lg)] shadow-[var(--shadow-md)]">
-                  <Img
-                    seed={b.imageSeed ?? b.title}
-                    label={b.title}
-                    alt=""
-                    width={1000}
-                    height={750}
-                    sizes="(min-width:768px) 48vw, 100vw"
-                    class="h-full w-full object-cover"
-                  />
+                  {media.kind === "image" ? (
+                    <img
+                      src={media.src}
+                      alt={media.alt}
+                      width="1000"
+                      height="750"
+                      loading="lazy"
+                      class="h-full w-full object-cover"
+                    />
+                  ) : (
+                    <Img
+                      seed={media.seed}
+                      label={media.label}
+                      alt=""
+                      width={1000}
+                      height={750}
+                      sizes="(min-width:768px) 48vw, 100vw"
+                      class="h-full w-full object-cover"
+                    />
+                  )}
                 </div>
               </div>
             </div>
@@ -329,6 +305,9 @@ const homeSectionWidgets = marketing
           </Section>
         );
       }
+      if (r.kind === "faq") {
+        return <Faq block={r.block} />;
+      }
       return null;
     })
   }

package/apps/storefront/src/pages/products/[handle].astro

@@ -460,12 +460,14 @@ const jsonLd = [productJsonLd, breadcrumbLd(crumbs, canonicalBase)];
               Delivery times, rates, and returns are covered in our policy —
               including the adult-signature (21+) requirement on every order.
             </p>
-            <a
-              href={withBase(basePath, "/shipping-returns")}
-              class="link-accent mt-3 inline-block font-medium"
-            >
-              Shipping &amp; returns policy
-            </a>
+            <div class="mt-3">
+              <a
+                href={withBase(basePath, "/shipping-returns")}
+                class="link-accent link-accent--cta font-medium"
+              >
+                Shipping &amp; returns policy
+              </a>
+            </div>
           </div>
         </details>
       </div>

package/apps/storefront/src/pages/sitemap.xml.ts

@@ -13,6 +13,7 @@ import { nonEmptyCollections } from "@/lib/tot/query.js";
 import { listBlogPosts } from "@/lib/blog/provider.js";
 import { authorSlug, categorySlug } from "@/lib/blog/collection.js";
 import { listBuildPosts } from "@/lib/the-build/provider.js";
+import { isIndexableHtml, rawPageCanonicalUrl } from "@/lib/rawMarketingHtml.js";
 
 interface SitemapUrl {
   loc: string;
@@ -58,8 +59,13 @@ export async function GET(context: APIContext): Promise<Response> {
 
   // Raw tenant-authored marketing subpages (content/<tenant>/pages-html/*.html).
   const rawPageSlugs = await content.listPageHtmlSlugs();
-  for (const slug of rawPageSlugs) {
-    urls.push({ loc: `${base}/${slug}/` });
+  const rawPages = await Promise.all(
+    rawPageSlugs.map(async (slug) => ({ slug, html: await content.getPageHtml(slug) })),
+  );
+  for (const { slug, html } of rawPages) {
+    if (html && isIndexableHtml(html)) {
+      urls.push({ loc: rawPageCanonicalUrl(canonicalBase, slug) });
+    }
   }
 
   const pages = await content.listPages();

package/apps/storefront/src/pages/style-guide/[tenant]/[theme].astro

@@ -20,7 +20,7 @@ export const prerender = false;
 // utilities + reference theme-token fallbacks so the (token-styled) components
 // render here without the app Layout. The `.sg-commerce` wrapper pins the
 // reference palette so they look coherent regardless of the marketing theme CSS.
-import { tenantDirSegment } from "@tot/public-runtime";
+import { loadStyleGuideChrome, loadStyleGuideThemes } from "@/lib/styleGuideThemes";
 import "@/styles/global.css";
 import PriceDisplay from "@/components/commerce/PriceDisplay.astro";
 import RatingStars from "@/components/commerce/RatingStars.astro";
@@ -87,6 +87,7 @@ import type { HeroBlock, MarketingBlock } from "@/lib/storyblok/content-model";
 
 const { tenant, theme } = Astro.params;
 const cspNonce = Astro.locals.cspNonce;
+const favicon = Astro.locals.tenant.theme_tokens.brand?.favicon ?? "/favicon.svg";
 
 // --- Sample chrome data (preview-only; no live tenant content) ----------------
 // Every actionable item declares its tracking intent (`action`) alongside its
@@ -468,20 +469,11 @@ const sampleMarketingBlocks: MarketingBlock[] = [
   },
 ];
 
-// Colocated repo-root layout: from src/pages/style-guide/[tenant]/ the repo
-// root is six levels up.
-const themeModules = import.meta.glob<Record<string, any>>(
-  [
-    "../../../../../../tenants/*/content/themes/*.json",
-    "../../../../../../tenants/e2e/*/content/themes/*.json",
-  ],
-  { eager: true, import: "default" },
-);
-const seg = `${tenantDirSegment(tenant ?? "")}content/themes/`;
-const t = Object.entries(themeModules)
-  .filter(([path]) => path.includes(seg))
-  .map(([, mod]) => mod)
-  .find((m) => m.id === theme);
+const t = (await loadStyleGuideThemes(
+  tenant ?? "",
+  Astro.locals.tenant,
+  Astro.locals.content,
+)).find((candidate) => candidate.id === theme) as Record<string, any> | undefined;
 
 if (!t) return new Response(null, { status: 404 });
 
@@ -489,15 +481,11 @@ if (!t) return new Response(null, { status: 404 });
 // longer ships its own mkt.css (retired at integration) — link the
 // platform /shared/commerce-chrome.css instead so the marketing-component
 // samples below still render in-brand.
-const chromeModules = import.meta.glob<Record<string, any>>(
-  [
-    "../../../../../../tenants/*/content/chrome.json",
-    "../../../../../../tenants/e2e/*/content/chrome.json",
-  ],
-  { eager: true, import: "default" },
+const chromeConfig = await loadStyleGuideChrome(
+  tenant ?? "",
+  Astro.locals.tenant,
+  Astro.locals.content,
 );
-const chromeSeg = `${tenantDirSegment(tenant ?? "")}content/chrome.json`;
-const chromeConfig = Object.entries(chromeModules).find(([path]) => path.includes(chromeSeg))?.[1];
 // Adoption is now "does chrome.json carry the consolidated header/footer
 // shape" (lib/chrome/model.ts ChromeConfig) — the old `sharedChrome: true`
 // opt-in flag is retired; a successfully-shaped config IS the adopted signal.
@@ -546,7 +534,8 @@ const componentVarsInline = Object.entries(componentVars)
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <link rel="icon" type="image/png" href={`/tenants/${tenant}/favicon.png`} />
+    <link rel="icon" href={favicon} />
+    <meta name="description" content={`${t.name} preview style guide and component contract.`} />
     <title>{t.name} — style guide (preview)</title>
     {/* The tenant's OWN CSS (external, CSP-clean 'self'): the theme token/base
         layer under review PLUS the shared marketing composition layer (mkt.css).
@@ -1410,7 +1399,7 @@ const componentVarsInline = Object.entries(componentVars)
         <p class="lede" style="font-size:.95rem;color:var(--color-muted)">Client-hydrated Preact islands exercised with fixture data — no live catalog, cart, or ToT calls.</p>
 
         <p class="form-help" style="margin:18px 0 8px">AgeGate — full-viewport 21+ affirmation (real overlay; dismiss it once to keep browsing the guide, same as a real visitor)</p>
-        <AgeGate client:load minAge={21} brand={t.name} />
+        <AgeGate client:load minAge={21} brand={t.name} tenantId={tenant ?? "style-guide"} />
 
         <p class="form-help" style="margin:22px 0 8px">VariantSelector — PDP option picker (radiogroup + live price/SKU/stock region)</p>
         <VariantSelector

package/apps/storefront/src/pages/style-guide/[tenant]/chrome/[theme].astro

@@ -27,23 +27,15 @@ export const prerender = false;
 
 const { tenant, theme } = Astro.params;
 const cspNonce = Astro.locals.cspNonce;
+const favicon = Astro.locals.tenant.theme_tokens.brand?.favicon ?? "/favicon.svg";
 
-// Tenant-local theme descriptors. From src/pages/style-guide/[tenant]/chrome/ the
-// repo root is seven levels up.
-import { tenantDirSegment } from "@tot/public-runtime";
+import { loadStyleGuideThemes } from "@/lib/styleGuideThemes";
 
-const themeModules = import.meta.glob<Record<string, any>>(
-  [
-    "../../../../../../../tenants/*/content/themes/*.json",
-    "../../../../../../../tenants/e2e/*/content/themes/*.json",
-  ],
-  { eager: true, import: "default" },
-);
-const seg = `${tenantDirSegment(tenant ?? "")}content/themes/`;
-const t = Object.entries(themeModules)
-  .filter(([path]) => path.includes(seg))
-  .map(([, mod]) => mod)
-  .find((m) => m.id === theme);
+const t = (await loadStyleGuideThemes(
+  tenant ?? "",
+  Astro.locals.tenant,
+  Astro.locals.content,
+)).find((candidate) => candidate.id === theme) as Record<string, any> | undefined;
 
 if (!t) return new Response(null, { status: 404 });
 
@@ -81,7 +73,8 @@ const componentVarsInline = Object.entries(componentVars)
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <link rel="icon" type="image/png" href={`/tenants/${tenant}/favicon.png`} />
+    <link rel="icon" href={favicon} />
+    <meta name="description" content={`${t.name} preview shared-chrome contract.`} />
     <title>{t.name} — shared chrome (preview)</title>
     {/* The theme token sheet (fonts + any :root tokens) + the shared chrome sheet.
         NO tenant mkt.css — the chrome renders purely from the platform stylesheet. */}
@@ -146,7 +139,7 @@ const componentVarsInline = Object.entries(componentVars)
             </div>
             <div class="header-actions">
               <a href="#" aria-label="Account"><svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"></circle><path d="M4 21c0-4 4-6 8-6s8 2 8 6"></path></svg></a>
-              <a class="cart" href="#" aria-label="Cart"><svg viewBox="0 0 24 24"><path d="M3 3h2l2 13h11l2-8H7"></path></svg><span class="count">2</span></a>
+              <a class="cart" href="#" aria-label="Cart, 2 items"><svg viewBox="0 0 24 24"><path d="M3 3h2l2 13h11l2-8H7"></path></svg><span class="count">2</span></a>
             </div>
             <button class="hamburger" aria-label="Menu"><span></span><span></span><span></span></button>
           </div>

package/apps/storefront/src/pages/style-guide/[tenant]/guide/[theme].astro

@@ -17,28 +17,20 @@
  */
 export const prerender = false;
 
-import { tenantDirSegment } from "@tot/public-runtime";
 import "@/styles/global.css";
 import type { MarkdownInstance } from "astro";
 import StyleGuideNav from "@/components/style-guide/StyleGuideNav.astro";
+import { loadStyleGuideThemes } from "@/lib/styleGuideThemes";
 
 const { tenant, theme } = Astro.params;
 const cspNonce = Astro.locals.cspNonce;
+const favicon = Astro.locals.tenant.theme_tokens.brand?.favicon ?? "/favicon.svg";
 
-// Tenant-local theme descriptors. From src/pages/style-guide/[tenant]/guide/ the
-// repo root is seven levels up (same depth as the chrome guide).
-const themeModules = import.meta.glob<Record<string, any>>(
-  [
-    "../../../../../../../tenants/*/content/themes/*.json",
-    "../../../../../../../tenants/e2e/*/content/themes/*.json",
-  ],
-  { eager: true, import: "default" },
-);
-const seg = `${tenantDirSegment(tenant ?? "")}content/themes/`;
-const t = Object.entries(themeModules)
-  .filter(([path]) => path.includes(seg))
-  .map(([, mod]) => mod)
-  .find((m) => m.id === theme);
+const t = (await loadStyleGuideThemes(
+  tenant ?? "",
+  Astro.locals.tenant,
+  Astro.locals.content,
+)).find((candidate) => candidate.id === theme) as Record<string, any> | undefined;
 
 if (!t) return new Response(null, { status: 404 });
 
@@ -82,7 +74,8 @@ const componentVarsInline = Object.entries(componentVars)
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <link rel="icon" type="image/png" href={`/tenants/${tenant}/favicon.png`} />
+    <link rel="icon" href={favicon} />
+    <meta name="description" content={`${t.name} preview widget-library contract.`} />
     <title>Widget library guide — {t.name} (preview)</title>
     {/* The tenant's theme sheet so the prose reads under real brand tokens. */}
     <link rel="stylesheet" href={t.stylesheet} />

package/apps/storefront/src/pages/style-guide/[tenant]/index.astro

@@ -16,31 +16,24 @@
  */
 export const prerender = false;
 
-import { tenantDirSegment } from "@tot/public-runtime";
 import StyleGuideNav from "@/components/style-guide/StyleGuideNav.astro";
+import { loadStyleGuideThemes } from "@/lib/styleGuideThemes";
 
 const { tenant } = Astro.params;
 const cspNonce = Astro.locals.cspNonce;
+const favicon = Astro.locals.tenant.theme_tokens.brand?.favicon ?? "/favicon.svg";
 
-// Tenant-local theme descriptors. Colocated repo-root layout: from
-// src/pages/style-guide/[tenant]/ the repo root is six levels up.
-const themeModules = import.meta.glob<Record<string, any>>(
-  [
-    "../../../../../../tenants/*/content/themes/*.json",
-    "../../../../../../tenants/e2e/*/content/themes/*.json",
-  ],
-  { eager: true, import: "default" },
+const themes = await loadStyleGuideThemes(
+  tenant ?? "",
+  Astro.locals.tenant,
+  Astro.locals.content,
 );
-const seg = `${tenantDirSegment(tenant ?? "")}content/themes/`;
-const themes = Object.entries(themeModules)
-  .filter(([path]) => path.includes(seg))
-  .map(([, mod]) => mod);
 
 if (themes.length === 0) return new Response(null, { status: 404 });
 
 const ROLE_ORDER: Record<string, number> = { current: 0, candidate: 1, legacy: 2 };
 themes.sort(
-  (a, b) => (ROLE_ORDER[a.role] ?? 9) - (ROLE_ORDER[b.role] ?? 9),
+  (a, b) => (ROLE_ORDER[a.role ?? ""] ?? 9) - (ROLE_ORDER[b.role ?? ""] ?? 9),
 );
 // The current (or first) theme skins the persistent sidebar's per-theme links.
 const navTheme = themes[0]?.id;
@@ -52,7 +45,8 @@ const navTheme = themes[0]?.id;
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
-    <link rel="icon" type="image/png" href={`/tenants/${tenant}/favicon.png`} />
+    <link rel="icon" href={favicon} />
+    <meta name="description" content={`${tenant} preview theme style guides.`} />
     <title>Style guides — {tenant} (preview)</title>
     <style nonce={cspNonce}>
       :root { color-scheme: light; }

package/apps/storefront/src/pages/the-build/[slug].astro

@@ -11,12 +11,18 @@ import { getTranslations } from "@/lib/blog/collection.js";
 import { buildAlternates } from "@/lib/seo/alternates.js";
 import { breadcrumbLd } from "@/lib/jsonld.js";
 
+// Same contract as blog/[slug].astro: the publication composition lifts this file into the space's
+// `routes.aliases`, so these redirects reach the CDN plane through the live pointer. The redirect
+// below is the pointer-served plane's implementation of those same declared redirects.
+export const MATERIALIZED_REDIRECT_SOURCE = "content/the-build/redirects.json";
+
 const { tenant, canonicalBase, basePath, content, publicationTimestamp } = Astro.locals;
 const slug = Astro.params.slug ?? "";
 const post = await getBuildPost(tenant.tenant_id, slug, { content, now: publicationTimestamp });
 if (!post) {
   const redirect = await resolveBuildRedirect(tenant.tenant_id, slug, content);
-  if (redirect) return Astro.redirect(`${basePath}/the-build/${redirect}/`, 301);
+  // 308, matching the `redirect-308` alias contract the published plane serves.
+  if (redirect) return Astro.redirect(`${basePath}/the-build/${redirect}/`, 308);
   return new Response(null, { status: 404 });
 }
 

package/apps/storefront/src/styles/fonts.css

@@ -17,6 +17,7 @@
  *   sample-store-3.com: Montserrat 600/700/800 (display), Inter 400/500/600 (body)
  *   tokenoftrust.com: Plus Jakarta Sans 500/600/700/800 (display),
  *     Inter 400/500/600 (body), JetBrains Mono 400/500 (mono)
+ *   vapenicotinefree.com: Anuphan 400/500/600/700 (display + body)
  */
 
 /* Space Grotesk — reference display */
@@ -52,3 +53,9 @@
 @import "@fontsource/jetbrains-mono/400.css";
 @import "@fontsource/jetbrains-mono/500.css";
 @import "@fontsource/jetbrains-mono/600.css";
+
+/* Anuphan — Vape Nicotine Free display + body */
+@import "@fontsource/anuphan/400.css";
+@import "@fontsource/anuphan/500.css";
+@import "@fontsource/anuphan/600.css";
+@import "@fontsource/anuphan/700.css";