1<!DOCTYPE html> 2<html lang="en" 3 ><head 4 ><meta charSet="utf-8" 5 /><meta name="viewport" content="width=device-width, initial-scale=1" 6 /><link rel="preload" as="image" href="/logo_new.svg" 7 /><link rel="preload" as="image" href="/logo_footer.svg" 8 /><link rel="stylesheet" href="/assets/styles-1JmYSTR0.css" data-precedence="default" 9 /><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap" data-precedence="default" 10 /><title>Kurzy | Suzzie</title 11 ><meta name="author" content="Suzzie" 12 /><meta name="twitter:card" content="summary_large_image" 13 /><meta name="twitter:title" content="Suzzie.cz | Marketing, který je vidÄt na tržbách" 14 /><meta name="twitter:description" content="Marketingová agentura pro e-commerce. Výkon, obsah a e-mailing s reálným dopadem na byznys." 15 /><meta property="og:image" content="https://www.suzzie.cz/img/og-cover.png" 16 /><meta name="twitter:image" content="https://www.suzzie.cz/img/og-cover.png" 17 /><meta name="description" content="PÅehled kurzů Suzzie: Instagram Reels, influencer marketing, e-mailing, který vydÄlává, a kurz stÅihu videÃ. NauÄte se modernà marketing, který má reálný dopad na byznys." 18 /><meta property="og:title" content="Kurzy | Suzzie" 19 /><meta property="og:description" content="Online kurzy z oblasti sociálnÃch sÃtÃ, influencer marketingu, e-mailingu a stÅihu videÃ. Prakticky, srozumitelnÄ a bez zbyteÄné teorie." 20 /><meta property="og:url" content="https://www.suzzie.cz/kurzy" 21 /><meta property="og:type" content="website" 22 /><link rel="modulepreload" href="/assets/index-Dex8Q9Wm.js" 23 /><link rel="modulepreload" href="/assets/createLucideIcon-DII-hMfF.js" 24 /><link rel="modulepreload" href="/assets/kurzy.index-Cf9UOUbb.js" 25 /><link rel="modulepreload" href="/assets/Footer-cH5yxLCZ.js" 26 /><link rel="modulepreload" href="/assets/chart-column-Trs8haa2.js" 27 /><link rel="modulepreload" href="/assets/arrow-right-DtScCWoC.js" 28 /><link rel="modulepreload" href="/assets/book-open-1X_qffGf.js" 29 /><link rel="modulepreload" href="/assets/clapperboard-HIcPv4rg.js" 30 /><link rel="modulepreload" href="/assets/play-BCSHHKQZ.js" 31 /><link rel="modulepreload" href="/assets/star-iI5eSzba.js" 32 /><link rel="modulepreload" href="/assets/target-BrJ7kStv.js" 33 /><link rel="modulepreload" href="/assets/users-CyYtqkKi.js" 34 /><link rel="modulepreload" href="/assets/react-BnTktEIB.js" 35 /><link rel="modulepreload" href="/assets/emailing-hero.mp4.asset-BO2ql2Ol.js" 36 /><link rel="modulepreload" href="/assets/kurzy-hero.mov.asset-BbYCdRiC.js" 37 /><link rel="modulepreload" href="/assets/reel-gingershot.mp4.asset-COCP0W_3.js" 38 /><link rel="modulepreload" href="/assets/strih-videi-hero.mp4.asset-CqcW0-XL.js" 39 /><link rel="modulepreload" href="/assets/Media-BnLK9EtI.js" 40 /><link rel="icon" href="/favicon.svg?v=3" type="image/svg+xml" 41 /><link rel="icon" href="/favicon-32.png?v=3" type="image/png" sizes="32x32" 42 /><link rel="icon" href="/favicon-16.png?v=3" type="image/png" sizes="16x16" 43 /><link rel="icon" href="/favicon.ico?v=3" sizes="any" 44 /><link rel="apple-touch-icon" href="/apple-touch-icon.png?v=3" 45 /><link rel="preconnect" href="https://fonts.googleapis.com" 46 /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" 47 /><link rel="canonical" href="https://www.suzzie.cz/kurzy" 48 />
48<script type="application/ld+json">{"@context":"https://schema.org","@type":"ItemList","name":"Kurzy Suzzie","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Course","name":"Mini kurz E-mailing, který vydÄlává","url":"https://www.suzzie.cz/kurzy/emailing-vydelava","provider":{"@type":"Organization","name":"Suzzie"}}},{"@type":"ListItem","position":2,"item":{"@type":"Course","name":"Kurz Jak na Instagram Reels v dobÄ AI","url":"https://www.suzzie.cz/kurzy/jak-na-instagram-reels","provider":{"@type":"Organization","name":"Suzzie"}}},{"@type":"ListItem","position":3,"item":{"@type":"Course","name":"Mini kurz Influencer marketing jako systém","url":"https://www.suzzie.cz/kurzy/influencer-marketing","provider":{"@type":"Organization","name":"Suzzie"}}},{"@type":"ListItem","position":4,"item":{"@type":"Course","name":"Kurz stÅihu videÃ","url":"https://www.suzzie.cz/kurzy/strih-videi","provider":{"@type":"Organization","name":"Suzzie"}}}]}</script 49 ></head 50 ><body><!--$--><div class="min-h-screen bg-background text-foreground" 51 ><header class="fixed inset-x-0 top-0 z-50 transition-all duration-500 border-b border-transparent bg-transparent py-4" 52 ><div class="mx-auto flex max-w-[1400px] items-center justify-between gap-6 px-5 md:px-10" 53 ><a href="/" class="group shrink-0" 54 ><img src="/logo_new.svg" alt="Suzzie & team" class="h-7 w-auto md:h-9" 55 /></a 56 ><nav class="hidden items-center gap-9 lg:flex" 57 ><a href="/#prace" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">NaÅ¡i klienti</a 58 ><a href="/#reference" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">Reference</a 59 ><a href="/#sluzby" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">Služby</a 60 ><a class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange active" href="/kurzy" data-status="active" aria-current="page" 61 ><span class="inline-flex h-[22px] w-[22px] items-center justify-center rounded-full bg-orange/10" 62 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap h-3 w-3 text-orange" aria-hidden="true" 63 ><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z" 64 ></path 65 ><path d="M22 10v6" 66 ></path 67 ><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5" 68 ></path 69 ></svg 70 ></span>Online kurzy</a 71 ><a href="/ai-focus" class="group relative inline-flex items-center gap-1.5 text-[15px] font-semibold" 72 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-4 w-4 text-violet" aria-hidden="true" 73 ><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" 74 ></path 75 ><path d="M20 2v4" 76 ></path 77 ><path d="M22 4h-4" 78 ></path 79 ><circle cx="4" cy="20" r="2" 80 ></circle 81 ></svg 82 ><span class="text-gradient">AI focus</span 83 ><span class="absolute -bottom-1 left-0 h-[2px] w-full rounded-full bg-gradient-brand opacity-90" 84 ></span 85 ></a 86 ><a href="/#tym" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">Tým</a 87 ><a href="/blog" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">Blog</a 88 ><a href="/#kontakt" class="inline-flex items-center gap-2 text-[15px] font-medium text-foreground transition-colors hover:text-orange">Kontakt</a 89 ></nav 90 ><div class="hidden shrink-0 items-center gap-3 lg:flex" 91 ><a href="/#kontakt" class="inline-flex items-center rounded-full bg-orange px-[22px] py-[14px] text-sm font-semibold text-white shadow-[0_6px_18px_-8px_rgba(255,90,31,0.6)] transition-transform hover:scale-[1.03]">Domluvit konzultaci</a 92 ><a href="/muj-ucet/" title="Můj úÄet â pÅihlášenà ke kurzům" aria-label="Můj úÄet â pÅihlášenà ke kurzům" class="inline-flex h-[46px] w-[46px] items-center justify-center rounded-full border border-border bg-background text-foreground transition-colors hover:border-orange hover:text-orange" 93 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-user-round h-[21px] w-[21px]" aria-hidden="true" 94 ><path d="M18 20a6 6 0 0 0-12 0" 95 ></path 96 ><circle cx="12" cy="10" r="4" 97 ></circle 98 ><circle cx="12" cy="12" r="10" 99 ></circle 100 ></svg 101 ></a 102 ></div 103 ><div class="flex shrink-0 items-center gap-2.5 lg:hidden" 104 ><a href="/#kontakt" class="inline-flex items-center rounded-full bg-orange px-3.5 py-2.5 text-xs font-semibold text-white">Konzultace</a 105 ><a href="/muj-ucet/" aria-label="Můj úÄet â pÅihlášenà ke kurzům" class="flex h-10 w-10 items-center justify-center rounded-full border border-border bg-background text-foreground" 106 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-user-round h-[18px] w-[18px]" aria-hidden="true" 107 ><path d="M18 20a6 6 0 0 0-12 0" 108 ></path 109 ><circle cx="12" cy="10" r="4" 110 ></circle 111 ><circle cx="12" cy="12" r="10" 112 ></circle 113 ></svg 114 ></a 115 ><button type="button" aria-label="OtevÅÃt menu" aria-expanded="false" class="flex h-10 w-10 flex-col items-center justify-center gap-1 rounded-full border border-border bg-background" 116 >
116<span class="block h-[1.5px] w-4 rounded-full bg-foreground" 117 ></span 118 ><span class="block h-[1.5px] w-4 rounded-full bg-foreground" 119 ></span 120 ></button 121 ></div 122 ></div 123 ></header 124 ><main 125 ><section class="grain relative isolate overflow-hidden px-5 pb-14 pt-32 md:px-10 md:pb-20 md:pt-40" 126 ><div class="pointer-events-none absolute inset-0 -z-10" 127 ><div class="absolute inset-0 bg-[linear-gradient(180deg,#ffffff_0%,#fff5ee_18%,#faf0ff_60%,#ffffff_100%)]" 128 ></div 129 ><div class="absolute inset-0 opacity-[0.035]" style="background-image:linear-gradient(to right, currentColor 1px, transparent 1px), linear-gradient(to bottom, currentColor 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center, black 40%, transparent 75%)" 130 ></div 131 ></div 132 ><div class="mx-auto max-w-[1400px]" 133 ><div class="grid gap-10 lg:grid-cols-[1.4fr_1fr] lg:items-end" style="opacity:0;transform:translateY(24px)" 134 ><div 135 ><div class="mb-6 inline-flex items-center gap-2.5 rounded-full border border-orange/30 bg-orange/10 px-3.5 py-1.5" 136 ><span class="relative flex h-2 w-2" 137 ><span class="absolute inline-flex h-full w-full animate-ping rounded-full bg-orange opacity-75" 138 ></span 139 ><span class="relative inline-flex h-2 w-2 rounded-full bg-orange" 140 ></span 141 ></span 142 ><span class="text-[10px] font-bold uppercase tracking-[0.18em] text-orange">4 kurzy · edice 2026 · k dispozici online</span 143 ></div 144 ><h1 class="headline text-[clamp(2.8rem,6.5vw,5.5rem)] font-extrabold leading-[0.98] tracking-tight">Marketing, který<!-- --> <span class="relative inline-block" 145 ><span class="font-display italic text-gradient">funguje</span 146 ><svg aria-hidden="true" viewBox="0 0 300 12" class="absolute -bottom-2 left-0 h-3 w-full text-orange/60" preserveAspectRatio="none" 147 ><path d="M2 8 Q 75 2 150 6 T 298 4" stroke="currentColor" stroke-width="3" stroke-linecap="round" fill="none" 148 ></path 149 ></svg 150 ></span>.<br/>NauÄÃme vás jak.</h1 151 ><p class="mt-8 max-w-xl text-lg leading-relaxed text-muted-foreground">ÄtyÅi online kurzy, které Åešà reálné problémy Äeských znaÄek â od Reels a e-mailingu po stÅih a influencery. Bez teorie navÃc, s okamžitým pÅÃstupem.</p 152 ><div class="mt-10 flex flex-wrap items-center gap-3" 153 ><a href="#kurzy-grid" class="group inline-flex items-center gap-2 rounded-full bg-orange px-6 py-3.5 text-sm font-semibold text-white shadow-glow transition-all hover:scale-[1.03]">Prohlédnout kurzy<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true" 154 ><path d="M5 12h14" 155 ></path 156 ><path d="m12 5 7 7-7 7" 157 ></path 158 ></svg 159 ></a 160 ><a href="/#kontakt" class="inline-flex items-center gap-2 rounded-full border border-border px-6 py-3.5 text-sm font-semibold text-foreground transition-colors hover:border-orange/50 hover:text-orange">Firemnà školenà na mÃru</a 161 ></div 162 ></div 163 ><div class="grid grid-cols-2 gap-3" 164 ><div class="relative overflow-hidden rounded-2xl border p-5 backdrop-blur-sm border-orange/30 bg-orange/15" 165 ><div class="absolute -top-6 -right-6 h-24 w-24 rounded-full blur-2xl bg-orange/40" 166 ></div 167 ><div class="relative" 168 ><div class="headline text-4xl font-extrabold tracking-tight md:text-5xl">4</div 169 ><div class="mt-1 text-xs uppercase tracking-[0.14em] text-muted-foreground">online kurzy</div 170 ></div 171 ></div 172 ><div class="relative overflow-hidden rounded-2xl border p-5 backdrop-blur-sm border-violet/30 bg-violet/15" 173 ><div class="absolute -top-6 -right-6 h-24 w-24 rounded-full blur-2xl bg-violet/40" 174 ></div 175 ><div class="relative" 176 ><div class="headline text-4xl font-extrabold tracking-tight md:text-5xl">3 týdny</div 177 ><div class="mt-1 text-xs uppercase tracking-[0.14em] text-muted-foreground">mentoringu v cenÄ</div 178 ></div 179 ></div 180 ><div class="relative overflow-hidden rounded-2xl border p-5 backdrop-blur-sm border-violet/30 bg-violet/15" 181 ><div class="absolute -top-6 -right-6 h-24 w-24 rounded-full blur-2xl bg-violet/40" 182 ></div 183 ><div class="relative" 184 ><div class="headline text-4xl font-extrabold tracking-tight md:text-5xl">100 %</div 185 ><div class="mt-1 text-xs uppercase tracking-[0.14em] text-muted-foreground">praxe z ÄR trhu</div 186 ></div 187 ></div 188 ><div class="relative overflow-hidden rounded-2xl border p-5 backdrop-blur-sm border-orange/30 bg-orange/15" 189 ><div class="absolute -top-6 -right-6 h-24 w-24 rounded-full blur-2xl bg-orange/40" 190 ></div 191 ><div class="relative" 192 ><div class="headline text-4xl font-extrabold tracking-tight md:text-5xl">24/7</div 193 ><div class="mt-1 text-xs uppercase tracking-[0.14em] text-muted-foreground">pÅÃstup ke kurzům</div 194 ></div 195 ></div 196 ></div 197 ></div 198 ></div 199 ></section 200 ><section class="relative overflow-hidden bg-gradient-to-r from-orange to-violet py-5" 201 ><div class="flex animate-[marquee_38s_linear_infinite] gap-10 whitespace-nowrap text-white" 202 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 203 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 204 ></span>Kurz Jak na Instagram Reels v dobÄ AI</span 205 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 206 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 207 ></span>Mini kurz Influencer marketing jako systém</span 208 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 209 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 210 ></span>Mini kurz E-mailing, který vydÄlává</span 211 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 212 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 213 ></span>Kurz stÅihu videÃ</span 214 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 215 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 216 ></span>Online kurzy</span 217 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 218 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 219 ></span>Edice 2026</span 220 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 221 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 222 ></span>Praxe z Äeského trhu</span 223 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 224 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 225 ></span>Bez zbyteÄné teorie</span 226 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 227 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 228 ></span>Kurz Jak na Instagram Reels v dobÄ AI</span 229 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 230 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 231 ></span>Mini kurz Influencer marketing jako systém</span 232 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 233 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 234 ></span>Mini kurz E-mailing, který vydÄlává</span 235 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 236 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 237 ></span>Kurz stÅihu videÃ</span 238 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 239 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 240 ></span>Online kurzy</span 241 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 242 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 243 ></span>Edice 2026</span 244 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 245 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 246 ></span>Praxe z Äeského trhu</span 247 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 248 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 249 ></span>Bez zbyteÄné teorie</span 250 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 251 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 252 ></span>Kurz Jak na Instagram Reels v dobÄ AI</span 253 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 254 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 255 ></span>Mini kurz Influencer marketing jako systém</span 256 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 257 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 258 ></span>Mini kurz E-mailing, který vydÄlává</span 259 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 260 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 261 ></span>Kurz stÅihu videÃ</span 262 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 263 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 264 ></span>Online kurzy</span 265 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 266 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 267 ></span>Edice 2026</span 268 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 269 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 270 ></span>Praxe z Äeského trhu</span 271 ><span class="flex items-center gap-10 text-sm uppercase tracking-[0.22em]" 272 ><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-white/80" 273 ></span>Bez zbyteÄné teorie</span 274 ></div 275 ><style>@keyframes marquee { from { transform: translateX(0);} to { transform: translateX(-33.333%);} }</style 276 ></section 277 ><section id="kurzy-grid" class="px-5 py-14 md:px-10 md:py-20" 278 ><div class="mx-auto max-w-[1400px]" 279 ><div class="mb-12 flex flex-col items-start justify-between gap-4 md:flex-row md:items-end" 280 ><div 281 ><span class="eyebrow inline-flex items-center gap-2 rounded-full border border-violet/30 bg-violet/10 px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] text-violet">Katalog kurzů</span 282 ><h2 class="headline mt-5 max-w-2xl text-[clamp(2rem,4vw,3.4rem)] font-extrabold leading-[1.05] tracking-tight">Vyberte si téma, které vás<!-- --> <span class="text-gradient italic font-display">posune dál</span 283 ></h2 284 ></div 285 ><p class="max-w-sm text-sm leading-relaxed text-muted-foreground">Každý kurz je samostatný. Můžete zaÄÃt tÃm, který právÄ ÅeÅ¡Ãte, a dalšà si pÅidat kdykoli pozdÄji.</p 286 ></div 287 ><div class="grid gap-6 md:grid-cols-2" 288 ><div style="opacity:0;transform:translateY(24px)" 289 ><a href="/kurzy/emailing-vydelava" class="group relative flex h-full flex-col overflow-hidden rounded-[2rem] border p-7 text-foreground transition-all hover:-translate-y-1 md:p-9 border-black/5 hover:border-orange/40 hover:shadow-[0_30px_80px_-30px_rgba(255,107,53,0.35)]" 290 ><div class="absolute inset-0 -z-20 rounded-[2rem] bg-course-orange" 291 ></div 292 ><div class="relative flex items-center justify-between" 293 ><div class="flex items-center gap-3" 294 ><div class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-orange/15 text-orange" 295 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5" aria-hidden="true" 296 ><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" 297 ></path 298 ><rect x="2" y="4" width="20" height="16" rx="2" 299 ></rect 300 ></svg 301 ></div 302 ><div class="flex flex-col leading-none" 303 ><span class="mb-1 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground
303/55">Délka kurzu</span 304 ><span class="text-xs font-bold uppercase tracking-[0.14em] text-foreground/80 md:min-h-12 lg:min-h-8 xl:min-h-4">28 min 31 s<!-- --> ⢠9 modulů + úvod</span 305 ></div 306 ></div 307 ><span class="inline-flex items-center gap-1.5 rounded-full border border-orange/30 bg-white/70 px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.14em] text-orange" 308 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-3 w-3 fill-current" aria-hidden="true" 309 ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" 310 ></path 311 ></svg>Bestseller</span 312 ></div 313 ><h3 class="relative mt-8 text-[2.1rem] leading-[1.02] tracking-[-0.03em] text-foreground md:min-h-[4.08em] md:text-[2.75rem] lg:min-h-[3.06em] xl:min-h-[2.04em]" style="font-family:var(--font-sans);font-weight:500" 314 ><span class="italic text-orange" style="font-family:var(--font-display);font-weight:400">Mini kurz</span> <!-- -->E-mailing, který vydÄlává</h3 315 ><div class="relative mt-8 overflow-hidden rounded-[1.75rem] bg-black/5 ring-1 ring-black/10" 316 ><div class="relative aspect-[16/9]" 317 ><div class="relative h-full w-full overflow-hidden" 318 ><div aria-hidden="true" class="absolute inset-0 overflow-hidden" 319 ><div class="absolute inset-0 animate-pulse bg-[linear-gradient(135deg,#efeaf5_0%,#f6f2fa_50%,#efeaf5_100%)]" 320 ></div 321 ></div 322 ></div 323 ><div class="pointer-events-none absolute inset-0 flex items-center justify-center" 324 ><div class="flex h-14 w-14 scale-90 items-center justify-center rounded-full border border-white/30 bg-white/20 text-white opacity-0 backdrop-blur-md transition-all duration-300 group-hover:scale-100 group-hover:opacity-100" 325 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-6 w-6 fill-current" aria-hidden="true" 326 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 327 ></path 328 ></svg 329 ></div 330 ></div 331 ><span class="absolute left-3 top-3 rounded-full bg-white/95 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] shadow-sm backdrop-blur transition-colors text-orange">E-mailový marketing</span 332 ></div 333 ></div 334 ><p class="relative mt-7 text-base leading-relaxed text-foreground/80">PÅestaÅte posÃlat e-maily âprotože se to máâ. NauÄte se strategii, naÄasovánà a obsah, který z e-mailingu udÄlá prodejnà kanál.</p 335 ><ul class="relative mt-6 flex flex-wrap gap-2" 336 ><li class="rounded-full border border-orange/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Strategický framework</li 337 ><li class="rounded-full border border-orange/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Obsahový plán</li 338 ><li class="rounded-full border border-orange/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground
338/80">Pravidla mÄÅenÃ</li 339 ></ul 340 ><div class="relative mt-auto flex items-center gap-3 pt-8" 341 ><span class="border-b text-base font-semibold text-foreground transition-colors border-foreground/30 hover:border-foreground">OtevÅÃt kurz</span 342 ><div class="flex h-8 w-8 items-center justify-center rounded-full transition-transform duration-300 group-hover:translate-x-1.5 bg-orange text-white" 343 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" 344 ><path d="M5 12h14" 345 ></path 346 ><path d="m12 5 7 7-7 7" 347 ></path 348 ></svg 349 ></div 350 ></div 351 ></a 352 ></div 353 ><div style="opacity:0;transform:translateY(24px)" 354 ><a href="/kurzy/strih-videi" class="group relative flex h-full flex-col overflow-hidden rounded-[2rem] border p-7 text-foreground transition-all hover:-translate-y-1 md:p-9 border-black/5 hover:border-orange/40 hover:shadow-[0_30px_80px_-30px_rgba(255,107,53,0.35)]" 355 ><div class="absolute inset-0 -z-20 rounded-[2rem] bg-course-violet" 356 ></div 357 ><div class="relative flex items-center justify-between" 358 ><div class="flex items-center gap-3" 359 ><div class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-violet/15 text-violet" 360 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clapperboard h-5 w-5" aria-hidden="true" 361 ><path d="m12.296 3.464 3.02 3.956" 362 ></path 363 ><path d="M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3z" 364 ></path 365 ><path d="M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" 366 ></path 367 ><path d="m6.18 5.276 3.1 3.899" 368 ></path 369 ></svg 370 ></div 371 ><div class="flex flex-col leading-none" 372 ><span class="mb-1 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/55">Délka kurzu</span 373 ><span class="text-xs font-bold uppercase tracking-[0.14em] text-foreground/80 md:min-h-12 lg:min-h-8 xl:min-h-4">51 min 46 s<!-- --> ⢠5 modulů + úvod</span 374 ></div 375 ></div 376 ></div 377 ><h3 class="relative mt-8 text-[2.1rem] leading-[1.02] tracking-[-0.03em] text-foreground md:min-h-[4.08em] md:text-[2.75rem] lg:min-h-[3.06em] xl:min-h-[2.04em]" style="font-family:var(--font-sans);font-weight:500" 378 ><span class="italic text-violet" style="font-family:var(--font-display);font-weight:400">Kurz</span> <!-- -->stÅihu videÃ</h3 379 ><div class="relative mt-8 overflow-hidden rounded-[1.75rem] bg-black/5 ring-1 ring-black/10" 380 ><div class="relative aspect-[16/9]" 381 ><div class="relative h-full w-full overflow-hidden" 382 ><div aria-hidden="true" class="absolute inset-0 overflow-hidden" 383 ><div class="absolute inset-0 animate-pulse bg-[linear-gradient(135deg,#efeaf5_0%,#f6f2fa_50%,#efeaf5_100%)]" 384 ></div 385 ></div 386 ></div 387 ><div class="pointer-events-none absolute inset-0 flex items-center justify-center" 388 ><div class="flex h-14 w-14 scale-90 items-center justify-center rounded-full border border-white/30 bg-white/20 text-white opacity-0 backdrop-blur-md transition-all duration-300 group-hover:scale-100 group-hover:opacity-100" 389 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-6 w-6 fill-current" aria-hidden="true" 390 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 391 ></path 392 ></svg 393 ></div 394 ></div 395 ><span class="absolute left-3 top-3 rounded-full bg-white/95 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] shadow-sm backdrop-blur transition-colors text-violet">StÅih v CapCutu</span 396 ></div 397 ></div 398 ><p class="relative mt-7 text-base leading-relaxed text-foreground
398/80">TvoÅte videa, která držà pozornost od prvnà sekundy. Hooky, struktura, CapCut, workflow a produkÄnà checklisty pro každý formát.</p 399 ><ul class="relative mt-6 flex flex-wrap gap-2" 400 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Hook databáze</li 401 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Å ablony scénáÅů</li 402 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">ProdukÄnà checklist</li 403 ></ul 404 ><div class="relative mt-auto flex items-center gap-3 pt-8" 405 ><span class="border-b text-base font-semibold text-foreground transition-colors border-foreground/30 hover:border-foreground">OtevÅÃt kurz</span 406 ><div class="flex h-8 w-8 items-center justify-center rounded-full transition-transform duration-300 group-hover:translate-x-1.5 bg-violet text-white" 407 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" 408 ><path d="M5 12h14" 409 ></path 410 ><path d="m12 5 7 7-7 7" 411 ></path 412 ></svg 413 ></div 414 ></div 415 ></a 416 ></div 417 ><div style="opacity:0;transform:translateY(24px)" 418 ><a href="/kurzy/jak-na-instagram-reels" class="group relative flex h-full flex-col overflow-hidden rounded-[2rem] border p-7 text-foreground transition-all hover:-translate-y-1 md:p-9 border-black/5 hover:border-orange/40 hover:shadow-[0_30px_80px_-30px_rgba(255,107,53,0.35)]" 419 ><div class="absolute inset-0 -z-20 rounded-[2rem] bg-course-violet" 420 ></div 421 ><div class="relative flex items-center justify-between" 422 ><div class="flex items-center gap-3" 423 ><div class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-violet/15 text-violet" 424 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-5 w-5" aria-hidden="true" 425 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 426 ></path 427 ></svg 428 ></div 429 ><div class="flex flex-col leading-none" 430 ><span class="mb-1 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/55">Délka kurzu</span 431 ><span class="text-xs font-bold uppercase tracking-[0.14em] text-foreground/80 md:min-h-12 lg:min-h-8 xl:min-h-4">3 h</span 432 ></div 433 ></div 434 ></div 435 ><h3 class="relative mt-8 text-[2.1rem] leading-[1.02] tracking-[-0.03em] text-foreground md:min-h-[4.08em] md:text-[2.75rem] lg:min-h-[3.06em] xl:min-h-[2.04em]" style="font-family:var(--font-sans);font-weight:500" 436 ><span class="italic text-violet" style="font-family:var(--font-display);font-weight:400">Kurz</span> <!-- -->Jak na Instagram Reels v dobÄ AI</h3 437 ><div class="relative mt-8 overflow-hidden rounded-[1.75rem] bg-black/5 ring-1 ring-black/10" 438 ><div class="relative aspect-[16/9]" 439 ><div class="relative h-full w-full overflow-hidden" 440 ><div aria-hidden="true" class="absolute inset-0 overflow-hidden" 441 ><div class="absolute inset-0 animate-pulse bg-[linear-gradient(135deg,#efeaf5_0%,#f6f2fa_50%,#efeaf5_100%)]" 442 ></div 443 ></div 444 ></div 445 ><div class="pointer-events-none absolute inset-0 flex items-center justify-center" 446 ><div class="flex h-14 w-14 scale-90 items-center justify-center rounded-full border border-white/30 bg-white/20 text-white opacity-0 backdrop-blur-md transition-all duration-300 group-hover:scale-100 group-hover:opacity-100" 447 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-6 w-6 fill-current" aria-hidden="true" 448 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 449 ></path 450 ></svg 451 ></div 452 ></div 453 ><span class="absolute left-3 top-3 rounded-full bg-white/95 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] shadow-sm backdrop-blur transition-colors text-violet">Reels & TikTok</span 454 ></div 455 ></div 456 ><p class="relative mt-7 text-base leading-relaxed text-foreground
456/80">NauÄte se tvoÅit krátká videa, která zastavà scrollovánÃ, udržà pozornost a pÅivedou zákaznÃky. Prakticky, bez zbyteÄné teorie.</p 457 ><ul class="relative mt-6 flex flex-wrap gap-2" 458 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Struktura výkonného Reelu</li 459 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Trendy a zvuky</li 460 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">MÄÅenà a optimalizace</li 461 ></ul 462 ><div class="relative mt-auto flex items-center gap-3 pt-8" 463 ><span class="border-b text-base font-semibold text-foreground transition-colors border-foreground/30 hover:border-foreground">OtevÅÃt kurz</span 464 ><div class="flex h-8 w-8 items-center justify-center rounded-full transition-transform duration-300 group-hover:translate-x-1.5 bg-violet text-white" 465 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" 466 ><path d="M5 12h14" 467 ></path 468 ><path d="m12 5 7 7-7 7" 469 ></path 470 ></svg 471 ></div 472 ></div 473 ></a 474 ></div 475 ><div style="opacity:0;transform:translateY(24px)" 476 ><a href="/kurzy/influencer-marketing" class="group relative flex h-full flex-col overflow-hidden rounded-[2rem] border p-7 text-foreground transition-all hover:-translate-y-1 md:p-9 border-black/5 hover:border-orange/40 hover:shadow-[0_30px_80px_-30px_rgba(255,107,53,0.35)]" 477 ><div class="absolute inset-0 -z-20 rounded-[2rem] bg-course-violet" 478 ></div 479 ><div class="relative flex items-center justify-between" 480 ><div class="flex items-center gap-3" 481 ><div class="inline-flex h-10 w-10 items-center justify-center rounded-2xl bg-violet/15 text-violet" 482 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true" 483 ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" 484 ></path 485 ><path d="M16 3.128a4 4 0 0 1 0 7.744" 486 ></path 487 ><path d="M22 21v-2a4 4 0 0 0-3-3.87" 488 ></path 489 ><circle cx="9" cy="7" r="4" 490 ></circle 491 ></svg 492 ></div 493 ><div class="flex flex-col leading-none" 494 ><span class="mb-1 text-[10px] font-bold uppercase tracking-[0.2em] text-foreground/55">Délka kurzu</span 495 ><span class="text-xs font-bold uppercase tracking-[0.14em] text-foreground/80 md:min-h-12 lg:min-h-8 xl:min-h-4">29 min 50 s<!-- --> ⢠6 modulů + úvod</span 496 ></div 497 ></div 498 ></div 499 ><h3 class="relative mt-8 text-[2.1rem] leading-[1.02] tracking-[-0.03em] text-foreground md:min-h-[4.08em] md:text-[2.75rem] lg:min-h-[3.06em] xl:min-h-[2.04em]" style="font-family:var(--font-sans);font-weight:500" 500 ><span class="italic text-violet" style="font-family:var(--font-display);font-weight:400">Mini kurz</span> <!-- -->Influencer marketing jako systém</h3 501 ><div class="relative mt-8 overflow-hidden rounded-[1.75rem] bg-black/5 ring-1 ring-black/10" 502 ><div class="relative aspect-[16/9]" 503 ><div class="relative h-full w-full overflow-hidden" 504 ><div aria-hidden="true" class="absolute inset-0 overflow-hidden" 505 ><div class="absolute inset-0 animate-pulse bg-[linear-gradient(135deg,#efeaf5_0%,#f6f2fa_50%,#efeaf5_100%)]" 506 ></div 507 ></div 508 ></div 509 ><div class="pointer-events-none absolute inset-0 flex items-center justify-center" 510 ><div class="flex h-14 w-14 scale-90 items-center justify-center rounded-full border border-white/30 bg-white/20 text-white opacity-0 backdrop-blur-md transition-all duration-300 group-hover:scale-100 group-hover:opacity-100" 511 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-6 w-6 fill-current" aria-hidden="true" 512 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 513 ></path 514 ></svg 515 ></div 516 ></div 517 ><span class="absolute left-3 top-3 rounded-full bg-white/95 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] shadow-sm backdrop-blur transition-colors text-violet">Spolupráce s creatory</span 518 ></div 519 ></div 520 ><p class="relative mt-7 text-base leading-relaxed text-foreground
520/80">Transformujte influencer marketing v mÄÅitelný a Å¡kálovatelný kanál. VýbÄr creatorů, briefing, smlouvy, mÄÅenà a dlouhodobé vztahy.</p 521 ><ul class="relative mt-6 flex flex-wrap gap-2" 522 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Creator Partner Audit</li 523 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Strukturovaný brief</li 524 ><li class="rounded-full border border-violet/25 bg-white/70 px-3.5 py-1.5 text-xs font-medium text-foreground/80">Návrh smlouvy</li 525 ></ul 526 ><div class="relative mt-auto flex items-center gap-3 pt-8" 527 ><span class="border-b text-base font-semibold text-foreground transition-colors border-foreground/30 hover:border-foreground">OtevÅÃt kurz</span 528 ><div class="flex h-8 w-8 items-center justify-center rounded-full transition-transform duration-300 group-hover:translate-x-1.5 bg-violet text-white" 529 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" 530 ><path d="M5 12h14" 531 ></path 532 ><path d="m12 5 7 7-7 7" 533 ></path 534 ></svg 535 ></div 536 ></div 537 ></a 538 ></div 539 ></div 540 ></div 541 ></section 542 ><section class="px-5 py-8 md:px-10 md:py-12" 543 ><div class="relative mx-auto max-w-[1400px] overflow-hidden rounded-[2rem] border border-border bg-gradient-to-br from-violet/8 via-card to-orange/8 p-8 md:p-14" 544 ><div class="pointer-events-none absolute -top-24 -left-24 h-72 w-72 rounded-full bg-violet/15 blur-[120px]" 545 ></div 546 ><div class="pointer-events-none absolute -bottom-24 -right-24 h-72 w-72 rounded-full bg-orange/15 blur-[120px]" 547 ></div 548 ><div class="mx-auto max-w-3xl text-center" 549 ><div class="mx-auto text-center max-w-3xl" 550 ><span class="eyebrow inline-flex items-center gap-2 rounded-full border px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] border-violet/30 bg-violet/10 text-violet">ProÄ se uÄit u nás</span 551 ><h2 class="headline mt-5 text-[clamp(2rem,4vw,3.4rem)] font-extrabold leading-[1.05] tracking-tight text-foreground ">Marketing, který dává smysl<br 552 /><span class="text-gradient italic font-display">v reálném byznysu</span 553 ></h2 554 ></div 555 ><p class="mx-auto mt-6 max-w-xl text-base leading-relaxed text-muted-foreground">NaÅ¡e kurzy nejsou teoretické pÅednášky. PÅinášÃme osvÄdÄené postupy, konkrétnà šablony a praktické nástroje, které můžete zaÄÃt použÃvat u své znaÄky nebo klientů okamžitÄ.</p 556 ></div 557 ><ul class="relative mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-4" 558 ><li class="group rounded-2xl border border-border bg-background/60 p-6 backdrop-blur-sm transition-all hover:-translate-y-1 hover:border-orange/40 hover:bg-background/80" 559 ><div class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-orange/10 text-orange transition-transform group-hover:scale-110" 560 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5" aria-hidden="true" 561 ><path d="M3 3v16a2 2 0 0 0 2 2h16" 562 ></path 563 ><path d="M18 17V9" 564 ></path 565 ><path d="M13 17V5" 566 ></path 567 ><path d="M8 17v-3" 568 ></path 569 ></svg 570 ></div 571 ><h4 class="text-lg font-semibold text-foreground">Praxe, ne teorie</h4 572 ><p class="mt-2 text-sm leading-relaxed text-muted-foreground">
572VÅ¡echny pÅÃklady a postupy vycházejà z reálných kampanà a dat z Äeského trhu.</p 573 ></li 574 ><li class="group rounded-2xl border border-border bg-background/60 p-6 backdrop-blur-sm transition-all hover:-translate-y-1 hover:border-orange/40 hover:bg-background/80" 575 ><div class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-orange/10 text-orange transition-transform group-hover:scale-110" 576 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-5 w-5" aria-hidden="true" 577 ><path d="M12 7v14" 578 ></path 579 ><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" 580 ></path 581 ></svg 582 ></div 583 ><h4 class="text-lg font-semibold text-foreground">Å ablony a checklisty</h4 584 ><p class="mt-2 text-sm leading-relaxed text-muted-foreground">
584Ke každému kurzu dostanete materiály, ke kterým se budete vracet i po Å¡kolenÃ.</p 585 ></li 586 ><li class="group rounded-2xl border border-border bg-background/60 p-6 backdrop-blur-sm transition-all hover:-translate-y-1 hover:border-orange/40 hover:bg-background/80" 587 ><div class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-orange/10 text-orange transition-transform group-hover:scale-110" 588 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target h-5 w-5" aria-hidden="true" 589 ><circle cx="12" cy="12" r="10" 590 ></circle 591 ><circle cx="12" cy="12" r="6" 592 ></circle 593 ><circle cx="12" cy="12" r="2" 594 ></circle 595 ></svg 596 ></div 597 ><h4 class="text-lg font-semibold text-foreground">MÄÅitelný výsledek</h4 598 ><p class="mt-2 text-sm leading-relaxed text-muted-foreground">UÄÃme vás nastavit kanály tak, aby jejich dopad Å¡lo vidÄt na tržbách a metrikách.</p 599 ></li 600 ><li class="group rounded-2xl border border-border bg-background/60 p-6 backdrop-blur-sm transition-all hover:-translate-y-1 hover:border-orange/40 hover:bg-background/80" 601 ><div class="mb-4 inline-flex h-11 w-11 items-center justify-center rounded-xl bg-orange/10 text-orange transition-transform group-hover:scale-110" 602 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-5 w-5" aria-hidden="true" 603 ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" 604 ></path 605 ><path d="M16 3.128a4 4 0 0 1 0 7.744" 606 ></path 607 ><path d="M22 21v-2a4 4 0 0 0-3-3.87" 608 ></path 609 ><circle cx="9" cy="7" r="4" 610 ></circle 611 ></svg 612 ></div 613 ><h4 class="text-lg font-semibold text-foreground">Pro marketéry i majitele</h4 614 ><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Kurzy jsou srozumitelné i bez letitých zkuÅ¡enostÃ, ale pÅÃnosné i pro zkuÅ¡ené týmy.</p 615 ></li 616 ></ul 617 ></div 618 ></section 619 ><section id="rezervace" class="px-5 py-8 md:px-10 md:py-12" 620 ><div class="mx-auto max-w-[1400px]" 621 ><div class="mx-auto text-center max-w-3xl" 622 ><span class="eyebrow inline-flex items-center gap-2 rounded-full border px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] border-violet/30 bg-violet/10 text-violet">Jak kurzy fungujÃ</span 623 ><h2 class="headline mt-5 text-[clamp(2rem,4vw,3.4rem)] font-extrabold leading-[1.05] tracking-tight text-foreground ">PÅihlaste se a zaÄnÄte<!-- --> <span class="text-gradient italic font-display">okamžitÄ</span 624 ></h2 625 ></div 626 ><div class="relative mt-14" 627 ><div aria-hidden="true" class="pointer-events-none absolute left-0 right-0 top-8 hidden h-px bg-gradient-to-r from-transparent via-border to-transparent lg:block" 628 ></div 629 ><ol class="relative grid gap-10 lg:grid-cols-3 lg:gap-8" 630 ><li class="relative flex flex-col items-center text-center" 631 ><div class="relative z-10 flex h-16 w-16 items-center justify-center rounded-full bg-background ring-1 ring-border text-orange" 632 ><span class="absolute inset-1 rounded-full bg-orange/10" 633 ></span 634 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open relative h-6 w-6" aria-hidden="true" 635 ><path d="M12 7v14" 636 ></path 637 ><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" 638 ></path 639 ></svg 640 ></div 641 ><div class="mt-6 flex items-baseline justify-center gap-3" 642 ><span class="font-display text-sm tracking-[0.3em] text-orange">KROK <!-- -->01</span 643 ><span class="h-px w-8 bg-border" 644 ></span 645 ></div 646 ><h3 class="mt-3 text-2xl font-semibold leading-tight">Vyberte si kurz</h3 647 ><p class="mt-3 max-w-sm text-sm leading-relaxed text-muted-foreground">ProjdÄte si program a materiály u kurzu, který Åešà to, co právÄ potÅebujete posu
647nout.</p 648 ></li 649 ><li class="relative flex flex-col items-center text-center" 650 ><div class="relative z-10 flex h-16 w-16 items-center justify-center rounded-full bg-background ring-1 ring-border text-violet" 651 ><span class="absolute inset-1 rounded-full bg-violet/10" 652 ></span 653 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play relative h-6 w-6" aria-hidden="true" 654 ><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" 655 ></path 656 ></svg 657 ></div 658 ><div class="mt-6 flex items-baseline justify-center gap-3" 659 ><span class="font-display text-sm tracking-[0.3em] text-violet">KROK <!-- -->02</span 660 ><span class="h-px w-8 bg-border" 661 ></span 662 ></div 663 ><h3 class="mt-3 text-2xl font-semibold leading-tight">ZÃskejte pÅÃstup online</h3 664 ><p class="mt-3 max-w-sm text-sm leading-relaxed text-muted-foreground">Kurz procházÃte vlastnÃm tempem. Máte pÅÃstup 24/7 z jakéhokoliv zaÅÃzenÃ.</p 665 ></li 666 ><li class="relative flex flex-col items-center text-center" 667 ><div class="relative z-10 flex h-16 w-16 items-center justify-center rounded-full bg-background ring-1 ring-border text-orange" 668 ><span class="absolute inset-1 rounded-full bg-orange/10" 669 ></span 670 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target relative h-6 w-6" aria-hidden="true" 671 ><circle cx="12" cy="12" r="10" 672 ></circle 673 ><circle cx="12" cy="12" r="6" 674 ></circle 675 ><circle cx="12" cy="12" r="2" 676 ></circle 677 ></svg 678 ></div 679 ><div class="mt-6 flex items-baseline justify-center gap-3" 680 ><span class="font-display text-sm tracking-[0.3em] text-orange">KROK <!-- -->03</span 681 ><span class="h-px w-8 bg-border" 682 ></span 683 ></div 684 ><h3 class="mt-3 text-2xl font-semibold leading-tight">Aplikujte hned v praxi</h3 685 ><p class="mt-3 max-w-sm text-sm leading-relaxed text-muted-foreground">Å ablony, checklisty a postupy nasadÃte u své znaÄky nebo klientů okamžitÄ po lekci.</p 686 ></li 687 ></ol 688 ></div 689 ><div class="mt-14 grid gap-6 lg:grid-cols-5" 690 ><div class="relative overflow-hidden rounded-[2rem] bg-[#0f0a1f] p-10 text-white shadow-[0_40px_80px_-40px_rgba(122,0,240,0.45)] md:p-12 lg:col-span-3" 691 ><div class="pointer-events-none absolute -top-24 -right-16 h-72 w-72 rounded-full bg-violet/40 blur-[110px]" 692 ></div 693 ><div class="pointer-events-none absolute -bottom-32 -left-10 h-72 w-72 rounded-full bg-orange/25 blur-[110px]" 694 ></div 695 ><div class="relative flex flex-col gap-8" 696 ><div class="max-w-lg" 697 ><span class="inline-flex items-center gap-2 rounded-full border border-white/15 bg-white/5 px-4 py-1.5 font-mono text-[11px] uppercase tracking-[0.28em] text-white/70" 698 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-3.5 w-3.5" aria-hidden="true" 699 ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" 700 ></path 701 ><path d="M16 3.128a4 4 0 0 1 0 7.744" 702 ></path 703 ><path d="M22 21v-2a4 4 0 0 0-3-3.87" 704 ></path 705 ><circle cx="9" cy="7" r="4" 706 ></circle 707 ></svg>Pro firmy</span 708 ><h3 class="mt-5 font-display text-3xl leading-[1.1] md:text-4xl">Firemnà školenÃ<!-- --> <span class="italic text-orange">na mÃru</span 709 ></h3 710 ><p class="mt-4 text-sm leading-relaxed text-white/70 md:text-base">PÅizpůsobÃme kurz vaÅ¡emu týmu, znaÄce a internÃm procesům â online, offline nebo hybridnÄ. Se skuteÄnými pÅÃklady z vaÅ¡eho oboru.</p 711 ></div 712 ><a href="/#kontakt" class="group inline-flex items-center gap-3 self-start rounded-full bg-white px-6 py-3 text-sm font-semibold text-[#0f0a1f] transition-all hover:bg-orange hover:text-white">Domluvit Å¡kolenÃ<span class="flex h-7 w-7 items-center justify-center rounded-full bg-[#0f0a1f] text-white transition-transform group-hover:translate-x-0.5 group-hover:bg-white group-hover:text-[#0f0a1f]" 713 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" 714 ><path d="M5 12h14" 715 ></path 716 ><path d="m12 5 7 7-7 7" 717 ></path 718 ></svg 719 ></span 720 ></a 721 ></div 722 ></div 723 ><div class="relative flex flex-col justify-between overflow-hidden rounded-[2rem] border border-dashed border-orange/40 bg-orange/5 p-8 md:p-10 lg:col-span-2" 724 ><div class="pointer-events-none absolute -top-10 -right-10 h-32 w-32 rounded-full bg-orange/20 blur-2xl" 725 ></div 726 ><div class="relative" 727 ><div class="inline-flex h-11 w-11 items-center justify-center rounded-2xl bg-orange text-white" 728 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-5 w-5" aria-hidden="true" 729 ><circle cx="18" cy="5" r="3" 730 ></circle 731 ><circle cx="6" cy="12" r="3" 732 ></circle 733 ><circle cx="18" cy="19" r="3" 734 ></circle 735 ><line x1="8.59" x2="15.42" y1="13.51" y2="17.49" 736 ></line 737 ><line x1="15.41" x2="8.59" y1="6.51" y2="10.49" 738 ></line 739 ></svg 740 ></div 741 ><h3 class="mt-5 text-xl font-semibold">DoporuÄte kurz dál</h3 742 ><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Znáte nÄkoho, komu by naÅ¡e kurzy pomohly? SdÃlejte odkaz kolegům nebo klientům.</p 743 ></div 744 ><div class="relative mt-6 flex flex-wrap gap-3" 745 ><button class="inline-flex items-center gap-2 rounded-full bg-violet px-5 py-2.5 text-sm font-semibold text-white shadow-soft transition-all hover:scale-[1.03] hover:shadow-lg active:scale-95" 746 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4" aria-hidden="true" 747 ><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" 748 ></path 749 ></svg>SdÃlet na Facebooku</button 750 ><button id="instagram-share-btn" class="inline-flex items-center gap-2 rounded-full bg-orange px-5 py-2.5 text-sm font-semibold text-white shadow-soft transition-all hover:scale-[1.03] hover:shadow-lg active:scale-95" 751 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4" aria-hidden="true" 752 ><rect width="20" height="20" x="2" y="2" rx="5" ry="5" 753 ></rect 754 ><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" 755 ></path 756 ><line x1="17.5" x2="17.51" y1="6.5" y2="6.5" 757 ></line 758 ></svg>SdÃlet na Instagramu</button 759 ></div 760 ></div 761 ></div 762 ></div 763 ></section 764 ><section class="px-5 pb-12 md:px-10" 765 ><div class="relative mx-auto max-w-[1400px] overflow-hidden rounded-[2.5rem] border border-border bg-background px-8 py-16 text-center shadow-soft md:py-20" 766 ><div class="absolute -top-24 -right-24 h-96 w-96 rounded-full bg-orange/10 blur-[100px]" 767 ></div 768 ><div class="absolute -bottom-24 -left-24 h-96 w-96 rounded-full bg-violet/10 blur-[100px]" 769 ></div 770 ><div class="relative z-10" 771 ><h2 class="font-display mx-auto max-w-3xl text-3xl leading-[1.1] tracking-tight text-foreground md:text-5xl">Vyberte si kurz, který vás posune.<!-- --> <span class="text-gradient italic font-display">Marketing se uÄà v praxi</span> <!-- -->â my vám ukážeme jak.</h2 772 >
772<a href="#kurzy-grid" class="group mt-8 inline-flex items-center gap-2 rounded-full bg-foreground px-7 py-4 text-sm font-semibold text-background shadow-lg transition-all hover:scale-[1.03] hover:bg-foreground/90 active:scale-95">Mám zájem o kurz<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform group-hover:translate-x-1" aria-hidden="true" 773 ><path d="M5 12h14" 774 ></path 775 ><path d="m12 5 7 7-7 7" 776 ></path 777 ></svg 778 ></a 779 ></div 780 ><div class="absolute bottom-0 right-0 p-1" 781 ><div class="h-1 w-16 rounded-full bg-gradient-to-r from-orange to-violet opacity-20" 782 ></div 783 ></div 784 ></div 785 ></section 786 ></main 787 ><footer class="relative isolate overflow-hidden border-t border-white/5 bg-ink text-white/70" 788 ><div aria-hidden="true" class="pointer-events-none absolute -top-32 right-[-10%] h-[520px] w-[520px] rounded-full bg-violet/25 blur-[160px]" 789 ></div 790 ><div aria-hidden="true" class="pointer-events-none absolute bottom-[-20%] left-[-10%] h-[460px] w-[460px] rounded-full bg-orange/20 blur-[160px]" 791 ></div 792 ><div class="relative mx-auto max-w-[1400px] px-5 md:px-10" 793 ><div class="grid gap-12 py-14 md:grid-cols-12 md:gap-10 md:py-16" 794 ><div class="md:col-span-6" 795 ><div class="flex items-center gap-3" 796 ><div class="leading-none" 797 ><img src="/logo_footer.svg" alt="Suzzie & team" class="h-11 w-auto" 798 /></div 799 ></div 800 ><p class="mt-6 max-w-sm text-base leading-relaxed text-white/70">Výkonnostnà a obsahový marketing pro e-shopy a znaÄky, které chtÄjà růst.<br/>PPC · META · Social · E-mailing</p 801 ><div class="mt-6 flex items-center gap-5" 802 ><a href="https://www.facebook.com/suzzie.cz/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="text-white/55 transition hover:text-orange" 803 ><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5" 804 ><path d="M9.198 21.5h4v-8.01h3.604l.396-3.98h-4V7.5a1 1 0 011-1h3v-4h-3a5 5 0 00-5 5v2.99h-3v4h3v8.01z" 805 ></path 806 ></svg 807 ></a 808 ><a href="https://www.instagram.com/suzzie_cz/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="text-white/55 transition hover:text-orange" 809 ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5" 810 ><rect x="2" y="2" width="20" height="20" rx="5" ry="5" 811 ></rect 812 ><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z" 813 ></path 814 ><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" 815 ></line 816 ></svg 817 ></a 818 ><a href="https://www.linkedin.com/company/34595426/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="text-white/55 transition hover:text-orange" 819 ><svg viewBox="0 0 24 24" fill="currentColor" class="h-5 w-5" 820 ><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" 821 ></path 822 ></svg 823 ></a 824 ></div 825 ></div 826 ><div class="md:col-span-3" 827 ><h4 class="mb-5 text-sm font-semibold uppercase tracking-[0.2em] text-orange">Navigace</h4 828 ><ul class="space-y-3" 829 ><li 830 ><a href="/#sluzby" class="text-base text-white/75 transition hover:text-white">Služby</a 831 ></li 832 ><li 833 ><a href="/#kurzy" class="text-base text-white/75 transition hover:text-white">Online kurzy</a 834 ></li 835 ><li 836 ><a href="/#reference" class="text-base text-white/75 transition hover:text-white">Reference</a 837 ></li 838 ><li 839 ><a href="/blog" class="text-base text-white/75 transition hover:text-white">Blog</a 840 ></li 841 ><li 842 ><a href="/#kontakt" class="text-base text-white/75 transition hover:text-white">Kontakt</a 843 ></li 844 ><li 845 ><a href="/ochrana-osobnich-udaju" class="text-base text-white/75 transition hover:text-white">Ochrana soukromÃ</a 846 ></li 847 ><li 848 ><button type="button" class="text-base text-white/75 transition hover:text-white">Nastavenà cookies</button 849 ></li 850 ></ul 851 ></div 852 ><div class="md:col-span-3" 853 ><h4 class="mb-5 text-sm font-semibold uppercase tracking-[0.2em] text-orange">Kontakt</h4 854 ><ul class="space-y-4" 855 ><li 856 ><a href="mailto:[email protected]" class="group flex items-center gap-3 text-base text-white/80 transition hover:text-orange" 857 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5 text-orange/70" aria-hidden="true" 858 ><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7" 859 ></path 860 ><rect x="2" y="4" width="20" height="16" rx="2" 861 ></rect 862 ></svg>
862[email protected]</a 863 ></li 864 ><li 865 ><a href="tel:+420771177011" class="group flex items-center gap-3 text-base text-white/80 transition hover:text-orange" 866 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-5 w-5 text-orange/70" aria-hidden="true" 867 ><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" 868 ></path 869 ></svg>+420 771 177 011</a 870 ></li 871 ><li class="flex items-center gap-3 text-base text-white/70" 872 ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin h-5 w-5 text-orange/70" aria-hidden="true" 873 ><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" 874 ></path 875 ><circle cx="12" cy="10" r="3" 876 ></circle 877 ></svg>Brno · Praha · celá ÄR</li 878 ></ul 879 ></div 880 ></div 881 ><div class="border-t border-white/10 py-6" 882 ><div class="flex flex-col gap-4 md:flex-row md:items-start md:justify-between" 883 ><div class="space-y-2 text-base text-white/70" 884 ><p class="flex items-center gap-2" 885 ><svg class="h-5 w-5 text-orange/70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" 886 ><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" 887 ></path 888 ><circle cx="12" cy="7" r="4" 889 ></circle 890 ></svg>Marketingová agentura Suzzie s.r.o.</p 891 ><p class="flex items-center gap-2" 892 ><svg class="h-5 w-5 text-orange/70" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" 893 ><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" 894 ></path 895 ><polyline points="14 2 14 8 20 8" 896 ></polyline 897 ><line x1="16" y1="13" x2="8" y2="13" 898 ></line 899 ><line x1="16" y1="17" x2="8" y2="17" 900 ></line 901 ></svg>IÄ: 09726349, DIÄ: CZ09726349</p 902 ></div 903 ><p class="max-w-md text-sm leading-relaxed text-white/50">SpoleÄnost zapsána v obchodnÃm rejstÅÃku se sÃdlem Lipová 1747/11, 664 91 IvanÄice pod spisovou znaÄkou C 120280/KSBR u Krajského soudu v BrnÄ.</p 904 ></div 905 ></div 906 ><div class="flex flex-col gap-3 border-t border-white/10 py-6 text-sm text-white/50 md:flex-row md:items-center md:justify-between" 907 ><span>© <!-- -->2026<!-- --> Suzzie s.r.o.</span 908 ><a href="https://klapuch.studio" target="_blank" rel="noopener noreferrer" class="text-[13px] tracking-[-0.01em] text-white/45 transition hover:text-white/70">na tomto webu se podÃlelo<!-- --> <strong class="font-semibold tracking-[-0.04em] text-white/90">klapuch<span style="color:#c9ff3d">/</span>studio</strong 909 ></a 910 ></div 911 ></div 912 ></footer 913 ></div 914 >
914<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
914<!--/$-->
914<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-Dex8Q9Wm.js","/assets/createLucideIcon-DII-hMfF.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-Dex8Q9Wm.js"}}]},"/kurzy/":$R[8]={preloads:$R[9]=["/assets/kurzy.index-Cf9UOUbb.js","/assets/Footer-cH5yxLCZ.js","/assets/chart-column-Trs8haa2.js","/assets/arrow-right-DtScCWoC.js","/assets/book-open-1X_qffGf.js","/assets/clapperboard-HIcPv4rg.js","/assets/play-BCSHHKQZ.js","/assets/star-iI5eSzba.js","/assets/target-BrJ7kStv.js","/assets/users-CyYtqkKi.js","/assets/react-BnTktEIB.js","/assets/emailing-hero.mp4.asset-BO2ql2Ol.js","/assets/kurzy-hero.mov.asset-BbYCdRiC.js","/assets/reel-gingershot.mp4.asset-COCP0W_3.js","/assets/strih-videi-hero.mp4.asset-CqcW0-XL.js","/assets/Media-BnLK9EtI.js"]}}}
914,matches:$R[10]=[$R[11]={i:"__root__�",u:1790239550691,s:"success",ssr:!0},$R[12]={i:"�kurzy��kurzy�",u:1790239550691,s:"success",ssr:!0}],lastMatchId:"�kurzy��kurzy�"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script 915 >
915<script type="module" async="" src="/assets/index-Dex8Q9Wm.js" 916 ></script 917 ></body 918 ></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.