with proper headings hierarchy - SEO: JSON-LD Article schema injected into at runtime - Share row: LinkedIn + Copy link - Bottom: sources, CTA, back to blog ============================================================ */ window.BlogArticleHero = function BlogArticleHero({ article, lang }) { const t = lang === "it" ? { by: "A cura di", min: "min di lettura", back: "Tutti gli articoli" } : { by: "By", min: "min read", back: "All articles" }; return (

{t.back}

{article.category[lang]}

{article.title[lang]}

{article.dek[lang]}

{t.by} {article.author[lang]}

{article.publishedLabel[lang]} {article.readingMinutes} {t.min}

); }; window.BlogArticleCoverImage = function BlogArticleCoverImage({ article, lang }) { if (!article.coverImage) return null; const t = lang === "it" ? { caption: "Illustrazione editoriale" } : { caption: "Editorial illustration" }; return (

); }; window.BlogArticleShare = function BlogArticleShare({ article, lang }) { const [copied, setCopied] = useArtState(false); const url = typeof window !== "undefined" ? window.location.href : ""; const onCopy = async () => { try { await navigator.clipboard.writeText(url); setCopied(true); setTimeout(() => setCopied(false), 1800); } catch (e) { /* no-op */ } }; const linkedinHref = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`; const t = lang === "it" ? { share: "Condividi", linkedin: "LinkedIn", copy: "Copia link", copied: "Copiato!" } : { share: "Share", linkedin: "LinkedIn", copy: "Copy link", copied: "Copied!" }; return (

{t.share} {t.linkedin}

); }; const shareBtn = { display: "inline-flex", alignItems: "center", gap: 8, padding: "8px 14px", borderRadius: 999, background: "var(--bg-subtle)", border: "1px solid var(--border)", color: "var(--fg-1)", fontSize: 13, fontWeight: 600, textDecoration: "none", transition: "background 160ms, border-color 160ms", }; window.BlogArticleBodyWrap = function BlogArticleBodyWrap({ article, lang }) { return (

{/* Editorial type styles scoped to .tl-prose */} ); }; window.BlogArticleSources = function BlogArticleSources({ article, lang }) { if (!article.sources || article.sources.length === 0) return null; const t = lang === "it" ? { eyebrow: "Fonti", title: "Riferimenti e letture" } : { eyebrow: "Sources", title: "References and reading" }; return ( {t.eyebrow}

{t.title}

{String(i + 1).padStart(2, "0")} {s.label}

); }; window.BlogArticleEndCTA = function BlogArticleEndCTA({ lang }) { const t = lang === "it" ? { eyebrow: "Tecnolife", title: "Se ti riconosci nel modo di lavorare descritto in questo articolo, parliamone.", body: "Tecnolife è una digital company che lavora come Forward Deployed Team: entriamo nei processi reali, costruiamo soluzioni AI sostenibili e lasciamo sistemi che continuano a creare valore.", primary: "Contattaci", secondary: "Scopri come lavoriamo", } : { eyebrow: "Tecnolife", title: "If our way of working resonates, let's talk.", body: "Tecnolife is a digital company that operates as a Forward Deployed Team: we enter real processes, build sustainable AI solutions, and leave systems that keep creating value.", primary: "Contact us", secondary: "How we work", }; return (

{t.eyebrow}

{t.title}

{t.body}

}> {t.primary} }> {t.secondary}

); }; /* JSON-LD schema injector — improves SEO; runs once on mount */ window.BlogArticleJsonLd = function BlogArticleJsonLd({ article, lang }) { useArtEffect(() => { if (typeof document === "undefined") return; const url = window.location.href; const schema = { "@context": "https://schema.org", "@type": "Article", headline: article.title[lang], description: article.metaDescription[lang], datePublished: article.publishedISO, dateModified: article.publishedISO, inLanguage: lang === "it" ? "it-IT" : "en-US", author: { "@type": "Organization", name: "Tecnolife IT Consulting S.r.l.", url: "https://www.tecnolife.com" }, publisher: { "@type": "Organization", name: "Tecnolife IT Consulting S.r.l.", logo: { "@type": "ImageObject", url: new URL("assets/Logo_Esteso_Blu.png", url).toString() }, }, mainEntityOfPage: { "@type": "WebPage", "@id": url }, keywords: article.tags.join(", "), }; if (article.coverImage && article.coverImage.src) { schema.image = new URL(article.coverImage.src, url).toString(); } let el = document.getElementById("__tl_article_jsonld"); if (!el) { el = document.createElement("script"); el.type = "application/ld+json"; el.id = "__tl_article_jsonld"; document.head.appendChild(el); } el.textContent = JSON.stringify(schema); /* Update document title + meta description live based on chosen lang */ document.title = `${article.title[lang]} · Tecnolife`; let md = document.querySelector('meta[name="description"]'); if (!md) { md = document.createElement("meta"); md.setAttribute("name", "description"); document.head.appendChild(md); } md.setAttribute("content", article.metaDescription[lang]); /* OG/Twitter sync */ const setMeta = (sel, attr, key, value) => { let m = document.querySelector(sel); if (!m) { m = document.createElement("meta"); m.setAttribute(attr, key); document.head.appendChild(m); } m.setAttribute("content", value); }; setMeta('meta[property="og:title"]', "property", "og:title", article.title[lang]); setMeta('meta[property="og:description"]', "property", "og:description", article.metaDescription[lang]); setMeta('meta[property="og:type"]', "property", "og:type", "article"); setMeta('meta[property="og:url"]', "property", "og:url", url); setMeta('meta[name="twitter:card"]', "name", "twitter:card", "summary_large_image"); setMeta('meta[name="twitter:title"]', "name", "twitter:title", article.title[lang]); setMeta('meta[name="twitter:description"]', "name", "twitter:description", article.metaDescription[lang]); if (article.coverImage && article.coverImage.src) { const imgUrl = new URL(article.coverImage.src, url).toString(); setMeta('meta[property="og:image"]', "property", "og:image", imgUrl); setMeta('meta[name="twitter:image"]', "name", "twitter:image", imgUrl); } }, [article, lang]); return null; };