PageSourceSearch

https://www.suzzie.cz/kurzy/

html suzzie.cz collected 2026-10-04 04:08:35 UTC 78,931 bytes, 918 lines download raw bytes

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&amp;family=Instrument+Serif:ital@0;1&amp;family=JetBrains+Mono:wght@400;500&amp;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 &amp; 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 &amp; 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 &amp; 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.