// blog.jsx - "Latest writing" homepage teaser strip, 5 layout variations. // Each exported component takes the same 3 posts and renders a full-width // section in the RecLab editorial system. Exports window.RecLabBlog. // Posts are placeholders shaped like real AI-for-recruiters content - swap freely. const MONOF = "'Space Mono', ui-monospace, Menlo, monospace"; const POSTS = [ { cat: "Process", title: "The art of process optimisation", excerpt: "Over time, things change. You can either react to it or drive it. Here are some guidelines to help you change and optimise your processes.", date: "May 2026", read: "6 min", link: "https://www.linkedin.com/pulse/art-process-optimisation-jamie-lyons-znpue/", img: "images/article-process.jpg", g1: "#f1d6c0", g2: "#d98a5a", ac: "#b06a3e", }, { cat: "Talent Ops", title: "What your talent team can learn from product ops", excerpt: "Co-written with Nitin Moorjani, Global Talent & Ops Director at Automattic and founder of Peak Grid. Releasing June 2026.", date: "Coming June 2026", read: "", img: "images/article-talentops.jpg", authorPhoto: "images/author-nitin.jpg", g1: "#d6e1c2", g2: "#9bb06f", ac: "#697d43", }, { cat: "RecOps", title: "What US and UK RecOps can learn from each other", excerpt: "Co-written with Jeremy Lyons, US-based RecOps leader. Two very different versions of RecOps, and what each side can learn from the other. Releasing June 2026.", date: "Coming June 2026", read: "", img: "images/article-usuk.jpg", authorPhoto: "images/author-jeremy.jpg", g1: "#ece0c2", g2: "#cdb072", ac: "#8f7636", }, ]; // Shared section header (eyebrow + heading + optional "view all" link). function Head({ heading = "Latest writing", link = true, onDark = false, align = "split" }) { const eyebrow = onDark ? "var(--terra-soft)" : "var(--terra-deep)"; const head = onDark ? "#fff" : "var(--ink)"; return (

{heading}

{link && ( All articles → )}

); } const wrap = (children, bg) => (

{children}

); // ── V1 · Card row - three thumbnail cards, echoes the Builds grid ────────── function CardRow() { return wrap(

{POSTS.map((p, i) => (

{p.img &&

} {p.authorPhoto && !p.img &&

}

{p.title}

{p.excerpt}

{p.date}{p.read && (/{p.read} read)}

))}

, "var(--paper)"); } // ── V2 · Editorial index - numbered rows, no images, type-led ────────────── function Index() { return wrap(

{POSTS.map((p, i) => ( 0{i + 1}

{p.cat} {p.date} · {p.read}

{p.title}

{p.excerpt}

→ ))}

, "var(--paper)"); } // ── V3 · Featured + two - asymmetric bento, echoes Case Studies ──────────── function Featured() { const [f, ...rest] = POSTS; return wrap(

{f.cat}