2c:I[522016,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],""] 2d:I[406394,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"BlockTabs"] 2e:I[966139,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"PreviewFrame"] 2f:I[967833,["/_next/static/immutable/chunks/0x-9rc1bm-510.js","/_next/static/immutable/chunks/0vm4r_y51lca-.js","/_next/static/immutable/chunks/1_05dnk5nlv68.js","/_next/static/immutable/chunks/22eey7bx99yf1.js","/_next/static/immutable/chunks/26w7nc1n_z-ef.js","/_next/static/immutable/chunks/0rg7f484r7pvs.js","/_next/static/immutable/chunks/08zzaq7mzunr6.js","/_next/static/immutable/chunks/2r4xab7oviwp5.js","/_next/static/immutable/chunks/3xlvx278x1e_n.js","/_next/static/immutable/chunks/2ndy6i4i4-y6n.js","/_next/static/immutable/chunks/06y00c7m-_7je.js","/_next/static/immutable/chunks/263-ujry15jpq.js","/_next/static/immutable/chunks/3p6b9_d0h8s6a.js","/_next/static/immutable/chunks/3s_tixnfkzgei.js","/_next/static/immutable/chunks/1vzkb09w9y5u9.js","/_next/static/immutable/chunks/0q5gv4ffdk-lk.js","/_next/static/immutable/chunks/37e7ynyc-_cqk.js","/_next/static/immutable/chunks/2m-qc00i-nvf7.js","/_next/static/immutable/chunks/2x3a5j5_bt12w.js","/_next/static/immutable/chunks/18rtnwgqpot3p.js","/_next/static/immutable/chunks/3kcvqkz425zel.js","/_next/static/immutable/chunks/0191lw-km_l_x.js","/_next/static/immutable/chunks/3-2tm_28na9tk.js","/_next/static/immutable/chunks/14yszr5gqr22_.js","/_next/static/immutable/chunks/29m25k6c5-ipo.js","/_next/static/immutable/chunks/2a77rt5-k4ju_.js","/_next/static/immutable/chunks/3fw7v0e9fz244.js","/_next/static/immutable/chunks/39oieppwminn9.js","/_next/static/immutable/chunks/2i0vfc8ynux_t.js","/_next/static/immutable/chunks/31pqjpqnverqb.js","/_next/static/immutable/chunks/43tk0scc5ia6a.js","/_next/static/immutable/chunks/2t0_o72h2hqpj.js","/_next/static/immutable/chunks/0hgm421bwn02n.js","/_next/static/immutable/chunks/3j6wvt_gtks8k.js","/_next/static/immutable/chunks/0xciaf081ehlj.js"],"CodeView"] 30:T20f6,"use client"; import { useLayoutEffect, useRef, useState, type CSSProperties } from "react"; import { IconMoon, IconSun } from "@tabler/icons-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import { makeYourOwnUrl, siblingBrands } from "../../../lib/commerce/adapters/mrch"; import { defaultProductHref, type ProductHref } from "../../ui/_kit/types"; import type { Brand, Collection, Product } from "../../../lib/commerce/types"; import { CtaButton } from "../../ui/cta/cta"; import { Eyebrow } from "../../ui/eyebrow/eyebrow"; import type { NavLink } from "../../ui/_kit/types"; import { Wordmark } from "../../ui/wordmark/wordmark"; export type FooterColumn = { title: string; links: NavLink[] }; export type SiteFooterProps = { brand: Brand; columns?: FooterColumn[]; /** Legal line, e.g. the brand's footer.line or a copyright. */ legal: string; /** Show the sibling brands from data/network.json (UTM-tagged). */ network?: boolean; /** Make-your-own call to action (sellmerch.ai, UTM-tagged). Pass false to hide. */ makeYourOwn?: { heading?: string; label?: string } | false; /** Show the light/dark toggle. It sets data-theme on the nearest [data-brand] element. */ themeToggle?: boolean; variant?: "columns" | "compact" | "oversized-wordmark"; /** Adds a "Shop" column of collection links, built with `collectionHref`. */ collections?: Collection[]; /** Adds a "Designs" column of up to four product links, built with `productHref`. */ products?: Product[]; collectionHref?: (handle: string) => string; productHref?: ProductHref; /** Where the wordmark links. */ homeHref?: string; className?: string; }; function ThemeToggle() { const ref = useRef(null); const [dark, setDark] = useState(false); return ( ); } /** * Brand name scaled to exactly the container width, whatever the face. First paint uses a character-count * estimate (container query units); after mount the rendered width is measured and the font size is * corrected through --wordmark-size, again on every resize and once webfonts are ready. */ function FitWordmark({ name, chars }: { name: string; chars: number }) { const box = useRef(null); const text = useRef(null); const estimate = { "--kc-chars": chars } as CSSProperties; useLayoutEffect(() => { const boxEl = box.current; const textEl = text.current; if (!boxEl || !textEl) return; const fit = () => { const size = parseFloat(getComputedStyle(textEl).fontSize); const width = textEl.getBoundingClientRect().width; const avail = boxEl.clientWidth; if (!size || !width || !avail) return; const next = Math.min((size * avail) / width, 320); if (Math.abs(next - size) > 0.5) boxEl.style.setProperty("--wordmark-size", `${next.toFixed(2)}px`); }; fit(); const ro = new ResizeObserver(fit); ro.observe(boxEl); void document.fonts?.ready.then(fit); return () => ro.disconnect(); }, [name]); return ( ); } const linkClass = "inline-flex min-h-8 items-center rounded-control text-sm text-ink outline-none transition-colors duration-150 ease-out hover:text-ink-muted focus-visible:ring-3 focus-visible:ring-ring/50 motion-reduce:transition-none"; function LinkList({ links }: { links: NavLink[] }) { return (

{l.href ? ( {l.label} ) : ( {l.label} )}

); } /** Link columns, brand network, make-your-own CTA, legal line and theme toggle. */ export function SiteFooter({ brand, columns = [], legal, network = true, makeYourOwn = {}, themeToggle = true, variant = "columns", collections = [], products = [], collectionHref = (handle) => `/collections/${handle}`, productHref = defaultProductHref, homeHref = "/", className, }: SiteFooterProps) { const derived: FooterColumn[] = [ ...(collections.length ? [{ title: "Shop", links: collections.slice(0, 5).map((c) => ({ label: c.title, href: collectionHref(c.handle) })) }] : []), ...(products.length ? [{ title: "Designs", links: products.slice(0, 4).map((p) => ({ label: p.title, href: productHref(p) })) }] : []), ]; const allColumns = [...derived, ...columns]; const siblings = network ? // Network backlinks stay plain dofollow anchors (brand-factory contract: no UTM on siblings). siblingBrands(brand.slug).map((b) => ({ label: b.name, href: b.url })) : []; const myo = makeYourOwn === false ? null : makeYourOwn; const myoUrl = makeYourOwnUrl({ slug: brand.slug, medium: "footer" }); const legalRow = (

{legal}

{themeToggle ? : null}

); const cta = myo ? (

{myo.heading ?? "Make your own"}

Start a merch brand of your own on sellmerch.ai.

{myo.label ?? "Make your own"}

) : null; if (variant === "compact") { return ( ); } const nets = siblings.length > 0 ? { title: "Network", links: siblings } : null; const cols = nets ? [...allColumns, nets] : allColumns; return ( ); } export default SiteFooter; 31:T505,import { cva, type VariantProps } from "class-variance-authority"; import { cn } from "@/lib/utils"; import type { Brand } from "../../../lib/commerce/types"; const wordmark = cva( "inline-block font-display leading-none text-ink [text-transform:var(--kc-display-transform)]", { variants: { size: { sm: "text-base tracking-tight", md: "text-xl tracking-tight", lg: "display-m", xl: "display-xl whitespace-nowrap", }, }, defaultVariants: { size: "md" }, }, ); export type WordmarkProps = VariantProps & { brand: Pick; /** Renders a link when set. */ href?: string; className?: string; }; /** Brand name set in the brand display face. CAPS follow `--kc-display-transform`. */ export function Wordmark({ brand, size, href, className }: WordmarkProps) { const classes = cn(wordmark({ size }), className); if (href) { return ( {brand.name} ); } return {brand.name}; } export default Wordmark; 32:T630,"use client"; import type { ReactNode } from "react"; import { IconArrowRight } from "@tabler/icons-react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; type Common = { href: string; children: ReactNode; className?: string; onClick?: () => void; }; /** * The one primary call to action: a Kobra Button rendered as a link. * `size="hero"` is a 44px hit area for the big moments; otherwise Kobra's own sizes apply. */ export function CtaButton({ href, children, className, onClick, variant = "default", size = "hero", }: Common & { variant?: "default" | "outline" | "secondary"; size?: "hero" | "default" | "lg"; }) { return ( ); } /** The quiet second action: an underlined text link with a trailing arrow. */ export function CtaLink({ href, children, className, onClick }: Common) { return ( ); } 33:T10b7,// Faithful port of mrch-agent/brand-kit/lib/network.ts (UTM scheme intact). import networkJson from "../../../../../data/network.json" with { type: "json" }; export type BrandKind = "premade" | "custom" | "hybrid"; export type BrandStatus = "live" | "preview" | "staging"; export interface NetworkBrand { slug: string; name: string; url: string | null; tagline: string; kind: BrandKind; status: BrandStatus; } export interface Network { schema: string; platform: { mrch: { name: string; url: string; tagline: string }; sellmerch: { name: string; url: string; tagline: string; startUrl: string }; }; brands: NetworkBrand[]; } export const network = networkJson as Network; export function siblingBrands( currentSlug: string, net: Network = network, ): (NetworkBrand & { url: string })[] { return net.brands.filter( (b): b is NetworkBrand & { url: string } => b.status === "live" && !!b.url && b.slug !== currentSlug, ); } export function findBrand(slug: string, net: Network = network): NetworkBrand | undefined { return net.brands.find((b) => b.slug === slug); } export interface Utm { source: string; medium: string; campaign?: string; content?: string; } export function withUtm(url: string, utm: Utm): string { const u = new URL(url); u.searchParams.set("utm_source", utm.source); u.searchParams.set("utm_medium", utm.medium); if (utm.campaign) u.searchParams.set("utm_campaign", utm.campaign); if (utm.content) u.searchParams.set("utm_content", utm.content); return u.toString(); } function b64url(s: string): string { const b64 = typeof Buffer !== "undefined" ? Buffer.from(s, "utf8").toString("base64") : btoa(String.fromCharCode(...new TextEncoder().encode(s))); return b64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, ""); } export interface MakeYourOwnOptions { slug: string; medium: string; prompt?: string; title?: string; campaign?: string; content?: string; } /** sellmerch.ai build URL (utm_source=, utm_medium=, utm_campaign=make-your-own-merch). */ export function makeYourOwnUrl(o: MakeYourOwnOptions, net: Network = network): string { const brand = findBrand(o.slug, net); const p = ( o.prompt || `I want to make my own shirt in the style of ${brand?.name ?? o.slug}.` ).slice(0, 600); const seed: Record = { v: 1, p }; if (o.title) seed.t = o.title; const u = new URL(net.platform.sellmerch.startUrl); u.searchParams.set("r", b64url(JSON.stringify(seed))); u.searchParams.set("dest", "organic"); u.searchParams.set("utm_source", o.slug); u.searchParams.set("utm_medium", o.medium); u.searchParams.set("utm_campaign", o.campaign || "make-your-own-merch"); if (o.content) u.searchParams.set("utm_content", o.content); return u.toString(); } export const BRAND_NETWORK_CART = "nofun-brand-factory"; export interface MrchShopUrlOptions { designSlug?: string | null; } /** * mrch.shop URL with UTM plus Shopify cart note attributes so purchase * attribution survives checkout. Existing query on product URLs is preserved. */ export function mrchShopUrl( slug: string, medium: string, target?: string | null, netOrOpts: Network | MrchShopUrlOptions = network, maybeOpts?: MrchShopUrlOptions, ): string { const net: Network = netOrOpts && typeof netOrOpts === "object" && "brands" in (netOrOpts as Network) ? (netOrOpts as Network) : network; const opts: MrchShopUrlOptions = maybeOpts || (netOrOpts && typeof netOrOpts === "object" && !("brands" in (netOrOpts as Network)) ? (netOrOpts as MrchShopUrlOptions) : {}); const base = target && /^https?:\/\//.test(target) ? target : net.platform.mrch.url + (target ?? ""); const withCampaign = withUtm(base, { source: slug, medium, campaign: "network" }); const u = new URL(withCampaign); u.searchParams.set("dest", "organic"); u.searchParams.set("attributes[dest]", "organic"); u.searchParams.set("attributes[brand]", slug); u.searchParams.set("attributes[brand_network]", BRAND_NETWORK_CART); if (opts.designSlug) { u.searchParams.set("attributes[design_slug]", opts.designSlug); } return u.toString(); } export const OUTBOUND_REL = "noopener"; 34:T7fc,import type { BlockMeta } from "../../../lib/block-meta"; export const siteFooterMeta: BlockMeta = { slug: "site-footer", title: "Site footer", description: "Link columns, brand network links (plain dofollow anchors from data/network.json), make-your-own CTA, legal line and theme toggle. Columns, compact, or oversized wordmark.", group: "landing", kobraDeps: ["button"], files: [ "blocks/landing/site-footer/site-footer.tsx", "blocks/ui/wordmark/wordmark.tsx", "blocks/ui/cta/cta.tsx", "blocks/ui/eyebrow/eyebrow.tsx", "lib/commerce/adapters/mrch.ts", "data/network.json", ], props: [ { name: "brand", type: "Brand", description: "Current brand (excluded from the network list)." }, { name: "columns", type: "FooterColumn[]", default: "[]", description: "{ title, links[] } columns." }, { name: "legal", type: "string", description: "Legal / sign-off line." }, { name: "network", type: "boolean", default: "true", description: "List sibling brands." }, { name: "makeYourOwn", type: "{ heading?, label? } | false", default: "{}", description: "sellmerch.ai CTA; false hides it." }, { name: "themeToggle", type: "boolean", default: "true", description: "Light/dark toggle on the nearest [data-brand]." }, { name: "collections", type: "Collection[]", default: "[]", description: "Adds a Shop column." }, { name: "products", type: "Product[]", default: "[]", description: "Adds a Designs column (four links)." }, { name: "collectionHref", type: "(handle: string) => string", default: "/collections/", description: "Collection link builder." }, { name: "productHref", type: "(p: Product) => string", default: "/products/", description: "Product link builder." }, { name: "homeHref", type: "string", default: "'/'", description: "Wordmark link." }, { name: "variant", type: "'columns' | 'compact' | 'oversized-wordmark'", default: "'columns'", description: "Layout." }, ], tags: ["footer", "network", "landing"], status: "ready", }; 23:["$","article",null,{"className":"grid gap-6","children":[["$","header",null,{"className":"grid gap-3","children":[["$","nav",null,{"aria-label":"breadcrumb","data-slot":"breadcrumb","className":"","children":["$","ol",null,{"data-slot":"breadcrumb-list","className":"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground","children":[["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","$L2c",null,{"href":"/","data-slot":"breadcrumb-link","className":"transition-colors hover:text-foreground","children":"Kobra Commerce"}]}],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"tabler-icon tabler-icon-chevron-right rtl:-scale-x-100","children":["$undefined",["$","path","svg-0",{"d":"M9 6l6 6l-6 6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","$L2c",null,{"href":"/#landing","data-slot":"breadcrumb-link","className":"transition-colors hover:text-foreground","children":"Landing"}]}],["$","li",null,{"data-slot":"breadcrumb-separator","role":"presentation","aria-hidden":"true","className":"[&>svg]:size-3.5","children":["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"tabler-icon tabler-icon-chevron-right rtl:-scale-x-100","children":["$undefined",["$","path","svg-0",{"d":"M9 6l6 6l-6 6"}],"$undefined"]}]}],["$","li",null,{"data-slot":"breadcrumb-item","className":"inline-flex items-center gap-1","children":["$","span",null,{"data-slot":"breadcrumb-page","role":"link","aria-disabled":"true","aria-current":"page","className":"font-normal text-foreground","children":"Site footer"}]}]]}]}],["$","div",null,{"className":"flex flex-wrap items-center gap-3","children":[["$","h1",null,{"className":"text-2xl font-bold","children":"Site footer"}],["$","span",null,{"data-slot":"badge","data-variant":"green","className":"group/badge t-label relative isolate inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-full border border-transparent py-0.5 font-medium [--surface-calm:0.5] whitespace-nowrap transition-ring before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:rounded-[inherit] before:border before:border-transparent before:transition-[scale,background-color,border-color] before:duration-150 before:ease-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 motion-reduce:before:transition-none has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [a,button]:active:before:scale-[0.97] motion-reduce:[a,button]:active:before:scale-100 [&>svg]:pointer-events-none [&>svg]:size-3! t-surface t-surface-success text-[var(--badge-green-fg)] h-5 px-1.5 text-xs","children":"Ready"}]]}],["$","p",null,{"className":"max-w-[65ch] text-sm text-muted-foreground","children":"Link columns, brand network links (plain dofollow anchors from data/network.json), make-your-own CTA, legal line and theme toggle. Columns, compact, or oversized wordmark."}]]}],["$","$L2d",null,{"preview":["$","$L2e",null,{"slug":"site-footer","group":"landing","minHeight":480,"fixedHeight":"$undefined"}],"code":["$","$L2f",null,{"files":[{"path":"blocks/landing/site-footer/site-footer.tsx","code":"$30"},{"path":"blocks/ui/wordmark/wordmark.tsx","code":"$31"},{"path":"blocks/ui/cta/cta.tsx","code":"$32"},{"path":"blocks/ui/eyebrow/eyebrow.tsx","code":"import type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\n/** Small mono label that sits above a headline. */\nexport function Eyebrow({\n children,\n className,\n as: Tag = \"p\",\n}: {\n children: ReactNode;\n className?: string;\n as?: \"p\" | \"span\" | \"div\";\n}) {\n return {children};\n}\n\nexport default Eyebrow;\n"},{"path":"lib/commerce/adapters/mrch.ts","code":"$33"},{"path":"blocks/landing/site-footer/demo.tsx","code":"import { SiteFooter } from \"./site-footer\";\nimport { brandFixture } from \"../../../lib/commerce/fixtures/heroes\";\nimport { DemoStack, VariantFrame } from \"../../ui/_kit/variant-frame\";\n\nexport function SiteFooterDemo({ brand }: { brand?: string }) {\n const f = brandFixture(brand);\n const columns = [\n { title: f.brand.name, links: f.nav.map((n) => ({ label: n.label, href: n.href })) },\n ];\n const base = { brand: f.brand, columns, legal: f.footerLine, collections: f.collections };\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport default SiteFooterDemo;\n"},{"path":"blocks/landing/site-footer/meta.ts","code":"$34"}]}],"props":"$L35"}],"$L36"]}]