// webinar-detail.jsx — univerzální konverzní landing pro webináře/kurzy/školení // Vyhledá data z window.KH_WEBINARS podle ID v URL (page = 'kh-webinar-identita' apod.) const { useState: useStateWD, useRef: useRefWD, useEffect: useEffectWD } = React; // ──────────────────────────────────────────────── // Per-webinar contentové bloky. Stačí přidat klíč podle id webináře. // Univerzální fallback v `WD_DEFAULT` pokud nic není. // ──────────────────────────────────────────────── const WD_CONTENT = { 'identita': { promise: 'Po kurzu budeš vědět, jaké rozhodnutí stojí za každým prvkem značky — a jak je obhájit.', intro: 'Školení tě provede tím, jak postavit vizuální identitu, která značku skutečně podpoří — od strategie přes logo a typografii až po brand guidelines.\n\nSeznámíš se s tím, co vůbec značka je, jak se liší od vizuální identity a proč je tohle rozlišení fundamentální pro každé další rozhodnutí. Naučíš se postavit vizuální systém, který je víc než „hezké logo" — kostru, která drží značku pohromadě napříč kanály.\n\nUkážeme ti, jak vést design review a nebát se říct „tohle ne". Pochopíš, co patří do brand guidelines, jak je udržet živé a jak postupovat, když značka roste a guidelines začínají skřípat.\n\nKurz uzavře praktický workshop, kde si zkusíš mini-rebrand vlastní (nebo fiktivní) značky s přímým feedbackem od lektora.', audience: [ { who:'Majitelé firem', need:'kterým se značka „nějak vyvíjí" a chtějí v tom mít systém.' }, { who:'Marketéři in-house', need:'co chystají rebrand nebo brand refresh.' }, { who:'Designéři začínající', need:'kteří chtějí přejít z provedení k rozhodování.' }, { who:'Brand manažeři', need:'co spravují více značek a chtějí v tom mít jasný systém.' }, ], modules: [ { n:'01', t:'Co je značka, co je identita', d:'Slovník, který používá málokdo správně. Rozdíl mezi brandem, identitou a obalem — a proč je to fundamentální pro každé další rozhodnutí.' }, { n:'02', t:'Strategie před vizuálem', d:'Positioning, persona, tone of voice. Z čeho identita roste, jak jednotlivé vrstvy spolu souvisí a kde je nejčastější chyba v sekvenci.' }, { n:'03', t:'Logo, logotyp a značka', d:'Konstrukce, varianty, ochranné zóny, monogram, signet. Co testujeme, proč a co dělá logo trvanlivým a co naopak rychle stárne.' }, { n:'04', t:'Barevná paleta a typografie', d:'Primární, sekundární, accent. Pravidla pro kontrast a accessibility. Výběr písma, typographic scale, párování. Praktické příklady.' }, { n:'05', t:'Vizuální systém', d:'Grid, prvky, ikonografie, fotografie, ilustrace. Jak to celé poskládat dohromady tak, aby značka držela napříč kanály i autory.' }, { n:'06', t:'Brand guidelines + workshop', d:'Co patří do brand guidelines, jak je udržet živé a praktický mini-rebrand vlastní značky s feedbackem od lektora.' }, ], }, 'linkedin': { promise: 'Po kurzu budeš mít LinkedIn profil, který přitahuje příležitosti — a jasnou content rutinu.', intro: 'Školení tě provede tím, jak si na LinkedIn vybudovat profesní značku, která ti otevírá dveře — bez agentury, bez ghostwritera a bez „content kalendáře", který stejně nedodržíš.\n\nProjdeme si profil řádek po řádku — headline, bio, banner, foto. Ukážu ti, co algoritmus 2026 skutečně promuje, co je už jen šum a jak najít své téma, ve kterém můžeš mluvit autenticky a zároveň relevantně.\n\nUkážeme si formáty postů, které dnes opravdu fungují, kdy publikovat a jak reagovat. Společně postavíme 30denní plán obsahu, který je dostatečně malý na to, abys ho zvládl, a dostatečně velký, aby se začaly hýbat čísla.', audience: [ { who:'Manažeři a CEO', need:'co chtějí budovat osobní značku, ale neví od čeho začít.' }, { who:'B2B obchodníci', need:'co potřebují, aby si je lidi všímali — bez cold mailů.' }, { who:'Marketéři', need:'co řídí firemní LinkedIn a chtějí konečně mít výsledky.' }, { who:'Recruiteři a HR', need:'co staví na LinkedIn employer brand a hledají kandidáty.' }, ], modules: [ { n:'01', t:'Profil jako landing page', d:'Headline, bio, photo, banner. Co tam patří, proč a v jakém pořadí. Příklady, anti-patterny, konkrétní šablony.' }, { n:'02', t:'Personal vs. company', d:'Kde se vyplatí investovat čas a kde ne. Jak propojit firemní a osobní účet tak, aby se navzájem nesabotovaly.' }, { n:'03', t:'Algoritmus 2026', d:'Co LinkedIn skutečně promuje — data místo dojmů. Co se v posledním roce změnilo a co to znamená pro tvůj content plán.' }, { n:'04', t:'Témata a hlas', d:'Z čeho dlouhodobě těžit, jak najít svůj úhel pohledu a kdy se neostýchat sdílet i neúspěchy. Jak nepsat o všem.' }, { n:'05', t:'Formáty postů', d:'Text-only, carousel, video, články. Co funguje teď, co je už ztráta času a jak experimentovat tak, aby ses neztratil.' }, { n:'06', t:'Plán a rutina', d:'30 dní obsahu krok po kroku. Jak nepřepálit start, jak udržet kadenci a co dělat, když to týden nejde.' }, ], }, 'persony': { promise: 'Po kurzu už nikdy nezpleteš segmentaci s personou — a budeš vědět, co s každou v praxi.', intro: 'Školení ti dá jasný rámec, jak v marketingu pracovat s cílovými skupinami a personami — bez zbytečné teorie, ale s metodikou, která funguje na reálných projektech.\n\nProjdeme si slovník, který si lidé pletou, a vysvětlíme rozdíl mezi segmentem, cílovou skupinou, personou a JTBD. Ukážeme si, jak segmentovat tak, aby z toho vznikla opravdu použitelná persona, a jak ji postavit na výzkumu, ne na stereotypech.\n\nKurz uzavře praktická aplikace v týmu — jak personu používat, aby neskončila v šuplíku, jaké rituály a procesy zavést a jak se rozhodovat, když persona se segmentem nesouhlasí.', audience: [ { who:'Marketéři a PM', need:'kterým někdo řekl „udělejte si personu" a oni neví jak.' }, { who:'Stratégové', need:'co chtějí svoji práci podepřít daty, ne dojmy.' }, { who:'Zakladatelé', need:'kteří staví produkt a chtějí pochopit, pro koho.' }, { who:'Výzkumníci', need:'co chtějí výzkum přetavit do výstupu, který tým použije.' }, ], modules: [ { n:'01', t:'Slovník', d:'Segment, target group, persona, JTBD — co je co, kde se to plete a proč je rozlišení důležité pro každé rozhodnutí.' }, { n:'02', t:'Segmentace', d:'Demografická, behaviorální, psychografická, kontextová. Kdy která dává smysl a jak je kombinovat bez toho, aby z toho vznikl chaos.' }, { n:'03', t:'Výzkum bez budgetu', d:'Jak na to bez velkého budgetu — qualitative interview, mini-průzkumy, social listening. Co je signál a co šum.' }, { n:'04', t:'Tvorba persony', d:'Co tam patří, co ne. Anti-patterny, příklady dobrých a špatných person. Šablona, kterou skutečně používáme v agentuře.' }, { n:'05', t:'JTBD a use cases', d:'Job to be done jako kompletní rámec — kdy je výhodnější než persona, jak je propojit a jak z toho udělat brief pro tým.' }, { n:'06', t:'Použití v týmu', d:'Aby persona neskončila v šuplíku — proces, rituály, jak ji zapojit do produktových a marketingových rozhodnutí.' }, ], }, 'koncept': { promise: 'Po kurzu poznáš dobrý koncept od dobrého provedení — a budeš ho umět napsat.', intro: 'Školení tě naučí pracovat s kreativním konceptem na úrovni, která ti dovolí ho psát, posuzovat i obhájit. Bez floskulí, bez „intuice", ale s rámcem, který funguje.\n\nProjdeme, co koncept skutečně je, jak souvisí s positioning, claimem, taglinem a vizuálem. Ukážu ti, jak vypadá brief, ze kterého má smysl koncept stavět, a jak postupovat, když brief chybí nebo je zmatený.\n\nNakonec si zkusíš napsat vlastní koncept pro skutečnou (nebo fiktivní) značku, dostaneš zpětnou vazbu a naučíš se ho obhájit tak, aby prošel bez ředění při schvalování.', audience: [ { who:'Stratégové a kreativci', need:'co chtějí mít rámec pro práci s konceptem.' }, { who:'Marketing manažeři', need:'co posuzují koncepty od agentur a chtějí vědět co po nich chtít.' }, { who:'Zakladatelé', need:'co potřebují konzistentně komunikovat značku napříč.' }, { who:'Copywriteři', need:'co pracují s konceptem dennodenně a chtějí jej obhájit před klientem.' }, ], modules: [ { n:'01', t:'Co je koncept', d:'Definice, hierarchie, vztah k positioning, claim a tagline. Co je koncept a co už není — s konkrétními příklady ze značek.' }, { n:'02', t:'Brief', d:'Z čeho vychází koncept, jak vypadá dobrý brief a co dělat, když brief chybí. Šablona briefu, kterou si můžeš odnést.' }, { n:'03', t:'Tvorba', d:'Techniky a metody, které opravdu fungují — od asociačních cvičení po creative tension framework. Bez „brainstormů".' }, { n:'04', t:'Hodnocení konceptu', d:'Jak rozeznat dobrý koncept od dobrého provedení. Testovací kritéria, anti-patterny, jak nehodnotit „líbí/nelíbí".' }, { n:'05', t:'Obhajoba', d:'Jak prezentovat koncept tak, aby prošel bez ředění. Argumentace, vizuální storytelling, práce s námitkami.' }, { n:'06', t:'Praktická aplikace', d:'Workshop na vlastní (nebo zadané) značce s feedbackem. Konkrétní výstup, který si můžeš odnést k použití.' }, ], }, }; // Univerzální fallback const WD_DEFAULT_CONTENT = { promise: 'Po kurzu budeš mít praktické znalosti, které můžeš hned aplikovat ve vlastní práci.', intro: 'Školení tě provede tématem od základů až k pokročilým konceptům. Bez zbytečné teorie, s konkrétními příklady a praktickými cvičeními, která si můžeš odnést a hned použít.\n\nProjdeme všechny klíčové oblasti, ukážeme si nejčastější chyby a jak se jim vyhnout. Získáš nejen know-how, ale i šablony a postupy, které v agentuře skutečně používáme.', audience: [ { who:'Marketéři', need:'co chtějí svoji práci posunout o úroveň výš.' }, { who:'Manažeři', need:'kteří potřebují rozumět tomu, co po týmu chtějí.' }, { who:'Začátečníci', need:'co se chtějí dobře zorientovat v tématu.' }, { who:'Zakladatelé', need:'co marketing zatím dělají sami a chtějí se v tématu zorientovat.' }, ], modules: [], }; const WD_TESTIMONIALS = [ { name:'Marek Beneš', role:'CEO · Beneš & spol.', avatar:'./assets/team-misko.png', quote:'Konečně někdo, kdo to neřekne abstraktně, ale ukáže to na konkrétních příkladech. Tomáš má dar složitý problém vyložit tak, že to dává smysl. Po půl roce mi to pořád vrací investici a doporučuju každému, kdo to s marketingem myslí vážně.', }, { name:'Klára Vítková', role:'Marketing manažerka · TRINITY', avatar:'./assets/team-sara.png', quote:'Šla jsem s konkrétními otázkami a odešla s plánem, jak je vyřešit. Tomáš nemluví jenom o teorii, ale ukáže ti rovnou, jak to v praxi nastavit. Tohle školení by mělo být povinné pro každého, kdo má pod sebou marketing.', }, { name:'Petr Novotný', role:'CMO · BIDFOOD', avatar:'./assets/team-oto.png', quote:'Kurz mi nedal teorii — dal mi rámec, jak rozhodovat. To je 100× cennější. Hned po skončení jsem se vracel k záznamu a po týdnu jsme v týmu změnili tři zásadní procesy. Money well spent.', }, { name:'Eva Kopecká', role:'Brand managerka · Notino', avatar:'./assets/team-misa.png', quote:'Měla jsem strach, že to bude moc obecné. Není. Tomáš se opravdu ptá, co konkrétně řešíš, a feedback na cvičení je věcný, ne diplomatický. To je v dnešní době velmi vzácné.', }, { name:'Jakub Horák', role:'Founder · Roastery 22', avatar:'./assets/team-prokop.png', quote:'Jsem zakladatel, tedy marketéra hraju spíš ze zoufalství než z lásky. Tohle školení mi pomohlo přestat střílet naslepo. Teď mám systém, ve kterém se vyznám, a to za 12 měsíců spolupráce s agenturou nikdo neudělal.', }, { name:'Alice Pokorná', role:'CEO · Studio Aniny', avatar:'./assets/team-sara.png', quote:'Pár dní po školení jsem si přečetla své staré marketingové dokumenty a začala je škrtat. To je pro mě ten největší přínos — že vidím, co je nedotažené, a vím, co s tím. Doporučuji všem zakladatelům.', }, ]; // FAQ sjednocené se stránkou Kontakt — vyber odpovídá kurzu/webináři const WD_FAQ = [ { q:'Pro koho je tento kurz určen?', a:'Pro marketéry, manažery i začátečníky, kteří chtějí danému tématu lépe rozumět. Předpokládáme základní orientaci v marketingu, ne expertní znalosti. Pokud váháš, jestli je kurz pro tebe, napiš nám — rádi ti poradíme.', }, { q:'Bude k dispozici záznam?', a:'Ano. Všichni účastníci dostávají záznam celého kurzu po dobu 12 měsíců — můžeš se k němu vracet, kdykoliv budeš potřebovat osvěžit znalosti nebo si pustit konkrétní pasáž.', }, { q:'Mohu se zúčastnit, i když nestihnu živý termín?', a:'Ano, ale doporučujeme živou účast — můžeš se ptát, diskutovat s ostatními a získat zpětnou vazbu. Záznam funguje jako záloha pro ty, kdo nemohou stihnout konkrétní termín.', }, { q:'Vystavujete fakturu na firmu?', a:'Samozřejmě. Po odeslání rezervace si v dalším kroku vyžádáme fakturační údaje a fakturu pošleme do druhého dne. Standardně se splatností 14 dní.', }, { q:'Je možné dostat slevu pro tým?', a:'Ano — od 3 účastníků z jedné firmy nabízíme 15% slevu, od 5 účastníků 25%. Napiš nám na hello@justmighty.cz a dohodneme detail.', }, { q:'Co když mi to po prvním modulu nesedne?', a:'Garantujeme vrácení peněz do 7 dní od prvního setkání, bez otázek. Pokud zjistíš, že kurz není pro tebe, peníze obratem vrátíme.', }, ]; // ─── helpers ──────────────────────────────────── function wdFmtDate(d) { const days = ['ne','po','út','st','čt','pá','so']; const mons = ['ledna','února','března','dubna','května','června','července','srpna','září','října','listopadu','prosince']; return { wd: days[d.getDay()], day: d.getDate(), mon: mons[d.getMonth()], year: d.getFullYear(), hh: String(d.getHours()).padStart(2,'0'), mm: String(d.getMinutes()).padStart(2,'0'), }; } // ─── HERO ──────────────────────────────────────── function WdHero({ w, content, onScrollToForm }) { const next = w.sessions[0]; const f = next ? wdFmtDate(next.date) : null; return (
); } // ─── PROOF STRIP ───────────────────────────────── function WdProof() { return (
); } // ─── O KURZU + PRO KOHO (sloučené) ──────────────── function WdAbout({ content }) { const paragraphs = (content.intro || '').split('\n\n'); return (
● O kurzu

co tě čeká.

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

{p}

))}
); } // ─── PROGRAM (Co tě čeká + Co si odneseš sloučeno) ── function WdProgram({ content }) { if (!content.modules || !content.modules.length) return null; const modules = content.modules.slice(0, 6); return (
● Program kurzu

co se naučíš.

{modules.length} modulů, které tě dovedou od základů až k praxi.

    {modules.map((m, i) => (
  1. {m.n}

    {m.t}

    {m.d}

    2. ))}
); } // ─── LEKTOR ────────────────────────────────────── function WdLecturer({ w }) { const isUs = w.org.kind === 'us'; return (
{isUs ? '12 let v oboru' : 'partner Justmighty'}
● Tvůj lektor

{isUs ? <>Tomáš Pohl : <>Tým {w.org.full}}

{isUs ? ( <>

Tomáš Pohl je majitelem a zakladatelem kreativní agentury Justmighty. Tomáš je bývalým designérem a jeho agentura o 25 lidech má za sebou kampaně pro značky jako je Škoda Auto, Kofola, Notino, Nutrend, Gabriella Salvete a mnoho dalších.

Pečují o firmy a jejich značky už více než 10 let a zaměřují se zejména na tvorbu strategií, branding, web, kampaně a obsahový i výkonnostní marketing. Tomáš je také autorem a moderátorem marketingového podcastu 69 dní po splatnosti.

  • 500+ projektů
  • 25 lidí v agentuře
  • 12 let v oboru
  • Podcast 69 dní po splatnosti
) : ( <>

Kurz vede partnerský tým {w.org.full}. Justmighty zajišťuje organizaci, registraci a kvalitu obsahu.

  • Partner Justmighty
  • Roky zkušeností v oboru
  • Stovky absolventů kurzů
)}
); } // ─── TESTIMONIALY ──────────────────────────────── function WdQuotes() { return (
● Co říkají absolventi

tohle nám pošlou.

{WD_TESTIMONIALS.map((t, i) => (
{t.quote}
{t.name} {t.role}
))}
); } // ─── FAQ (sjednocené se stránkou Kontakt — kfaq) ── function WdFaq() { const [open, setOpen] = useStateWD(null); const half = Math.ceil(WD_FAQ.length / 2); const cols = [WD_FAQ.slice(0, half), WD_FAQ.slice(half)]; return (
● FAQ

časté otázky

Odpovědi na otázky, které dostáváme nejčastěji k registraci na kurz. Pokud tu tu svoji nenajdeš, napiš — odpovíme rádi.

{cols.map((col, ci) => (
    {col.map((item, i) => { const idx = ci * half + i; const isOpen = open === idx; return (

  • {item.a}

    • ); })}
))}
); } // ─── REGISTRAČNÍ FORMULÁŘ ──────────────────────── function WdForm({ w, formRef }) { const [selected, setSelected] = useStateWD(0); const [submitted, setSubmitted] = useStateWD(false); const handleSubmit = (e) => { e.preventDefault(); setSubmitted(true); }; return (
● Registrace

vyber termín a přihlas se.

Po odeslání ti pošleme potvrzení e-mailem do 10 minut. Místo je rezervované, jakmile máme údaje. Platbu doladíme spolu.

  • ✓ záznam celého kurzu na 12 měsíců
  • ✓ materiály a šablony ke stažení
  • ✓ certifikát o absolvování
  • ✓ 7denní záruka vrácení peněz
  • ✓ Q&A s lektorem během kurzu
  • ✓ sleva 15 % od 3 osob z firmy
{submitted ? (

Děkujeme!

Tvoji rezervaci jsme přijali. Do 10 minut ti přijde e-mail s potvrzením a platebními údaji.

) : ( <>
● vyber termín
{w.sessions.map((s, i) => { const sf = wdFmtDate(s.date); return ( ); })}
● tvoje údaje
Cena: {w.price} · {w.format}
)}
); } // ─── STICKY BAR ───────────────────────────────── function WdStickyBar({ w, onScrollToForm }) { const [show, setShow] = useStateWD(false); useEffectWD(() => { const onScroll = () => setShow(window.scrollY > 600); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return (
{w.title} {w.duration} · {w.format} · {w.price}
); } // ─── HLAVNÍ STRÁNKA ───────────────────────────── function WebinarDetailPage({ page, onNav }) { useReveal(); const id = (page || '').replace(/^kh-webinar-/, '').replace(/^webinar-/, ''); const w = (window.KH_WEBINARS || []).find(x => x.id === id); const formRef = useRefWD(null); if (!w) { return ( <>
● 404

Kurz nenalezen.

Zkus se vrátit na {e.preventDefault();onNav('knowhub');}} style={{color:'var(--coral)'}}>Knowhub a vybrat jiný kurz.