/* global React, ReactDOM */ const { useState, useMemo, useEffect, useCallback } = React; const RESOURCES = window.RESOURCES; const TOPICS = window.TOPICS; const FORMATS = window.FORMATS; // ─── i18n ──────────────────────────────────────────────────── const LANG = (window.SITE_LANG === 'pl' || document.documentElement.lang === 'pl') ? 'pl' : 'en'; const BASE = LANG === 'pl' ? '/pl/' : '/'; const STR = { en: { nav: { whatwedo: 'What we do', how: 'How we work', results: 'Results', about: 'About', resources: 'Resources', book: 'Book a call', saved: 'Saved' }, heroEyebrow: 'Resources · Field notes from inside CEE leadership teams', heroLead: 'Years of running OKRs, clarification sprints, and leadership work inside Poland and CEE — written up plainly, for the people who have to make Monday happen.', stat1: 'Essays\n& field notes', stat2: 'Frameworks\nyou can use Monday', stat3: 'Inside CEE\nleadership teams', browseTopic: 'Browse by topic', byFormat: 'By format', searchPh: 'Search the field notes…', pieces: 'pieces', piecesOn: 'pieces on', clear: 'Clear', sortBy: 'Sort by', sortNew: 'Newest first', sortRead: 'Most read', sortShort: 'Shortest first', thisWeek: 'This week', minRead: 'min read', min: 'min', readEssay: 'Read the essay', readNow: 'Read it now', download: 'Download', watch: 'Watch', signUp: 'Sign up', fmtArticle: 'Article', fmtShort: '60s read', fmtTemplate: 'Framework', fmtVideo: 'Watch', fmtWebinar: 'Webinar', webinarLive: 'Live session', webinarCta: 'Reserve your spot', emptyTitle: 'Nothing matches that yet.', emptyBody1: 'Try widening the filters — or ', emptyBody2: 'clear them all', emptyBody3: '.', drawerEyebrow: 'Your reading list', drawerTitle: 'Saved for later', drawerEmpty: 'Nothing saved yet.', drawerEmptyHint: 'Tap the bookmark on any resource to build a list you can come back to.', drawerSend: 'Send the list to my inbox', drawerNote: 'We’ll send your saved items as a single email — no newsletter signup unless you ask for one.', convertEyebrow: 'Read enough?', convertTitle: 'The fastest way to know if we can help is a thirty-minute call.', convertLead: 'No pitch deck. No generic proposal. We’ll talk through what isn’t working in your leadership team — and tell you honestly whether we’re the right people for it.', convertCta: 'Book a discovery call', convertLink: 'or read how we work →', convertCardTitle: 'What you’ll leave with', convertP1: 'An honest read on whether your strategy actually has a chance of executing this quarter.', convertP2: 'One concrete thing you can change in next week’s leadership meeting.', convertP3: 'A clear no, if we’re not the right fit. We tell you. No follow-up sequence.', convertFoot: 'Response within one business day · support@leaveamark.xyz', footDesc: 'Boutique B2B consulting for leadership teams across Poland and CEE. Strategy, OKRs, execution — senior partners, always.', footLoc: 'Kraków, Poland', footResources: 'Resources', footCompany: 'Company', footContact: 'Contact', fl_all: 'All essays', fl_short: '60-second reads', fl_frame: 'Frameworks library', fl_video: 'Video & talks', privacy: 'Privacy', terms: 'Terms', cookies: 'Cookie settings', }, pl: { nav: { whatwedo: 'Co robimy', how: 'Jak pracujemy', results: 'Efekty', about: 'O nas', resources: 'Wiedza', book: 'Umów rozmowę', saved: 'Zapisane' }, heroEyebrow: 'Wiedza · Notatki z wnętrza zespołów liderskich w CEE', heroLead: 'Lata wdrażania OKR, sprintów porządkujących strategię i pracy z liderami w Polsce i regionie CEE — opisane prosto, dla tych, którzy muszą dowieźć poniedziałek.', stat1: 'Eseje\ni notatki', stat2: 'Frameworki\ngotowe na poniedziałek', stat3: 'Wewnątrz zespołów\nliderskich w CEE', browseTopic: 'Przeglądaj po temacie', byFormat: 'Po formacie', searchPh: 'Szukaj w notatkach…', pieces: 'materiałów', piecesOn: 'materiałów o', clear: 'Wyczyść', sortBy: 'Sortuj', sortNew: 'Najnowsze', sortRead: 'Najczęściej czytane', sortShort: 'Najkrótsze', thisWeek: 'W tym tygodniu', minRead: 'min czytania', min: 'min', readEssay: 'Przeczytaj esej', readNow: 'Przeczytaj teraz', download: 'Pobierz', watch: 'Obejrzyj', signUp: 'Zapisz się', fmtArticle: 'Artykuł', fmtShort: 'Krótkie', fmtTemplate: 'Framework', fmtVideo: 'Wideo', fmtWebinar: 'Webinar', webinarLive: 'Sesja na żywo', webinarCta: 'Zarezerwuj miejsce', emptyTitle: 'Nic tu jeszcze nie pasuje.', emptyBody1: 'Spróbuj poszerzyć filtry — albo ', emptyBody2: 'wyczyść wszystkie', emptyBody3: '.', drawerEyebrow: 'Twoja lista do czytania', drawerTitle: 'Zapisane na później', drawerEmpty: 'Nic jeszcze nie zapisano.', drawerEmptyHint: 'Kliknij zakładkę przy dowolnym materiale, by zbudować listę, do której wrócisz.', drawerSend: 'Wyślij listę na mój e-mail', drawerNote: 'Wyślemy zapisane materiały w jednym mailu — bez zapisu do newslettera, chyba że o niego poprosisz.', convertEyebrow: 'Wystarczy czytania?', convertTitle: 'Najszybszy sposób, by sprawdzić, czy możemy pomóc, to 30-minutowa rozmowa.', convertLead: 'Bez prezentacji. Bez ogólnej oferty. Porozmawiamy o tym, co nie działa w Twoim zespole liderskim — i szczerze powiemy, czy jesteśmy właściwymi ludźmi.', convertCta: 'Umów konsultację', convertLink: 'albo zobacz, jak pracujemy →', convertCardTitle: 'Z czym wyjdziesz', convertP1: 'Szczerą ocenę, czy Twoja strategia ma realną szansę na egzekucję w tym kwartale.', convertP2: 'Jedną konkretną rzecz do zmiany na kolejnym spotkaniu zespołu.', convertP3: 'Jasne „nie", jeśli nie pasujemy. Powiemy to wprost. Bez sekwencji follow-upów.', convertFoot: 'Odpowiedź w jeden dzień roboczy · support@leaveamark.xyz', footDesc: 'Butikowe doradztwo B2B dla zespołów liderskich w Polsce i regionie CEE. Strategia, OKR, egzekucja — zawsze starsi partnerzy.', footLoc: 'Kraków, Polska', footResources: 'Wiedza', footCompany: 'Firma', footContact: 'Kontakt', fl_all: 'Wszystkie eseje', fl_short: 'Krótkie teksty', fl_frame: 'Biblioteka frameworków', fl_video: 'Wideo i wystąpienia', privacy: 'Prywatność', terms: 'Regulamin', cookies: 'Ustawienia cookies', topicLabel: { All: 'Wszystkie', Strategy: 'Strategia', OKRs: 'OKR', Leadership: 'Przywództwo', Execution: 'Egzekucja', CEE: 'CEE' }, } }; const topicLabel = (tp) => (S.topicLabel && S.topicLabel[tp]) || tp; const S = STR[LANG]; const FORMAT_LABEL = { article: S.fmtArticle, short: S.fmtShort, template: S.fmtTemplate, video: S.fmtVideo, webinar: S.fmtWebinar, }; // ─── Hero ──────────────────────────────────────────────────── const HERO = { eyebrow: S.heroEyebrow, title: LANG === 'pl' ? (<>Strategia
bez
prezentacji.) : (<>Strategy
without the
slide deck.), lead: S.heroLead, }; // ─── Bookmark hook ─────────────────────────────────────────── function useBookmarks() { const [saved, setSaved] = useState(() => { try { return JSON.parse(localStorage.getItem('lam_saved') || '[]'); } catch { return []; } }); useEffect(() => { localStorage.setItem('lam_saved', JSON.stringify(saved)); }, [saved]); const toggle = useCallback((id) => { setSaved((s) => s.includes(id) ? s.filter((x) => x !== id) : [...s, id]); }, []); return { saved, toggle }; } // ─── Icons ─────────────────────────────────────────────────── const Icon = { Bookmark: ({ filled }) => ( ), Play: () => ( ), Download: () => ( ), Clock: () => ( ), ArrowRight: () => ( ), Close: () => ( ), Calendar: () => ( ), Search: () => ( ), }; // ─── Bookmark button ───────────────────────────────────────── function BookmarkBtn({ id, saved, toggle, mode = 'card' }) { const isSaved = saved.includes(id); return ( ); } // ─── Cards ─────────────────────────────────────────────────── function FeaturedCard({ item, saved, toggle }) { return (
This week № 47
{item.image ? ( {item.title} ) : ( M )}
{item.type === 'webinar' && <>{FORMAT_LABEL.webinar}·} {topicLabel(item.topic)} · {item.type === 'webinar' ? ( {item.eventDate || item.date} ) : ( {item.minutes} {S.minRead} )} {item.type !== 'webinar' && <>·{item.date}}

{item.title}

{item.dek}

{item.authorImg ? {item.author} : item.author.split(' ').map(w=>w[0]).join('')}
{item.author}
{item.role}
{item.type === 'webinar' ? S.webinarCta : S.readEssay}
); } function ArticleCard({ item, saved, toggle }) { return (
{item.image && ( )}
{topicLabel(item.topic)}

{item.title}

{item.dek}

{FORMAT_LABEL.article} {item.minutes} {S.min} {item.author}
); } function ShortCard({ item, saved, toggle }) { return (
{topicLabel(item.topic)}
60sec

{item.title}

{item.dek}

{FORMAT_LABEL.short} {S.readNow}
); } function TemplateCard({ item, saved, toggle }) { return (
{topicLabel(item.topic)}

{item.title}

{item.dek}

{FORMAT_LABEL.template} {item.format} {S.download}
); } function WebinarCard({ item, saved, toggle }) { return (
{item.image ? ( ) : ( )}
{S.webinarLive}
{topicLabel(item.topic)}

{item.title}

{item.dek}

{FORMAT_LABEL.webinar} {item.eventDate || item.date} {S.webinarCta}
); } function VideoCard({ item, saved, toggle }) { return (
{item.duration}
{topicLabel(item.topic)}

{item.title}

{item.dek}

{FORMAT_LABEL.video}
); } function ResourceCard({ item, saved, toggle }) { switch (item.type) { case 'short': return ; case 'template': return ; case 'video': return ; case 'webinar': return ; default: return ; } } // ─── Saved drawer ──────────────────────────────────────────── function SavedDrawer({ open, onClose, saved, toggle }) { const items = saved.map((id) => RESOURCES.find((r) => r.id === id)).filter(Boolean); return ( <>
); } // ─── Main app ──────────────────────────────────────────────── function App() { const [topic, setTopic] = useState('All'); const [format, setFormat] = useState('all'); const [query, setQuery] = useState(''); const [drawerOpen, setDrawerOpen] = useState(false); const [menuOpen, setMenuOpen] = useState(false); const { saved, toggle } = useBookmarks(); // The featured "lead story" is pinned in the hero, independent of filters. const featured = useMemo(() => RESOURCES.find((r) => r.featured) || RESOURCES[0], []); const filtered = useMemo(() => { return RESOURCES.filter((r) => { if (topic !== 'All' && r.topic !== topic) return false; if (format !== 'all' && r.type !== format) return false; if (query) { const q = query.toLowerCase(); if (!r.title.toLowerCase().includes(q) && !r.dek.toLowerCase().includes(q)) return false; } return true; }); }, [topic, format, query]); const filtering = topic !== 'All' || format !== 'all' || !!query; const rest = filtered.filter((r) => !featured || r.id !== featured.id); const counts = useMemo(() => { const c = { all: RESOURCES.length }; FORMATS.forEach((f) => { if (f.id !== 'all') c[f.id] = RESOURCES.filter((r) => r.type === f.id).length; }); return c; }, []); const hero = HERO; return ( <> {/* NAV */} {/* MOBILE NAV DRAWER (matches the rest of the site) */} {/* HERO — editorial, content-first: compact header + featured lead story */}
{hero.eyebrow}

{hero.title}

{hero.lead}

{RESOURCES.length}
{S.stat1.split('\n').map((l,i)=>({i>0&&
}{l}))}
18{LANG==='pl'?'lat':'yr'}
{S.stat3.split('\n').map((l,i)=>({i>0&&
}{l}))}
40+
{LANG==='pl'?(<>Firm B2B
w regionie CEE):(<>B2B companies
served)}
{featured && }
{/* Toolbar + grid only when there's more than the featured lead story */} {RESOURCES.length > 1 && (<> {/* FILTER TOOLBAR — demoted to a slim secondary control */}
{TOPICS.map((tp) => ( ))}
{filtering && ( )}
{/* GRID */}
{rest.length} {topic === 'All' ? S.pieces : <>{S.piecesOn} {topicLabel(topic)}} {format !== 'all' && <> · {FORMATS.find((f) => f.id === format).label}}
{rest.length === 0 ? ( ) : (
{rest.map((item) => ( ))}
)}
)} {/* CONVERT */}
{S.convertEyebrow}

{S.convertTitle}

{S.convertLead}

{S.convertCardTitle}
  • {S.convertP1}
  • {S.convertP2}
  • {S.convertP3}
{S.convertFoot}
{/* FOOTER */} {/* DRAWER */} setDrawerOpen(false)} saved={saved} toggle={toggle} /> ); } ReactDOM.createRoot(document.getElementById('root')).render();