/* global React */ /* ============================================================ Blog index — listing of articles - Mobile-first card grid - Featured (first article) takes a full-bleed hero card - Empty/upcoming state is honest (we have one article now) - Newsletter / social-connect CTA at the bottom ============================================================ */ window.BlogHero = function BlogHero({ lang }) { const t = lang === "it" ? { eyebrow: "Insights & News", h1a: "Idee, analisi,", h1b: "parliamo di...", lead: "Analisi del mercato, sintesi di ricerca e note operative dal nostro lavoro con le aziende italiane. Una vista di insieme oggi, verso il futuro.", } : { eyebrow: "Insights & News", h1a: "Ideas, analysis,", h1b: "signals from the field.", lead: "Original writing, research summaries and operational notes from our work with Italian companies. No \"AI trends\" — only what we actually observe.", }; return (
{t.eyebrow}

{t.h1a} {t.h1b}

{t.lead}
); }; /* Featured card — large, full-width on mobile, 2-col on desktop */ window.BlogFeaturedCard = function BlogFeaturedCard({ article, lang }) { const t = lang === "it" ? { read: "Leggi l'articolo", min: "min", featured: "In evidenza" } : { read: "Read the article", min: "min", featured: "Featured" }; const href = `blog-${article.slug}.html`; return ( { e.currentTarget.style.transform = "translateY(-4px)"; e.currentTarget.style.boxShadow = "var(--shadow-lg)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = "var(--shadow-sm)"; }} > {/* Visual */} {article.coverImage ? (
{article.coverImage.alt[lang]} {/* Bottom gradient + category chip so the label always reads */}
{article.category[lang]}
) : (
{article.visualNumber}
{article.category[lang]}
)} {/* Body */}
{t.featured}

{article.title[lang]}

{article.excerpt[lang]}

{article.readingMinutes} {t.min}
{t.read}
); }; /* Standard card — for upcoming/secondary articles */ window.BlogCard = function BlogCard({ article, lang }) { if (!article) return null; const href = `blog-${article.slug}.html`; const t = lang === "it" ? { read: "Leggi", min: "min" } : { read: "Read", min: "min" }; return ( { e.currentTarget.style.transform = "translateY(-3px)"; e.currentTarget.style.boxShadow = "var(--shadow-md)"; }} onMouseLeave={(e) => { e.currentTarget.style.transform = "translateY(0)"; e.currentTarget.style.boxShadow = "var(--shadow-xs)"; }} >
{article.category[lang]}

{article.title[lang]}

{article.excerpt[lang]}

· {article.readingMinutes} {t.min}
{t.read}
); }; /* Empty/upcoming card — honest placeholder, not fake content */ window.BlogUpcomingCard = function BlogUpcomingCard({ lang }) { const t = lang === "it" ? { eyebrow: "Prossimamente", title: "Altri articoli in arrivo.", body: "Stiamo scrivendo. Iscriviti su LinkedIn per essere avvisato quando pubblichiamo.", } : { eyebrow: "Coming soon", title: "More articles coming.", body: "We're writing. Follow us on LinkedIn to be notified when we publish.", }; return (
{t.eyebrow}

{t.title}

{t.body}

{lang === "it" ? "Seguici su LinkedIn" : "Follow on LinkedIn"}
); }; window.BlogList = function BlogList({ lang }) { const articles = window.BLOG_ARTICLES || []; const featured = articles[0]; const rest = articles.slice(1); return ( {featured && }
{rest.map((a) => )} {/* Always show at least one upcoming card while we have <4 articles */} {articles.length < 4 && } {articles.length < 3 && } {articles.length < 2 && }
); }; /* Social/CTA band — replaces the standard HomeCTA: this is the "connect with us on social" angle the blog hub is designed around. */ window.BlogSocialCTA = function BlogSocialCTA({ lang }) { const t = lang === "it" ? { eyebrow: "Resta in contatto", title: "I prossimi articoli arrivano prima su LinkedIn.", body: "Pubblichiamo analisi, segnali dal campo e annunci dal nostro team. Seguici per riceverli appena escono.", linkedin: "Seguici su LinkedIn", contact: "Parla con noi", } : { eyebrow: "Stay in touch", title: "New articles drop first on LinkedIn.", body: "We post analysis, field signals and team announcements. Follow us to catch them as they go live.", linkedin: "Follow on LinkedIn", contact: "Talk to us", }; return (
{t.eyebrow}

{t.title}

{t.body}

}> {t.linkedin} }> {t.contact}
); };