/* Resources / Blog — listing + article pages, mirrors hifi-usecases.jsx pattern */ const RESOURCES_CATEGORIES = (lang) => [ { slug: 'all', label: lang === 'fr' ? 'Tous' : 'All', tint: '#E1FF6C' }, { slug: 'outbound', label: 'Outbound', tint: '#E1FF6C' }, { slug: 'revops', label: 'RevOps', tint: '#B8D4A8' }, { slug: 'gtm-strategy', label: 'GTM Strategy', tint: '#F4E89B' }, { slug: 'tooling', label: 'Tooling', tint: '#D6CFC2' } ]; const RESOURCES_DATA = (lang) => window.SITE_TEXTS[lang].resources_cards; const RESOURCE_DETAIL_DATA = (lang) => window.SITE_TEXTS[lang].resources_articles; const _RESOURCE_DETAIL_DATA_UNUSED = (lang) => ({ 'intent-data-2026': { slug: 'intent-data-2026', category: 'outbound', eyebrow: lang === 'fr' ? 'Article · Outbound' : 'Article · Outbound', title: lang === 'fr' ? 'Intent data en 2026 : ce qui marche vraiment' : 'Intent data in 2026: what actually works', lede: lang === 'fr' ? "L'intent data est partout. Mais entre les promesses des vendors et la réalité opérationnelle, il y a un gouffre. Voici ce qu'on a appris en déployant des dizaines de stacks d'intent data chez nos clients." : 'Intent data is everywhere. But between vendor promises and operational reality, there is a gulf. Here is what we learned deploying dozens of intent data stacks for our clients.', author: 'Antoine Guiné', authorRole: lang === 'fr' ? 'Fondateur @Upscale, GTM Engineer' : 'Founder @Upscale, GTM Engineer', date: lang === 'fr' ? '12 mai 2026' : 'May 12, 2026', readingTime: lang === 'fr' ? '6 min de lecture' : '6 min read', sections: [ { kind: 'paragraphs', h2: lang === 'fr' ? 'Le problème avec l\'intent data' : 'The problem with intent data', body: [ lang === 'fr' ? "La plupart des équipes pensent qu'acheter une licence Bombora ou 6sense suffit. C'est faux. Sans une couche de scoring contextuelle et un routage propre vers le CRM, vous recevez juste du bruit." : 'Most teams think buying a Bombora or 6sense license is enough. It is not. Without a contextual scoring layer and clean CRM routing, you just receive noise.', lang === 'fr' ? "Le vrai gain vient de la combinaison entre signaux first-party (votre site, votre produit) et third-party (intent vendors). Mal combinés, ils s'annulent." : 'The real win comes from combining first-party signals (your site, your product) with third-party (intent vendors). Poorly combined, they cancel each other out.' ], bullets: [ lang === 'fr' ? "First-party : visites pages pricing, démos abandonnées, pings produit." : 'First-party: pricing page visits, abandoned demos, product pings.', lang === 'fr' ? "Third-party : recherches Bombora, hiring signals, funding rounds." : 'Third-party: Bombora searches, hiring signals, funding rounds.', lang === 'fr' ? "Internal : score persona × score compte × récence du signal." : 'Internal: persona score × account score × signal recency.' ] }, { kind: 'paragraphs', h2: lang === 'fr' ? 'Notre stack recommandée' : 'Our recommended stack', body: [ lang === 'fr' ? "Nous combinons généralement TheirStack pour la détection technographique, Pronto pour les signaux de hiring/funding, et Clay pour orchestrer le scoring final avant push CRM." : 'We typically combine TheirStack for technographic detection, Pronto for hiring/funding signals, and Clay to orchestrate the final scoring before CRM push.' ] }, { kind: 'quote', text: lang === 'fr' ? "Une stack d'intent data sans scoring, c'est un firehose. Vous recevez tout, vous traitez rien." : 'An intent data stack without scoring is a firehose. You receive everything, you process nothing.', attribution: 'Antoine Guiné' } ] }, 'crm-source-of-truth': { slug: 'crm-source-of-truth', category: 'revops', eyebrow: lang === 'fr' ? 'Article · RevOps' : 'Article · RevOps', title: lang === 'fr' ? 'Faire de votre CRM la seule source de vérité' : 'Making your CRM the single source of truth', lede: lang === 'fr' ? "Un CRM mal architecturé devient un cimetière de données. Voici les 4 étapes qu'on applique systématiquement pour le transformer en colonne vertébrale opérationnelle." : 'A poorly architected CRM becomes a data graveyard. Here are the 4 steps we systematically apply to turn it into the operational backbone.', author: 'Antoine Guiné', authorRole: lang === 'fr' ? 'Fondateur @Upscale, GTM Engineer' : 'Founder @Upscale, GTM Engineer', date: lang === 'fr' ? '28 avril 2026' : 'April 28, 2026', readingTime: lang === 'fr' ? '8 min de lecture' : '8 min read', sections: [ { kind: 'paragraphs', h2: lang === 'fr' ? 'Étape 1 — Définir le schéma minimal' : 'Step 1 — Define the minimal schema', body: [ lang === 'fr' ? "Avant tout sync, posez-vous la question : quels champs sont vraiment utilisés pour décider ? Si un champ n'est pas filtré dans un report ou un workflow, il dégrade votre data." : 'Before any sync, ask yourself: which fields are actually used to decide? If a field is never filtered in a report or workflow, it degrades your data.' ] }, { kind: 'paragraphs', h2: lang === 'fr' ? 'Étape 2 — Centraliser l\'enrichissement' : 'Step 2 — Centralize enrichment', body: [ lang === 'fr' ? "Tous vos outils d'enrichissement (Cargo, CompanyEnrich, Apollo) doivent écrire dans un seul flux orchestré par Clay ou n8n. Sinon vous obtenez 3 versions du même contact." : 'All your enrichment tools (Cargo, CompanyEnrich, Apollo) should write to a single orchestrated flow via Clay or n8n. Otherwise you end up with 3 versions of the same contact.' ], bullets: [ lang === 'fr' ? "Une seule source d'écriture par champ critique." : 'One source of truth per critical field.', lang === 'fr' ? "Logging des changements pour audit." : 'Change logging for audit.', lang === 'fr' ? "Règles de priorité explicites en cas de conflit." : 'Explicit priority rules on conflict.' ] } ] }, 'sales-machine-blueprint': { slug: 'sales-machine-blueprint', category: 'gtm-strategy', eyebrow: lang === 'fr' ? 'Article · GTM Strategy' : 'Article · GTM Strategy', title: lang === 'fr' ? "Blueprint d'une sales machine B2B en 90 jours" : 'Blueprint of a B2B sales machine in 90 days', lede: lang === 'fr' ? "C'est l'architecture exacte qu'on déploie chez nos clients. Workflows, scoring, routage, nurturing : tout est documenté. Voici ce qu'il faut savoir avant de se lancer." : 'This is the exact architecture we deploy with our clients. Workflows, scoring, routing, nurturing: everything is documented. Here is what you need to know before starting.', author: 'Antoine Guiné', authorRole: lang === 'fr' ? 'Fondateur @Upscale, GTM Engineer' : 'Founder @Upscale, GTM Engineer', date: lang === 'fr' ? '15 avril 2026' : 'April 15, 2026', readingTime: lang === 'fr' ? '12 min de lecture' : '12 min read', sections: [ { kind: 'paragraphs', h2: lang === 'fr' ? 'Les 5 piliers' : 'The 5 pillars', body: [ lang === 'fr' ? "Une sales machine performante repose sur 5 piliers indissociables. Si l'un est faible, l'ensemble s'effondre." : 'A performant sales machine rests on 5 inseparable pillars. If one is weak, the whole collapses.' ], bullets: [ lang === 'fr' ? 'Sourcing — comment vous générez votre TAM addressable.' : 'Sourcing — how you generate your addressable TAM.', lang === 'fr' ? 'Enrichissement — la qualité des données comportementales.' : 'Enrichment — the quality of behavioral data.', lang === 'fr' ? 'Copywriting — personnalisation à scale sans dégradation.' : 'Copywriting — personalization at scale without degradation.', lang === 'fr' ? 'Diffusion — infra mail propre et séquences signal-based.' : 'Outreach — clean mail infra and signal-based sequences.', lang === 'fr' ? 'Scoring & routage — du lead engagé au RDV qualifié.' : 'Scoring & routing — from engaged lead to qualified meeting.' ] }, { kind: 'quote', text: lang === 'fr' ? "Le volume sans personnalisation = burn-out de votre marque. La personnalisation sans volume = pas d'impact." : 'Volume without personalization = brand burn-out. Personalization without volume = no impact.', attribution: 'Antoine Guiné' } ] } }); // end _RESOURCE_DETAIL_DATA_UNUSED const resourcesArticleByCategory = (categorySlug, lang) => { const all = RESOURCES_DATA(lang); if (!categorySlug || categorySlug === 'all') return all; return all.filter(a => a.category === categorySlug); }; const ResourcesHero = ({ lang }) => { return (

— {window.SITE_TEXTS[lang].resources_hero.eyebrow}

{window.SITE_TEXTS[lang].resources_hero.h1a}{' '} {window.SITE_TEXTS[lang].resources_hero.h1b}.

{window.SITE_TEXTS[lang].resources_hero.sub}

); }; const ResourcesGrid = ({ lang }) => { const [activeCat, setActiveCat] = useState('all'); const categories = RESOURCES_CATEGORIES(lang); const articles = resourcesArticleByCategory(activeCat, lang); return (
{/* Category filter */}
{categories.map((c) => { const isActive = activeCat === c.slug; return ( ); })}
{articles.length === 0 ? (

{lang === 'fr' ? 'Aucun article dans cette catégorie.' : 'No articles in this category.'}

) : (
{articles.map((a) => { const cat = categories.find(c => c.slug === a.category) || { label: a.category, tint: '#E1FF6C' }; return ( { e.preventDefault(); window.location.hash = `/ressources/${a.slug}`; window.scrollTo({ top: 0, behavior: 'auto' }); }} style={{ display: 'block', background: 'var(--paper)', border: '1px solid var(--line)', borderRadius: 24, overflow: 'hidden', textDecoration: 'none', color: 'inherit', transition: 'transform .25s ease, box-shadow .25s ease' }} onMouseEnter={(e) => { e.currentTarget.style.transform = 'translateY(-2px)'; e.currentTarget.style.boxShadow = '0 18px 40px -22px rgba(28,29,31,0.18)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = 'none'; }} >
{cat.label}

{a.date} · {a.readingTime}

{a.title}

{a.excerpt}

{lang === 'fr' ? 'Lire l\'article' : 'Read article'} →

 ); })}
)}
); }; /* ---- Sub-resources icons ---- */ const IconStack = () => ( ); const IconMail = () => ( ); const IconPlay = () => ( ); const SUB_RESOURCES = (lang) => [ { label: 'TOOLING', title: 'Best GTM Stack 2026', desc: lang === 'fr' ? "Notre sélection des meilleurs outils GTM, testés en conditions réelles chez nos clients." : "Our curated selection of the best GTM tools, tested in real client environments.", cta: lang === 'fr' ? 'Voir la sélection' : 'View selection', tint: '#E1FF6C', href: '#', icon: , }, { label: 'NEWSLETTER', title: lang === 'fr' ? 'Newsletter Upscale' : 'Upscale Newsletter', desc: lang === 'fr' ? "Les meilleurs insights GTM chaque semaine. Rejoins 2 000+ leaders B2B." : "The best GTM insights every week. Join 2,000+ B2B leaders.", cta: lang === 'fr' ? "S'inscrire" : 'Subscribe', tint: '#F4E89B', href: '#', icon: , }, { label: lang === 'fr' ? 'VIDÉOS' : 'VIDEOS', title: lang === 'fr' ? 'Vidéos GTM' : 'GTM Videos', desc: lang === 'fr' ? "Formats courts et actionnables sur l'outbound, le copywriting et le RevOps." : "Short, actionable formats on outbound, copywriting and RevOps.", cta: lang === 'fr' ? 'Regarder' : 'Watch', tint: '#D6CFC2', href: '#', icon: , }, ]; const SubResourcesSection = ({ lang }) => { const items = SUB_RESOURCES(lang); return (
); }; const ResourcesPage = ({ lang }) => { return ( <> ); }; window.ResourcesPage = ResourcesPage; // ===================== Article page ===================== const ResourceArticleHero = ({ data, lang }) => { return (
{ e.preventDefault(); window.location.hash = '/ressources'; window.scrollTo({ top: 0, behavior: 'auto' }); }} style={{ display: 'inline-flex', alignItems: 'center', gap: 8, fontSize: 13, fontFamily: 'var(--font-mono)', color: 'var(--gray-4)', marginBottom: 32, cursor: 'pointer' }} > ← {lang === 'fr' ? 'Tous les articles' : 'All articles'} {(() => { const parts = (data.eyebrow || '').split(' · '); const type = parts[0] || 'Article'; const cat = parts[1] || ''; const TINTS = { 'Outbound': '#E1FF6C', 'RevOps': '#B8D4A8', 'GTM Strategy': '#F4E89B', 'Tooling': '#D6CFC2' }; const tint = TINTS[cat] || '#E8E8E4'; return (
{type} {cat && <> · {cat} }
); })()}

{data.title}

{data.lede}

{/* Author with avatar */}

{lang === 'fr' ? 'Auteur' : 'Author'}

Antoine Guiné {data.author.split(' ')[0]}
{/* Date + reading time */} {[ [lang === 'fr' ? 'Publié le' : 'Published', data.date], [lang === 'fr' ? 'Lecture' : 'Reading', data.readingTime] ].map(([l, v], i) => (

{l}

{v}

))}
); }; const ResourceParagraph = ({ children }) => (

{children}

); const ResourceBullets = ({ items }) => (
    {items.map((it, i) => (
  • {it}
    • ))}
); const ResourceCallout = ({ text }) => (
{text}
); const ResourceTable = ({ columns, rows }) => (
{columns.map((col, i) => ( ))} {rows.map((row, i) => ( {row.map((cell, j) => ( ))} ))}
{col}
{cell}
); const ResourceImage = ({ src, alt, caption, maxWidth }) => (
{alt
{caption &&

{caption}

}
); const ResourceEmbed = ({ src, title }) => { const [height, setHeight] = React.useState(200); const ref = React.useRef(null); const syncHeight = React.useCallback(() => { try { const doc = ref.current && ref.current.contentDocument; if (doc) { const h = doc.documentElement.scrollHeight || doc.body.scrollHeight; if (h > 50) setHeight(h); } } catch(e) {} }, []); const handleLoad = React.useCallback(() => { syncHeight(); try { const win = ref.current && ref.current.contentWindow; if (win) { win.addEventListener('resize', syncHeight); if (win.ResizeObserver) { const ro = new win.ResizeObserver(syncHeight); ro.observe(ref.current.contentDocument.documentElement); } } } catch(e) {} // Re-check after fonts/images settle setTimeout(syncHeight, 300); setTimeout(syncHeight, 800); }, [syncHeight]); return (