<div class="kp-hero"> <style> .kp-hero { --primary: #003D7E; --primary-light: #20448F; --accent-green: #00AC4E; --tint-navy: #F5F8FF; --border-light: #E6EDF7; --gradient-brand: linear-gradient(93deg,#74CDDD 0%,#66B6CF 6%,#4784B1 20%,#31609B 33%,#234A8D 43%,#1F4289 50%,#1D4785 58%,#18587C 69%,#10746C 81%,#059A57 95%,#00AC4E 100%); font-family: inherit; color: var(--primary); padding: 4rem 1.5rem; background-color: #ffffff; } .kp-hero-container { max-width: 1225px; margin: 0 auto; display: flex; flex-direction: column; gap: 4rem; } .kp-hero-main { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .kp-hero-content { display: flex; flex-direction: column; align-items: flex-start; } .kp-hero-eyebrow { font-size: clamp(14px, 1.8vw, 16px); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent-green); margin-bottom: 0.75rem; display: block; } .kp-hero-content h1 { font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.15; margin-top: 0; margin-bottom: 1.5rem; color: var(--primary); } .kp-hero-lead { font-size: 1.125rem; line-height: 1.6; margin-top: 0; margin-bottom: 2rem; color: #334; } .kp-countdown-card { background: var(--tint-navy); border: 1px solid var(--border-light); border-radius: 24px; padding: 1.5rem; margin-bottom: 2rem; width: 100%; box-sizing: border-box; } .kp-cd-eyebrow { font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.05em; color: var(--accent-green); text-align: left; } .kp-cd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; margin-bottom: 1rem; } .kp-cd-box { background: #ffffff; border: 1px solid var(--border-light); border-radius: 12px; padding: 0.75rem 0.5rem; text-align: center; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: center; } .gradnum { background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 800; font-size: clamp(20px, 5.4vw, 34px); line-height: 1.2; } .kp-cd-label { font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: #636363; margin-top: 0.25rem; } .kp-cd-note { font-size: 0.875rem; line-height: 1.5; color: #636363; margin-top: 1.25rem; margin-bottom: 0; text-align: left; } .kp-hero-cta { display: inline-block; background: var(--gradient-brand); color: #ffffff; text-decoration: none; padding: 1.25rem 2rem; border-radius: 12px; font-weight: 700; font-size: 1.125rem; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; border: none; box-sizing: border-box; } .kp-hero-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(0, 172, 78, 0.4); color: #ffffff; } .kp-hero-image-wrap { width: 100%; border-radius: 40px; overflow: hidden; box-shadow: 0 20px 40px -10px rgba(0, 61, 126, 0.15); } .kp-hero-image-wrap img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 40px; display: block; } .kp-hero-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } .stat-card { padding: 2rem 1.5rem; background: #ffffff; border-radius: 20px; text-align: left; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.75rem; box-sizing: border-box; border: 1px solid var(--border-light); box-shadow: 0 10px 30px -10px rgba(0, 61, 126, 0.05); } .stat-label { font-size: 0.9375rem; line-height: 1.4; font-weight: 500; color: #0B1E46; } @media (max-width: 991px) { .kp-hero-main { grid-template-columns: 1fr; } .kp-hero-stats-grid { grid-template-columns: repeat(2, 1fr); } .kp-hero-cta { width: 100%; } } @media (max-width: 480px) { .kp-hero-stats-grid { grid-template-columns: 1fr; } .kp-cd-grid { gap: 0.5rem; } .kp-cd-box { padding: 0.5rem 0.25rem; } .stat-card { padding: 1.5rem 1rem; } } </style> <div class="kp-hero-container"> <div class="kp-hero-main"> <div class="kp-hero-content"> <span class="kp-hero-eyebrow">Pierwszy taki klub dla pedagogów w Polsce</span> <h1>Wiesz, co powiedzieć rodzicowi. Wiesz, co zrobić z dzieckiem</h1> <p class="kp-hero-lead">Towarzyszymy pedagogom w codziennej pracy. Budujemy Twoje środowisko zawodowe: ludzi, którzy znają te same sytuacje, wiedzę praktyków zamienioną w gotowe scenariusze i procedury oraz miejsce, w którym możesz powiedzieć „nie wiem" i dalej być traktowana jak specjalistka, którą jesteś.</p> <div class="kp-countdown-card"> <div class="kp-cd-eyebrow">Do premiery i końca ceny startowej</div> <div class="kp-cd-grid"> <div class="kp-cd-box"> <div class="gradnum hero-cd-days">62</div> <div class="kp-cd-label">dni</div> </div> <div class="kp-cd-box"> <div class="gradnum hero-cd-hours">14</div> <div class="kp-cd-label">godz.</div> </div> <div class="kp-cd-box"> <div class="gradnum hero-cd-mins">25</div> <div class="kp-cd-label">min</div> </div> <div class="kp-cd-box"> <div class="gradnum hero-cd-secs">40</div> <div class="kp-cd-label">sek.</div> </div> </div> <p class="kp-cd-note">19 października 2026 to data premiery Klubu. Do 18 października obowiązuje cena startowa – 899 zł, <strong>później cena rośnie</strong>.</p> <div style="margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border-light); display: flex; flex-direction: column; gap: 10px;"> <span style="font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #636363;">Klub współtworzony przez:</span> <div style="display: flex; align-items: center; gap: 16px; flex-wrap: wrap;"> <img src="/files/pages/assets/2026-08-31/0decee7c-bd2d-455b-82de-86a127c44198_mth54ool.png" alt="Studio Psychologiczne" style="height: 42px; width: auto; border-radius: 6px; object-fit: contain;"> <img src="/files/pages/assets/2026-08-31/logopoziome_mth4olsk.jpg" alt="Aleksandra Skirgiełło" style="height: 42px; width: auto; border-radius: 6px; object-fit: contain;"> </div> </div> </div> <a href="klub-pedagogow#dolacz" class="kp-hero-cta">Sprawdzę, co mogę zyskać - 30 dni bez ryzyka</a> </div> <div class="kp-hero-image-wrap"> <img src="/files/pages/assets/2026-08-17/hero-pedagog-web_mswzw72x.jpg" alt="Pedagog przy stoliku rozmawia z dzieckiem rysującym kredkami"> </div> </div> <div class="kp-hero-stats-grid"> <div class="stat-card"> <div class="gradnum">3</div> <div class="stat-label">spotkania na żywo w każdym miesiącu</div> </div> <div class="stat-card"> <div class="gradnum">12</div> <div class="stat-label">kursów w ciągu roku</div> </div> <div class="stat-card"> <div class="gradnum">24/7</div> <div class="stat-label">dostęp do bazy materiałów i wsparcia społeczności</div> </div> <div class="stat-card"> <div class="gradnum">21</div> <div class="stat-label">narzędzi w pakiecie startowym</div> </div> </div> </div> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E" style="display:none" alt="" onload="(function(el){ function update() { var target = new Date('2026-10-18T23:59:59+02:00').getTime(); var now = Date.now(); var diff = target - now; if (diff < 0) diff = 0; var d = Math.floor(diff / 86400000); var h = Math.floor((diff % 86400000) / 3600000); var m = Math.floor((diff % 3600000) / 60000); var s = Math.floor((diff % 60000) / 1000); var root = el.closest ? el.closest('.kp-hero') : document; if (!root) root = document; var dEl = root.querySelector('.hero-cd-days'); var hEl = root.querySelector('.hero-cd-hours'); var mEl = root.querySelector('.hero-cd-mins'); var sEl = root.querySelector('.hero-cd-secs'); if (dEl) dEl.textContent = d; if (hEl) hEl.textContent = h < 10 ? '0' + h : h; if (mEl) mEl.textContent = m < 10 ? '0' + m : m; if (sEl) sEl.textContent = s < 10 ? '0' + s : s; } update(); setInterval(update, 1000); })(this)"> </div>
<div class="sytuacje-wrapper"> <style> .sytuacje-wrapper { --primary: #003D7E; --tint-navy: #F5F8FF; --tint-blue: #F2FAFC; --tint-green: #F1FBF5; --gradient-brand: linear-gradient(93deg, #74CDDD 0%, #66B6CF 6%, #4784B1 20%, #31609B 33%, #234A8D 43%, #1F4289 50%, #1D4785 58%, #18587C 69%, #10746C 81%, #059A57 95%, #00AC4E 100%); max-width: 1225px; margin: 0 auto; padding: 64px 20px; font-family: inherit; } .sytuacje-header { text-align: left; margin-bottom: 32px; } .sytuacje-header h2 { color: var(--primary); font-size: clamp(28px, 4vw, 40px); font-weight: 800; margin: 0; } .sytuacje-banner-img { margin-top: 32px; width: 100%; aspect-ratio: 21 / 9; min-height: 220px; max-height: 480px; border-radius: 40px; overflow: hidden; border: 1px solid #E6EDF7; box-sizing: border-box; box-shadow: 0 8px 24px rgba(0, 61, 126, 0.06); } .sytuacje-banner-img img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; display: block; } .sytuacje-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; } .cardg { position: relative; padding: 32px 24px; border-radius: 40px; z-index: 1; display: flex; flex-direction: column; gap: 16px; height: 100%; box-sizing: border-box; } .cardg::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: var(--gradient-brand); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; pointer-events: none; } .bg-navy { background-color: var(--tint-navy); } .bg-blue { background-color: var(--tint-blue); } .bg-green { background-color: var(--tint-green); } .card-title { color: var(--primary); font-size: 22px; font-weight: 700; margin: 0; line-height: 1.3; } .card-text { color: #0B1E46; font-size: 17px; line-height: 1.6; margin: 0; } .sytuacje-cta { text-align: left; margin-top: 24px; } .btn-primary { transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease; } .btn-primary:hover { transform: translateY(-2px); opacity: 0.95; box-shadow: 0 8px 16px rgba(31, 66, 137, 0.2); } @media (max-width: 992px) { .sytuacje-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .sytuacje-wrapper { padding: 48px 16px; } .sytuacje-banner-img { aspect-ratio: 16 / 9; border-radius: 28px; } .sytuacje-grid { grid-template-columns: 1fr; } } </style> <div class="sytuacje-header"> <h2>Rozpoznajesz te sytuacje?</h2> <div class="sytuacje-banner-img"> <img src="/files/pages/assets/2026-08-17/dsc0015-s_msx11iem.jpg" alt="Codzienne wyzwania w pracy pedagoga, wychowawcy i nauczyciela - konsultacje i wsparcie"> </div> </div> <div class="sytuacje-grid"> <div class="cardg bg-navy"> <h3 class="card-title">Rodzic zaprzecza</h3> <p class="card-text">Mówisz o trudnościach dziecka, a rodzic zaprzecza, atakuje albo obraża się na Ciebie. Wychodzisz z rozmowy wyczerpana, a dziecko dalej nie dostaje pomocy.</p> </div> <div class="cardg bg-blue"> <h3 class="card-title">Jesteś od wszystkiego</h3> <p class="card-text">Cała placówka oczekuje, że rozwiążesz każdy problem. Dyrekcja chce wyników, rodzice mają roszczenia, a otoczenie uważa, że bierzesz pieniądze za nic.</p> </div> <div class="cardg bg-green"> <h3 class="card-title">Skończyły się pomysły</h3> <p class="card-text">Masz w grupie dziecko, przy którym wyczerpałaś doświadczenie i intuicję. Najbliższe szkolenie z tego tematu jest za trzy miesiące i pewnie nie odpowie na Twoje pytanie.</p> </div> <div class="cardg bg-green"> <h3 class="card-title">Czy robię wszystko zgodnie z prawem?</h3> <p class="card-text">Rodzic grozi kuratorium. Dyrektor każe napisać notatkę, ale nikt nie powiedział, jak ma wyglądać. Działasz w dobrej wierze, a wieczorem i tak wraca pytanie, czy na pewno zrobiłaś to tak, jak trzeba.</p> </div> <div class="cardg bg-navy"> <h3 class="card-title">Kilkanaście sekund na decyzję</h3> <p class="card-text">Dziecko wpada w agresję albo rani samo siebie, grupa patrzy, a Ty masz kilkanaście sekund na decyzję. Brakuje Ci jasnych kroków postępowania w takiej sytuacji, więc działasz z głowy i dopiero potem sprawdzasz, czy dobrze.</p> </div> <div class="cardg bg-blue"> <h3 class="card-title">Za dużo teorii</h3> <p class="card-text">Kupujesz kolejny kurs i wychodzisz z niego z tym samym uczuciem: dużo o tym, jak powinno być, mało o tym, co zrobić w poniedziałek. Certyfikatów na półce przybywa, a pewności nie.</p> </div> </div> <div class="sytuacje-cta"> <a href="klub-pedagogow#dolacz" class="btn btn-primary" style="margin-top:40px;display:inline-block;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(93deg,#74CDDD 0%,#1F4289 50%,#00AC4E 100%)">Dołączam, zanim czeka mnie kolejna trudna rozmowa</a> </div> </div>
<div class="mission-wrapper"> <style> .mission-wrapper { background-color: var(--tint-navy, #F5F8FF); padding: 80px 20px; font-family: inherit; box-sizing: border-box; color: #0B1E46; } .mission-wrapper * { box-sizing: border-box; } .mission-container { max-width: 1225px; margin: 0 auto; display: flex; flex-direction: column; gap: 56px; } .mission-top { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } .mission-banner { aspect-ratio: 4/3; border-radius: 40px; overflow: hidden; box-shadow: 0 10px 30px -10px rgba(0, 61, 126, 0.08); } .mission-banner img { width: 100%; height: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: center 34%; border-radius: 40px; display: block; } .mission-text-content h2 { font-size: clamp(28px, 4.6vw, 42px); font-weight: 800; color: #003D7E; margin-top: 0; margin-bottom: 24px; line-height: 1.2; } .mission-text-content p { font-size: 17px; line-height: 1.6; color: #0B1E46; margin: 0 0 16px 0; } .mission-sign-box { border-top: 1px solid #E6EDF7; padding-top: 18px; margin-top: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: #636363; line-height: 1.5; } .mission-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .mission-card { background-color: #ffffff; border-radius: 32px; border: 1px solid #E6EDF7; padding: 28px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); } .mission-card h3 { font-size: 20px; font-weight: 700; color: #20448F; margin: 0; line-height: 1.3; } .mission-card p { font-size: 16px; line-height: 1.5; color: #0B1E46; margin: 0; } @media (max-width: 1024px) { .mission-top { gap: 40px; } .mission-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .mission-wrapper { padding: 56px 16px; } .mission-top { grid-template-columns: 1fr; } .mission-banner { aspect-ratio: 16/9; border-radius: 32px; } .mission-banner img { border-radius: 32px; } } @media (max-width: 640px) { .mission-grid { grid-template-columns: 1fr; } } </style> <div class="mission-container"> <div class="mission-top"> <div class="mission-banner"> <img src="/files/pages/assets/2026-08-17/9w5a9440r-s_msx0ukbm.jpg" alt="Środowisko zawodowe i wsparcie dla pedagogów - Aleksandra Skirgiełło"> </div> <div class="mission-text-content"> <h2>Nasza misja</h2> <p>Studio Psychologiczne przeszkoliło ponad 25 tysięcy specjalistów pracujących z dziećmi. Za każdym razem widzieliśmy to samo: szkolenie się kończy, wszyscy wracają do swoich placówek i znowu są w tym sami.</p> <p>Około tysiąca specjalistów pracujących z dziećmi opisało nam swoją codzienność. Wracały do nas z tego dwa słowa, częściej niż jakiekolwiek inne: <strong>konkret i wsparcie</strong>. I jedno zdanie, które co druga pedagożka napisała o sobie sama z siebie: <em>jestem od wszystkiego</em>.</p> <p>Nie zmienimy systemu oświaty. Nie ubędzie od tego dokumentacji ani nie przybędzie etatów w placówkach. Ale tego, czego nie daje system, możemy dać sobie nawzajem: społeczność, która rozumie nasze problemy, prawnika, który rozwieje wątpliwości, i narzędzia, po które sięga się następnego dnia rano.</p> <p style="font-weight: 700; color: #003D7E; margin-bottom: 20px;">Tak powstał Klub Pedagogów — miejsce, w którym nikt nie zostaje sam.</p> <div class="mission-sign-box"> <div><strong style="color: #003D7E;">Joanna Węglarz</strong>, założycielka Studio Psychologicznego</div> <div><strong style="color: #003D7E;">Aleksandra Skirgiełło</strong>, ekspertka prowadząca Klub Pedagogów</div> </div> <div style="margin-top: 24px; display: flex; align-items: center;"> <img src="/files/pages/assets/2026-08-31/0decee7c-bd2d-455b-82de-86a127c44198_mth54ool.png" alt="Studio Psychologiczne" style="height: 48px; width: auto; border-radius: 8px; display: block;"> </div> </div> </div> <div class="mission-grid"> <div class="mission-card"> <h3>Konkret zamiast teorii</h3> <p>Wszystko oparte na wiedzy praktyków. Kroki, procedury i gotowce, nie opowieść o tym, jak powinno być.</p> </div> <div class="mission-card"> <h3>Solidarność bez oceniania</h3> <p>Zamknięta grupa ludzi z tymi samymi problemami. Bez rywalizacji i bez hejtu.</p> </div> <div class="mission-card"> <h3>Pewność działania</h3> <p>Sprawdzone kroki i wsparcie prawnika sprawiają, że działasz prawidłowo i z poczuciem bezpieczeństwa.</p> </div> <div class="mission-card"> <h3>Uznanie dla Twojego doświadczenia</h3> <p>Twój głos ma tu wagę. To, co przeszłaś, jest wartością dla innych.</p> </div> <div class="mission-card"> <h3>Wszystko w jednym miejscu</h3> <p>Jedna subskrypcja zamiast dziesięciu grup. Bez reklamy i bez dopłat w środku.</p> </div> </div> </div> </div>
<div class="for-who-section"> <style> .for-who-section { padding: 80px 20px; font-family: inherit; text-align: left; box-sizing: border-box; max-width: 1225px; margin: 0 auto; } .for-who-section *, .for-who-section *::before, .for-who-section *::after { box-sizing: inherit; } .for-who-section h2 { font-size: clamp(28px, 4vw, 36px); font-weight: 700; color: #003D7E; margin: 0 0 40px 0; line-height: 1.2; } .for-who-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin: 0 auto; } .card-base { border-radius: 40px; padding: 32px; } .card-positive { background: #F1FBF5; border: 2px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(#F1FBF5, #F1FBF5), linear-gradient(93deg, #74CDDD 0%, #1F4289 50%, #00AC4E 100%); } .card-negative { background: #F5F8FF; border: 1px solid #E6EDF7; } .for-who-list { list-style: none; padding: 0; margin: 24px 0 0 0; } .for-who-list li { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px; font-size: 17px; line-height: 1.6; color: #0B1E46; } .for-who-list li:last-child { margin-bottom: 0; } .card-negative .for-who-list li { color: #636363; } .list-icon { flex-shrink: 0; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-top: 2px; font-weight: 800; font-size: 20px; } .btn-primary:hover { opacity: 0.9; transform: translateY(-1px); } .btn-primary { transition: all 0.2s ease-in-out; } @media (max-width: 860px) { .for-who-grid { grid-template-columns: 1fr; } .card-base { padding: 24px; } } </style> <h2>Sprawdź, czy to miejsce dla Ciebie</h2> <div class="for-who-grid"> <div class="card-base card-positive"> <p style="display:inline-block;margin:0;border-radius:48px;background:#00AC4E;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;padding:10px 20px">Klub jest dla Ciebie, jeśli:</p> <ul class="for-who-list"> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Jesteś pedagogiem, pedagogiem specjalnym, wychowawcą, nauczycielem wspomagającym albo terapeutą pedagogicznym.</span> </li> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Pracujesz w przedszkolu, szkole, poradni lub ośrodku i codziennie odpowiadasz za sytuacje, których nikt Cię nie uczył.</span> </li> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Chcesz gotowych scenariuszy i procedur, a nie kolejnego wykładu.</span> </li> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Szukasz miejsca, w którym powiesz „nie wiem, co robić" i nikt Cię za to nie oceni.</span> </li> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Jesteś na starcie i potrzebujesz pewności, że reagujesz dobrze.</span> </li> <li> <div class="list-icon" style="color:#00AC4E">+</div> <span>Masz staż i szukasz miejsca, w którym Twoje doświadczenie ma wagę, a Ty masz z kim omówić własny przypadek.</span> </li> </ul> </div> <div class="card-base card-negative"> <p style="display:inline-block;margin:0;border-radius:48px;background:#fff;color:#003D7E;border:2px solid #E6EDF7;font-size:16px;font-weight:700;letter-spacing:.5px;padding:8px 18px">Klub nie jest dla Ciebie, jeśli:</p> <ul class="for-who-list"> <li> <div class="list-icon" style="color:#20448F">–</div> <span>Szukasz gotowca do odklikania, bez własnej pracy nad przypadkiem.</span> </li> <li> <div class="list-icon" style="color:#20448F">–</div> <span>Interesuje Cię wyłącznie teoria i literatura, bez przełożenia na placówkę.</span> </li> <li> <div class="list-icon" style="color:#20448F">–</div> <span>Chcesz jednorazowego szkolenia, a nie wsparcia rozłożonego na cały rok.</span> </li> <li> <div class="list-icon" style="color:#20448F">–</div> <span>Chcesz tylko brać, nie interesuje Cię, jak radzą sobie inni. Pragniemy, żeby każda osoba, która dołącza, wniosła coś do tej społeczności.</span> </li> </ul> </div> </div> <div style="margin-top:32px;display:flex"> <a href="klub-pedagogow#dolacz" class="btn btn-primary" style="display:inline-block;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(93deg,#74CDDD 0%,#1F4289 50%,#00AC4E 100%)">Dołączam, aby rozmawiać z osobami, które mają te same wyzwania</a> </div> </div>
<div class="club-features"> <style> .club-features { --cfs-navy: #F5F8FF; --cfs-white: #ffffff; --cfs-accent: #00AC4E; --cfs-heading: #003D7E; --cfs-text: #0B1E46; --cfs-border: #E6EDF7; font-family: inherit; line-height: 1.6; color: var(--cfs-text); overflow: hidden; } .club-features * { box-sizing: border-box; } .cfs-header-section { background-color: var(--cfs-white); padding-top: 80px; padding-bottom: 24px; text-align: left; } .cfs-main-title { font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; color: var(--cfs-heading); margin: 0; letter-spacing: -1px; } .cfs-module { padding: 56px 0; } .cfs-module-last { padding: 56px 0 80px; } .cfs-bg-white { background-color: var(--cfs-white); } .cfs-bg-navy { background-color: var(--cfs-navy); } .cfs-container { max-width: 1225px; margin: 0 auto; padding: 0 20px; } .cfs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; } .cfs-eyebrow { display: inline-block; text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: var(--cfs-accent); margin-bottom: 12px; } .cfs-title { font-size: clamp(23px, 3.2vw, 32px); font-weight: 700; color: var(--cfs-heading); margin-top: 0; margin-bottom: 16px; line-height: 1.25; } .cfs-desc { font-size: 17px; margin-top: 0; margin-bottom: 16px; } .cfs-desc strong { color: var(--cfs-heading); font-weight: 700; } .cfs-card { border-radius: 32px; padding: 24px 28px; margin-top: 24px; border: 1px solid var(--cfs-border); } .cfs-bg-white .cfs-card { background-color: var(--cfs-navy); } .cfs-bg-navy .cfs-card { background-color: var(--cfs-white); } .cfs-card-title { font-size: 14px; font-weight: 700; color: #20448F; margin-top: 0; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; } .cfs-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .cfs-list li { position: relative; padding-left: 24px; font-size: 16px; line-height: 1.5; } .cfs-list li::before { content: '+'; position: absolute; left: 0; top: -1px; color: var(--cfs-accent); font-weight: 800; font-size: 18px; } .cfs-details summary { cursor: pointer; list-style: none; outline: none; } .cfs-details summary::-webkit-details-marker { display: none; } .cfs-details[open] .cfs-details-arrow { transform: rotate(180deg); } .cfs-media-box { border-radius: 32px; overflow: hidden; box-shadow: 0 10px 30px -10px rgba(0, 61, 126, 0.08); border: 1px solid var(--cfs-border); background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .cfs-media-box img { width: 100%; height: auto; max-height: 520px; object-fit: contain; display: block; border-radius: 32px; } @media (max-width: 900px) { .cfs-grid { grid-template-columns: 1fr; gap: 40px; } .cfs-order-first { order: -1; } } </style> <div class="cfs-header-section"> <div class="cfs-container"> <h2 class="cfs-main-title">Co dostajesz w Klubie</h2> </div> </div> <div class="cfs-module cfs-bg-white"> <div class="cfs-container cfs-grid"> <div class="cfs-content"> <span class="cfs-eyebrow">01 · Kursy z zaświadczeniem MEN</span> <h3 class="cfs-title">Nowy kurs co miesiąc.</h3> <p class="cfs-desc">Każdy miesiąc ma jeden temat przewodni, a w nim cztery lekcje po około 15 minut. Wiedza, która dostosowuje się do Twojego napiętego grafiku: możesz słuchać materiałów w przerwie między zajęciami, w drodze do pracy albo wieczorem po położeniu dzieci. Najczęstsza trudność, jaką zgłaszali pedagodzy, to rozmowa z rodzicem. Dlatego pragniemy, aby pojawiała się w każdym elemencie Klubu.</p> <p class="cfs-desc">Kursy prowadzą praktycy, a zaświadczenia wydaje <strong>NPDN Studio Psychologiczne</strong>, czyli są to <strong>zaświadczenia MEN</strong>. Do każdej lekcji dostajesz materiały do pobrania powiązane z narzędziownikiem, żeby wiedza od razu zamieniała się w gotowe narzędzie. A jeśli po kursie zostaną Ci pytania, nie zostajesz z nimi sama: masz społeczność i ekspertów, którzy pomogą przełożyć to na Twoją grupę.</p> <div class="cfs-card"> <h4 class="cfs-card-title">Przykładowe tematy</h4> <ul class="cfs-list"> <li>Jak stawiać granice wobec nadmiernych oczekiwań rodziców, nauczycieli i dyrekcji</li> <li>Jak zaplanować dzień, gdy zadań jest więcej niż godzin na zegarze</li> <li>Jak rozmawiać z uczniem po trudnym incydencie</li> <li>Jak pracować z dzieckiem z ADHD w środowisku klasowym</li> </ul> </div> </div> <div class="cfs-media"> <div class="cfs-media-box"> <img src="/files/pages/assets/2026-08-31/kursy-kp_mth5p0s8.png" alt="Kursy z zaświadczeniem MEN w Klubie Pedagogów"> </div> </div> </div> </div> <div class="cfs-module cfs-bg-navy"> <div class="cfs-container cfs-grid"> <div class="cfs-media"> <div class="cfs-media-box"> <img src="/files/pages/assets/2026-08-31/spolecznosckp_mth5pdwu.png" alt="Zamknięta społeczność pedagogów"> </div> </div> <div class="cfs-content cfs-order-first"> <span class="cfs-eyebrow">Żywe wsparcie · 02 · Zamknięta społeczność pedagogów</span> <h3 class="cfs-title">Nie zostajesz sama z problemem. Masz gdzie o nim napisać i kogo zapytać.</h3> <p class="cfs-desc">Zamknięta przestrzeń dla klubowiczek. Trzy kanały: wsparcie, polecajki i pytania o narzędzia. Opisujesz swoją sytuację własnymi słowami i pytasz praktyków, którzy pracują w takich samych realiach. W dyskusje włączają się także eksperci Klubu.</p> <p class="cfs-desc">Celowo nie dzielimy klubowiczek na specjalizacje ani typy placówek, bo najlepsze rozmowy dzieją się wtedy, gdy pedagog z przedszkola słyszy, jak z tym samym poradził sobie pedagog ze szkoły. Możesz tu napisać o trudnym dniu, o rozmowie z rodzicem albo o sukcesie, którego nikt w placówce nie zauważył. Nikt Cię nie ocenia i nikt nie podsyła Ci kursu za 500 złotych.</p> </div> </div> </div> <div class="cfs-module cfs-bg-white"> <div class="cfs-container cfs-grid"> <div class="cfs-content"> <span class="cfs-eyebrow">Żywe wsparcie · 03 · Superwizja pedagogiczna</span> <h3 class="cfs-title">Raz w miesiącu wspólnie przyglądamy się przypadkom, z którymi mierzysz się w swojej pracy.</h3> <p class="cfs-desc">Superwizję prowadzi Aleksandra Skirgiełło, pedagog z wieloletnią praktyką w szkole i w poradni, która na co dzień superwizuje i szkoli nauczycieli. Zgłoszone przypadki przygotowuje wcześniej, a w trakcie spotkania pilnuje, żeby rozmowa nie skończyła się na wymianie dobrych chęci, tylko doprowadziła do konkretnych możliwych kroków.</p> <p class="cfs-desc">Spotykamy się online raz w miesiącu. Swój przypadek zgłaszasz przez formularz kilka dni wcześniej. Opowiadasz, co już zrobiłaś, a Ola i pozostali uczestnicy zadają pytania, które pokazują sytuację szerzej, i podpowiadają, co sprawdziło się u nich. Wspólnie szukamy rozwiązań i podsumowujemy kierunek działania.</p> <p class="cfs-desc">Jeśli jesteś doświadczonym specjalistą, Twoja rola będzie bardzo ważna. Możesz skonsultować swoje przypadki, ale to często wiedza z Twojej praktyki będzie bardzo przydatna dla innych osób.</p> <div class="cfs-card" style="background:#F2FAFC"> <h4 class="cfs-card-title">Przykładowe tematy</h4> <ul class="cfs-list"> <li>Jak prowadzić rozmowę z rodzicem, który nie zgadza się na diagnozę</li> <li>Jak dbam o swój dobrostan</li> <li>Jak reagować na trudne zachowania uczniów</li> <li>Jak współpracować z innymi specjalistami</li> </ul> </div> </div> <div class="cfs-media" style="align-self: stretch; display: flex;"> <img src="/files/pages/assets/2026-08-17/9w5a9538r-s_msx0uyj5.jpg" alt="Superwizja pedagogiczna - Aleksandra Skirgiełło" style="width: 100%; height: 100%; min-height: 340px; flex: 1; object-fit: cover; object-position: center 20%; border-radius: 32px; display: block;"> </div> </div> </div> <div class="cfs-module cfs-bg-navy"> <div class="cfs-container cfs-grid"> <div class="cfs-media"> <div class="cfs-media-box"> <img src="/files/pages/assets/2026-08-31/postczas-trwania-30-45_mth5q11u.png" alt="Spotkania eksperckie w Klubie Pedagogów"> </div> </div> <div class="cfs-content cfs-order-first"> <span class="cfs-eyebrow">04 · Spotkania eksperckie</span> <h3 class="cfs-title">Raz w miesiącu gość, który zna temat od praktycznej strony.</h3> <p class="cfs-desc">Spotkanie online z zaproszonym ekspertem, od 30 do 45 minut. Jeden konkretny temat, ujęty tak, żeby dało się z niego wyjść z gotowym pomysłem na własną grupę. Możesz zadać pytanie o swoją sytuację. Każde spotkanie nagrywamy, więc jeśli akurat nie dasz rady być na żywo, obejrzysz je później.</p> <div class="cfs-card"> <h4 class="cfs-card-title">W tym: spotkania z prawnikiem</h4> <p class="cfs-desc" style="font-size:15px;margin-bottom:0">Część spotkań eksperckich prowadzi Adrian Szydlik, radca prawny specjalizujący się w prawie oświatowym. Zbieramy Wasze pytania: kuratorium, niebieska karta, notatka służbowa, roszczeniowy rodzic.</p> </div> </div> </div> </div> <div class="cfs-module cfs-bg-white"> <div class="cfs-container cfs-grid"> <div class="cfs-content"> <span class="cfs-eyebrow">05 · Praktyczny narzędziownik</span> <h3 class="cfs-title">Otwierasz i używasz. Nie musisz niczego tworzyć od zera.</h3> <p class="cfs-desc">Karty pracy, scenariusze zajęć, checklisty i przewodniki dobrane pod konkretne trudności i grupy wiekowe. Materiały są uporządkowane, dzięki czemu szybko dotrzesz do interesującej Cię grupy wiekowej czy tematyki.</p> <p class="cfs-desc">W narzędziowniku znajdziesz też apteczkę trudnych sytuacji: checklisty i scenariusze na agresję, autoagresję, kryzys emocjonalny i niebieską kartę. Obok tego edytowalne wzory IPET, WOPFU, notatek służbowych i odwołań.</p> <details class="cfs-card cfs-details" style="background:#F1FBF5;"> <summary class="cfs-card-title" style="margin:0; display:flex; justify-content:space-between; align-items:center;"> <span>Materiały na start (kliknij, aby rozwinąć listę 21 narzędzi)</span> <span class="cfs-details-arrow" style="font-size:16px; color:var(--cfs-accent); transition:transform 0.2s;">▼</span> </summary> <ul class="cfs-list" style="margin-top:16px;"> <li>„Termometr emocji przedszkolaka” – scenariusze zajęć dla przedszkola</li> <li>„Wróżka Zgódka” – scenariusze warsztatów dla klas I–III</li> <li>„Jak mam się zmotywować do nauki, gdy mi się nie chce?” – klasy IV–VIII</li> <li>„Strategie szybkiego uczenia się i zapamiętywania” – scenariusz dla uczniów szkół średnich</li> <li>Kwestionariusz przesiewowy – ryzyko zaburzeń lękowych u dzieci i młodzieży (wersje dla dwu grup wiekowych)</li> <li>Kwestionariusz dla nastolatków – odporność psychiczna</li> <li>Ankieta ewaluacyjna – do wykorzystania po spotkaniu z rodzicami</li> <li>Protokół rozmowy interwencyjnej</li> <li>Protokół postępowania w przypadku przemocy cyfrowej w klasie</li> <li>Jak rozmawiać z dziećmi o szkole? + szablon do wydruku (dla nauczycieli)</li> <li>Jak zapewnić dziecku poczucie bezpieczeństwa? (dla nauczycieli)</li> <li>„Co z tymi komórkami? Profilaktyka uzależnień cyfrowych” (dla rodziców)</li> <li>Jak przygotować się do superwizji? (dla uczestników Klubu)</li> <li>Checklista + fiszki dla ucznia: „Jakie są moje talenty/mocne strony?”</li> <li>Fiszki dla nauczycieli: „Jak reagować na nietypowe zachowania dziecka z ASD?”</li> <li>Wzory opinii do PPP (przedszkole, edukacja wczesnoszkolna, nastolatek)</li> <li>Wzór notatki służbowej + checklista: kiedy sporządzić taką notatkę?</li> <li>Wzór sprawozdania z pracy pedagoga</li> <li>Moje zasoby i granice - arkusz samooceny... (dostosowany dla pedagogów)</li> <li>Checklista diagnozy ADHD</li> <li>Ankieta ewaluacyjna – do wykorzystania po zajęciach profilaktycznych</li> </ul> </details> </div> <div class="cfs-media"> <div class="cfs-media-box"> <img src="/files/pages/assets/2026-08-31/narzadziownik-kp_mth5qgky.png" alt="Praktyczny narzędziownik dla pedagogów"> </div> </div> </div> </div> <div class="cfs-module cfs-module-last cfs-bg-navy"> <div class="cfs-container cfs-grid"> <div class="cfs-media"> <div class="cfs-media-box"> <img src="/files/pages/assets/2026-08-31/partnerzy-klubu-kp_mth5qorx.png" alt="Partnerzy Klubu i zniżki"> </div> </div> <div class="cfs-content cfs-order-first"> <span class="cfs-eyebrow">06 · Zniżki klubowe u partnerów</span> <h3 class="cfs-title">Rabaty, które potrafią zwrócić koszt członkostwa.</h3> <p class="cfs-desc">Zniżki u wydawnictw i firm współpracujących z Klubami Studio Psychologicznego, w tym w sklepie PomoceTUS. Materiały, pomoce i szkolenia taniej, bo negocjujemy je dla całej społeczności naraz. Listę partnerów sukcesywnie poszerzamy.</p> </div> </div> </div> </div>
<div class="team-section-wrapper"> <style> .team-section-wrapper { max-width: 1225px; margin: 0 auto; padding: 80px 20px; font-family: inherit; color: #0B1E46; } .team-section-wrapper * { box-sizing: border-box; } .team-section-heading { text-align: left; font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; color: #003D7E; margin-top: 0; margin-bottom: 40px; } .cardg-team { display: grid; grid-template-columns: 1fr; gap: 28px; } @media (min-width: 768px) { .cardg-team { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .team-card { padding: 32px; border-radius: 40px; display: flex; flex-direction: column; position: relative; border: 1px solid #E6EDF7; } .team-card-navy { background-color: #F5F8FF; } .team-card-blue { background-color: #F2FAFC; } .team-card-green { background-color: #F1FBF5; } .team-card-navy-2 { background-color: #EAF1FB; } .team-card img { margin-bottom: 20px; border-radius: 20px; display: block; } .team-card h3 { font-size: 24px; font-weight: 700; color: #003D7E; margin: 0 0 4px 0; } .team-card .team-role { font-size: 16px; font-weight: 600; color: #00AC4E; margin: 0 0 16px 0; line-height: 1.4; } .team-card p { font-size: 17px; line-height: 1.6; margin: 0 0 12px 0; color: #0B1E46; } .team-card p:last-child { margin-bottom: 0; } .team-card .small-note { font-size: 15px; color: #636363; margin-top: auto; padding-top: 12px; line-height: 1.5; } </style> <h2 class="team-section-heading">Kto na Ciebie czeka</h2> <div class="cardg-team"> <div class="team-card team-card-navy"> <img src="/files/pages/assets/2026-08-17/9w5a9538r-s_msx0uyj5.jpg" alt="Portret: Aleksandra Skirgiełło" style="width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 20%;"> <h3>Aleksandra Skirgiełło</h3> <div class="team-role">Psycholog, pedagog, terapeuta pedagogiczny i logopeda. Ekspertka prowadząca Klub Pedagogów</div> <p>Założycielka i główna trenerka Strefy Wsparcia Pedagoga, Rodzica i Ucznia, wokół której zebrała społeczność około 100 tysięcy osób. Od lat szkoli pedagogów i nauczycieli w całej Polsce. Równolegle pracuje z dziećmi i młodzieżą w szkole oraz w poradni środowiskowej i prowadzi własną praktykę, więc zna realia placówki nie tylko z perspektywy trenerki. Autorka książki „Autyzm w pytaniach i odpowiedziach" oraz licznych narzędzi do pracy z dziećmi i młodzieżą, współtwórczyni „Kolekcji Przedszkolaka" dla Wydawnictwa Nowa Era.</p> <p>W Klubie Pedagogów odpowiada za całokształt merytoryczny: program szkoleń, dobór tematów, rozwój narzędziownika i kierunek superwizji. Zależy jej na tym, żeby każdy materiał odpowiadał na jedno praktyczne pytanie: co mogę zrobić w tej sytuacji?</p> <div class="small-note"> Specjalizacje: superwizja pedagogiczna i analiza trudnych przypadków · trudności emocjonalne, neuroróżnorodność i zachowania trudne · prowadzenie trudnych rozmów i współprac </div> </div> <div class="team-card team-card-blue"> <img src="/files/pages/assets/2026-08-17/ela-ceklarz-web_mswzw6yd.jpg" alt="Portret: Elżbieta Burnicka" style="width:100%;aspect-ratio:3/2;object-fit:cover;object-position:38% 30%;"> <h3>Elżbieta Burnicka</h3> <div class="team-role">Psycholog i oligofrenopedagog</div> <p>Pracuje z dziećmi w wieku przedszkolnym i wczesnoszkolnym oraz z ich rodzinami. Specjalizuje się w diagnozie i terapii dzieci z trudnościami rozwojowymi, emocjonalnymi i poznawczymi. Prowadzi terapię pedagogiczną i terapię ręki, szkoli z zakresu funkcji poznawczych i regulacji emocji.</p> <p>Współtwórczyni szkolenia Trener Funkcji Poznawczych, z którego skorzystało już ponad 1175 osób. Autorka i współautorka materiałów edukacyjnych. W Klubie Pedagogów prowadzi spotkania z narzędziownikiem.</p> <div class="small-note"> Specjalizacje: diagnoza i terapia dzieci z trudnościami rozwojowymi · trening funkcji poznawczych · regulacja emocji · terapia ręki · praca z rodzinami </div> </div> <div class="team-card team-card-green"> <img src="/files/pages/assets/2026-08-17/studio-psychologiczne-1-2-s_msx0vbag.jpg" alt="Portret: Joanna Węglarz" style="width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 25%;"> <h3>Joanna Węglarz</h3> <div class="team-role">Psycholog, specjalista psychologii klinicznej, założycielka Studio Psychologicznego</div> <p>Wykładowca akademicki i trenerka. Osobiście przeszkoliła ponad 3000 specjalistów z całej Polski. Współautorka metodologii TUS Węglarz i Bentkowskiej, autorka ośmiu książek, w tym trzech poświęconych pracy metodą TUS. Ekspertka zapraszana do mediów, na konferencje i wydarzenia branżowe.</p> <div class="small-note"> Specjalizacje: kompleksowa diagnoza funkcjonowania emocjonalnego, poznawczego i społecznego · strategiczne planowanie pomocy · koordynacja współpracy między specjalistami </div> </div> <div class="team-card team-card-navy-2"> <img src="/files/pages/assets/2026-08-17/adrian-szydlik-web_mswzw6sy.jpg" alt="Portret: Adrian Szydlik" style="width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 22%;"> <h3>Adrian Szydlik</h3> <div class="team-role">Radca prawny, ekspert prawa oświatowego</div> <p>Założyciel Kancelarii AS Legal&Tax. Specjalizuje się w prawie oświatowym i prawie umów. Pomaga szkołom, nauczycielom i podmiotom edukacyjnym rozwiązywać problemy związane z prawem oświatowym, dokumentacją, relacjami z rodzicami i organizacją działalności edukacyjnej.</p> <p>Twórca platformy z kursami online „Prawo dla Ciebie", prowadzi szkolenia dla instytucji zewnętrznych. Współautor monografii oraz autor artykułów i e-booków o tematyce prawnej i administracyjnej.</p> </div> </div> </div>
<div class="video-preview-wrapper"> <style> .video-preview-wrapper { background-color: #F5F8FF; padding: 80px 20px; text-align: left; font-family: inherit; } .video-preview-container { max-width: 1225px; margin: 0 auto; } .video-preview-h2 { font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; color: #003D7E; margin: 0 0 12px 0; line-height: 1.2; } .video-preview-lead { font-size: 20px; color: #636363; margin: 0 0 32px 0; } .video-frame-container { position: relative; width: 100%; padding-top: 56.25%; border-radius: 40px; overflow: hidden; box-shadow: 0 20px 40px -10px rgba(0, 61, 126, 0.15); border: 1px solid #E6EDF7; margin-bottom: 28px; background: #000; } .video-frame-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 40px; } .video-cta-btn { display: inline-block; border-radius: 12px; padding: 16px 24px; font-size: 18px; font-weight: 700; text-decoration: none; color: #fff; background: linear-gradient(93deg, #74CDDD 0%, #1F4289 50%, #00AC4E 100%); transition: transform 0.2s ease, box-shadow 0.2s ease; } .video-cta-btn:hover { transform: translateY(-2px); color: #fff; } </style> <div class="video-preview-container"> <h2 class="video-preview-h2">Zobacz, jak wyglądają szkolenia w Klubie</h2> <p class="video-preview-lead">Fragment przykładowego szkolenia - zanim zdecydujesz</p> <div class="video-frame-container"> <iframe src="https://www.youtube.com/embed/9dEmSHP_gV4" title="Próbna lekcja Klubu Pedagogów - Aleksandra Skirgiełło" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> </iframe> </div> <div> <a href="klub-pedagogow#dolacz" class="video-cta-btn"> Chcę mieć takie materiały pod ręką </a> </div> </div> </div>
<div class="google-reviews-section"> <style> .google-reviews-section { font-family: inherit; max-width: 1225px; margin: 0 auto; padding: 80px 20px; color: #0B1E46; } .gr-header { margin-bottom: 40px; text-align: left; } .gr-eyebrow { text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; color: #00AC4E; display: block; margin-bottom: 10px; } .gr-header h2 { font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; margin: 0; line-height: 1.2; color: #003D7E; max-width: 24ch; } .gr-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: center; } .gr-summary-card { background: #fff; border-radius: 40px; padding: 32px 24px; text-align: left; border: 1px solid #E6EDF7; } .gr-summary-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: #003D7E; } .gr-summary-logo { height: 42px; width: auto; border-radius: 6px; display: block; margin-bottom: 16px; } .gr-summary-score { font-size: 24px; font-weight: 800; color: #20448F; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; } .gr-summary-count { font-size: 16px; color: #636363; font-weight: 500; } .gr-carousel-area { position: relative; overflow: hidden; } .gr-controls { display: flex; justify-content: flex-end; gap: 12px; margin-bottom: 12px; } .carousel-btn { width: 44px; height: 44px; border-radius: 50%; border: 2px solid #20448F; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #20448F; transition: all 0.2s; padding: 0; } .carousel-btn:hover { background: #20448F; color: #fff; } .carousel-btn svg { width: 18px; height: 18px; pointer-events: none; } .track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 12px; } .track::-webkit-scrollbar { display: none; } .review-card { flex: 0 0 288px; scroll-snap-align: start; background: #fff; border-radius: 20px; padding: 24px; border: 1px solid #E6EDF7; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; } .gr-card-meta { display: flex; align-items: center; gap: 12px; } .gr-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: 16px; font-weight: 700; color: #fff; flex: none; } .gr-card-name { font-size: 16px; font-weight: 600; color: #20448F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gr-card-date { font-size: 14px; color: #636363; } .gr-card-text { font-size: 16px; line-height: 1.5; color: #0B1E46; margin: 0; } .gr-footer { text-align: left; margin-top: 28px; } @media (max-width: 900px) { .gr-layout { grid-template-columns: 1fr; } } </style> <svg style="display:none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="gold-star" viewBox="0 0 24 24"> <path fill="#FBBC05" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/> </symbol> </svg> <div class="gr-header"> <span class="gr-eyebrow">Opinie Google</span> <h2>Zobacz, co mówią o nas osoby, które korzystały z naszych materiałów i wiedzy</h2> </div> <div class="gr-layout"> <div class="gr-summary-card"> <div class="gr-summary-title">Studio Psychologiczne</div> <img src="/files/pages/assets/2026-08-31/0decee7c-bd2d-455b-82de-86a127c44198_mth54ool.png" alt="Studio Psychologiczne" class="gr-summary-logo"> <div class="gr-summary-score"> <span>4,8</span> <div style="display:flex;gap:2px"> <svg width="20" height="20"><use href="#gold-star"></use></svg> <svg width="20" height="20"><use href="#gold-star"></use></svg> <svg width="20" height="20"><use href="#gold-star"></use></svg> <svg width="20" height="20"><use href="#gold-star"></use></svg> <svg width="20" height="20"><use href="#gold-star"></use></svg> </div> </div> <div class="gr-summary-count">210 opinii w Google</div> </div> <div class="gr-carousel-area"> <div class="gr-controls"> <button type="button" class="carousel-btn prev" aria-label="Poprzednie opinie" onclick="(function(btn){ var section = btn.closest('.google-reviews-section'); var track = section ? section.querySelector('.track') : null; if(track) { var card = track.querySelector('.review-card'); var amount = card ? (card.offsetWidth + 20) : 308; track.scrollBy({ left: -amount, behavior: 'smooth' }); } })(this)"> <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M15 18l-6-6 6-6"/></svg> </button> <button type="button" class="carousel-btn next" aria-label="Następne opinie" onclick="(function(btn){ var section = btn.closest('.google-reviews-section'); var track = section ? section.querySelector('.track') : null; if(track) { var card = track.querySelector('.review-card'); var amount = card ? (card.offsetWidth + 20) : 308; track.scrollBy({ left: amount, behavior: 'smooth' }); } })(this)"> <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M9 18l6-6-6-6"/></svg> </button> </div> <div class="track"> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#20448F">S</div> <div> <div class="gr-card-name">Sylwia Młynarczak</div> <div class="gr-card-date">2 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Szkolenie rzetelne. Czas spędzony w miłej atmosferze. Polecam!!!</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#00803A">K</div> <div> <div class="gr-card-name">Klaudia Konwińska</div> <div class="gr-card-date">2 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Super atmosfera, treści przekazywane w sposób bardzo rzetelny. Mnóstwo wiedzy!</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#003D7E">W</div> <div> <div class="gr-card-name">Wiktoria Longo</div> <div class="gr-card-date">2 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Jestem bardzo zadowolona ze szkolenia TSR I i II stopnia! Materiały udostępniane przez Studio Psychologiczne, jak i samo spotkanie z trenerem są bardzo wartościowe oraz rzeczowe. Szczerze polecam!</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#0B1E46">D</div> <div> <div class="gr-card-name">Dorota Rieger</div> <div class="gr-card-date">2 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Bardzo rzetelna i przydatna wiedza dla nauczycieli. Polecam serdecznie</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#20448F">L</div> <div> <div class="gr-card-name">Liliya Mikutaitsis</div> <div class="gr-card-date">4 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Szkolenie było bardzo wartościowe - przekazane treści były jasne, konkretne i łatwe do zastosowania w codziennej pracy z dziećmi. Z pełnym przekonaniem polecam je innym nauczycielom jako inspirujące w pracy zawodowej</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#00803A">A</div> <div> <div class="gr-card-name">Amelia Magdziarz</div> <div class="gr-card-date">4 miesiące temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Szkolenie na wysokim poziomie i przeprowadzone merytorycznie. Zawiera świetnie skondensowaną wiedzę odnośnie asd</p> </div> <div class="review-card"> <div class="gr-card-meta"> <div class="gr-avatar" style="background:#003D7E">H</div> <div> <div class="gr-card-name">Helena Weiland</div> <div class="gr-card-date">5 miesięcy temu</div> </div> </div> <div style="display:flex;gap:2px"> <svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg><svg width="18" height="18"><use href="#gold-star"></use></svg> </div> <p class="gr-card-text">Bardzo ciekawe zajęcia Uświadomienie pojęć, materiałow. Wyczerpanie tematu :) Polecam.</p> </div> </div> </div> </div> <div class="gr-footer"> <a href="klub-pedagogow#dolacz" class="btn btn-primary" style="display:inline-block;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(93deg,#74CDDD 0%,#1F4289 50%,#00AC4E 100%)">Dołączam do Klubu</a> </div> </div>
<div class="club-pricing-wrapper"> <style> .club-pricing-wrapper { font-family: inherit; color: #0B1E46; max-width: 1225px; margin: 0 auto; padding: 80px 20px; box-sizing: border-box; } .club-pricing-wrapper * { box-sizing: border-box; } .club-pricing-grid { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 32px; align-items: center; } @media (min-width: 900px) { .club-pricing-grid { grid-template-columns: 1fr 1fr; } } .club-mockup-card { display: flex; align-items: center; justify-content: center; background: transparent; border: none; box-shadow: none; padding: 0; box-sizing: border-box; } .club-mockup-card img { width: 100%; height: auto; object-fit: contain; display: block; border-radius: 32px; box-shadow: 0 20px 40px -10px rgba(0, 61, 126, 0.15); } .club-card { background: #ffffff; border-radius: 40px; border: 1px solid #E6EDF7; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .club-card-highlight { border: 2px solid transparent; background-clip: padding-box; box-shadow: 0 10px 30px rgba(0, 61, 126, 0.08); } .club-card-highlight::before { content: ''; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; background: linear-gradient(93deg, #74CDDD 0%, #1F4289 50%, #00AC4E 100%); border-radius: 42px; z-index: -1; } .club-badge { align-self: flex-start; background: #00AC4E; color: #ffffff; font-size: 13px; font-weight: 700; padding: 6px 16px; border-radius: 100px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; } .club-plan-name { font-size: 24px; font-weight: 700; color: #003D7E; margin: 0 0 8px 0; } .club-plan-desc { font-size: 16px; color: #636363; margin: 0 0 24px 0; } .club-price-box { margin-bottom: 32px; } .club-price-current { font-size: 48px; font-weight: 800; color: #003D7E; line-height: 1; } .club-price-old { font-size: 26px; font-weight: 600; color: #8C98A9; text-decoration: line-through; } .club-price-period { font-size: 18px; color: #636363; font-weight: 500; } .club-price-sub { font-size: 14px; color: #00AC4E; font-weight: 700; margin-top: 8px; line-height: 1.4; } .club-features-list { list-style: none; padding: 0; margin: 0 0 32px 0; flex-grow: 1; } .club-features-list li { font-size: 16px; margin-bottom: 14px; display: flex; align-items: flex-start; line-height: 1.5; } .club-check-icon { color: #00AC4E; font-weight: bold; margin-right: 12px; font-size: 18px; line-height: 1.2; } .club-btn { display: block; width: 100%; padding: 18px 24px; border-radius: 12px; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none; box-sizing: border-box; transition: opacity 0.2s, transform 0.2s; } .club-btn:hover { opacity: 0.95; transform: translateY(-2px); } .club-btn-gradient { background: linear-gradient(93deg, #74CDDD 0%, #1F4289 50%, #00AC4E 100%); color: #ffffff; } .club-btn-outline { background: #ffffff; color: #003D7E; border: 2px solid #003D7E; } .club-btn-outline:hover { background: #F5F8FF; } .club-guarantee { margin-top: 48px; background: #F1FBF5; border-radius: 32px; padding: 32px; border: 1px solid #B8E8CE; text-align: left; } .club-guarantee-title { font-size: 20px; font-weight: 700; color: #003D7E; margin: 0 0 8px 0; } .club-guarantee-text { font-size: 16px; line-height: 1.6; margin: 0; } .club-extra-info { margin-top: 32px; font-size: 14px; color: #636363; text-align: center; line-height: 1.6; } .pricing-cd-box { background: #F5F8FF; border: 1px solid #E6EDF7; border-radius: 24px; padding: 24px; margin-bottom: 32px; text-align: center; } .pricing-cd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 400px; margin: 16px auto 0; } .pricing-cd-item { background: #fff; padding: 10px 4px; border-radius: 12px; border: 1px solid #E6EDF7; display: flex; flex-direction: column; align-items: center; } .pricing-cd-num { font-size: 24px; font-weight: 800; color: #003D7E; } .pricing-cd-lbl { font-size: 12px; color: #636363; font-weight: 600; text-transform: uppercase; } .club-btn-note { font-size: 14px; color: #636363; text-align: center; margin-top: 12px; line-height: 1.4; font-weight: 500; } </style> <div class="pricing-cd-box"> <div style="font-weight:700;font-size:15px;color:#00AC4E;text-transform:uppercase;letter-spacing:1px">Cena startowa kończy się za:</div> <div class="pricing-cd-grid"> <div class="pricing-cd-item"><span class="pricing-cd-num pricing-cd-days">62</span><span class="pricing-cd-lbl">dni</span></div> <div class="pricing-cd-item"><span class="pricing-cd-num pricing-cd-hours">14</span><span class="pricing-cd-lbl">godz</span></div> <div class="pricing-cd-item"><span class="pricing-cd-num pricing-cd-mins">25</span><span class="pricing-cd-lbl">min</span></div> <div class="pricing-cd-item"><span class="pricing-cd-num pricing-cd-secs">40</span><span class="pricing-cd-lbl">sek</span></div> </div> </div> <div class="club-pricing-grid"> <!-- Mockup pakietu Klubu --> <div class="club-mockup-card"> <img src="/files/pages/assets/2026-08-31/grafikakpsprzedaz-01_mth4ldws.webp" alt="Pakiet Klubu Pedagogów - materiały, kursy, narzędziownik i wsparcie"> </div> <!-- Pakiet Roczny --> <div class="club-card club-card-highlight"> <div> <div class="club-badge">Cena startowa</div> <div class="club-plan-name">Subskrypcja roczna</div> <div class="club-plan-desc">Kompleksowe wsparcie przez cały rok szkolny: kursy, superwizje i narzędziownik.</div> <div class="club-price-box"> <div style="display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;"> <span class="club-price-current">899 zł</span> <span class="club-price-old">1399 zł</span> <span class="club-price-period">/ rok</span> </div> <div class="club-price-sub"> Oszczędzasz 500 zł dołączając przed premierą (74,92 zł/msc) </div> </div> <ul class="club-features-list"> <li><span class="club-check-icon">✓</span> 12 kursów z zaświadczeniami MEN w ciągu roku</li> <li><span class="club-check-icon">✓</span> Dostęp do zamkniętej społeczności pedagogów 24/7</li> <li><span class="club-check-icon">✓</span> 12 sesji superwizyjnych z omówieniem Twoich przypadków</li> <li><span class="club-check-icon">✓</span> 12 spotkań eksperckich i prawnych na żywo</li> <li><span class="club-check-icon">✓</span> Pełen i ciągły dostęp do bazy materiałów i narzędziownika</li> <li><span class="club-check-icon">✓</span> Zniżki klubowe u partnerów i w sklepie PomoceTUS</li> </ul> </div> <div> <a href="https://sklep.klubpsychologowdzieciecych.pl/checkout/klub-pedagogow-dzieciecych-3?lang=pl" class="club-btn club-btn-gradient">Dołączam do Klubu w cenie startowej</a> <div class="club-btn-note">Za cenę jednego szkolenia dostajesz regularne wsparcie i narzędzia na cały rok</div> </div> </div> </div> <div class="club-guarantee"> <div class="club-guarantee-title">Gwarancja 30 dni bez ryzyka</div> <p class="club-guarantee-text"> Dołącz do Klubu i sprawdź nas w praktyce. Jeśli w ciągu pierwszych 30 dni uznasz, że Klub nie spełnia Twoich oczekiwań, napisz do nas jedną wiadomość, a zwrócimy Ci 100% wpłaconej kwoty (dotyczy zakupu subskrypcji rocznej). Bez zadawania pytań i bez formalności. </p> </div> <div class="club-extra-info"> Płatności obsługiwane bezpiecznie przez Stripe / Przelewy24 / BLIK. Subskrypcję możesz anulować w dowolnym momencie jednym kliknięciem w panelu klienta. Faktury VAT wystawiane automatycznie (możliwość zakupu na placówkę/szkołę). </div> <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E" style="display:none" alt="" onload="(function(el){ function update() { var target = new Date('2026-10-18T23:59:59+02:00').getTime(); var now = Date.now(); var diff = target - now; if (diff < 0) diff = 0; var d = Math.floor(diff / 86400000); var h = Math.floor((diff % 86400000) / 3600000); var m = Math.floor((diff % 3600000) / 60000); var s = Math.floor((diff % 60000) / 1000); var root = el.closest ? el.closest('.club-pricing-wrapper') : document; if (!root) root = document; var dEl = root.querySelector('.pricing-cd-days'); var hEl = root.querySelector('.pricing-cd-hours'); var mEl = root.querySelector('.pricing-cd-mins'); var sEl = root.querySelector('.pricing-cd-secs'); if (dEl) dEl.textContent = d; if (hEl) hEl.textContent = h < 10 ? '0' + h : h; if (mEl) mEl.textContent = m < 10 ? '0' + m : m; if (sEl) sEl.textContent = s < 10 ? '0' + s : s; } update(); setInterval(update, 1000); })(this)"> </div>
<div class="contact-wrapper"> <style> .contact-wrapper { background-color: var(--tint-blue, #F2FAFC); padding: 80px 20px; font-family: inherit; color: #0B1E46; } .contact-container { max-width: 1225px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; } @media (min-width: 900px) { .contact-container { grid-template-columns: 4fr 6fr; gap: 60px; } } .contact-image-wrap { background-color: #fff; border-radius: 40px; overflow: hidden; box-shadow: 0 10px 30px -10px rgba(0, 61, 126, 0.08); border: 1px solid #E6EDF7; align-self: center; } .contact-image-wrap img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; border-radius: 40px; } .contact-eyebrow { font-size: 14px; font-weight: 700; color: #00AC4E; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; } .contact-title { font-size: clamp(27px, 4.6vw, 42.6px); line-height: 1.2; color: #003D7E; margin: 0 0 20px 0; font-weight: 700; } .contact-lead { font-size: 18px; line-height: 1.6; color: #0B1E46; margin: 0 0 32px 0; } .contact-form-card { background: #fff; border-radius: 40px; padding: clamp(24px, 3vw, 32px); border: 1px solid #E6EDF7; } .contact-form-group { margin-bottom: 16px; display: flex; flex-direction: column; gap: 6px; } .contact-form-label { font-weight: 600; color: #003D7E; font-size: 15px; } .contact-form-control { border: 2px solid #E6EDF7; border-radius: 12px; padding: 14px 16px; font-size: 16px; font-family: inherit; color: #0B1E46; transition: border-color 0.3s; background: #fff; width: 100%; box-sizing: border-box; } .contact-form-control:focus { outline: none; border-color: #20448F; } .contact-form-control::placeholder { color: #9AA6B8; } textarea.contact-form-control { resize: vertical; min-height: 120px; } .contact-form-checkbox-group { display: flex; align-items: flex-start; margin-bottom: 24px; gap: 12px; } .contact-form-checkbox-group input[type="checkbox"] { margin-top: 3px; width: 20px; height: 20px; accent-color: #00AC4E; cursor: pointer; flex-shrink: 0; } .contact-form-checkbox-label { font-size: 15px; line-height: 1.5; color: #636363; cursor: pointer; } .contact-submit-btn:hover { background: #003D7E !important; border-color: #003D7E !important; } </style> <div class="contact-container"> <div class="contact-image-wrap"> <img src="/files/pages/assets/2026-08-31/dominika-hrynkiewicz-400x400_mth5g85m.jpg" alt="Dominika Hrynkiewicz - Opiekunka Klubu Pedagogów"> </div> <div class="contact-content"> <div class="contact-eyebrow">Masz wątpliwości?</div> <h2 class="contact-title">Porozmawiajmy o tym indywidualnie - napisz do nas</h2> <p class="contact-lead">Chcę poznać Twoją sytuację i szczerze powiedzieć Ci, czy Klub jest tym, czego teraz potrzebujesz. Bo jeśli nie, powiem Ci to wprost i podpowiem inne rozwiązanie.</p> <div class="contact-form-card"> <form action="https://formsubmit.co/kontakt@klubpedagogow.pl" method="POST"> <input type="hidden" name="_subject" value="Klub Pedagogów - pytanie z formularza"> <input type="hidden" name="_captcha" value="false"> <input type="hidden" name="_template" value="table"> <div class="contact-form-group"> <label class="contact-form-label" for="contact-name">Imię i nazwisko</label> <input type="text" id="contact-name" name="Imię i nazwisko" class="contact-form-control" placeholder="Jak się do Ciebie zwracać" required> </div> <div class="contact-form-group"> <label class="contact-form-label" for="contact-email">Adres e-mail</label> <input type="email" id="contact-email" name="_replyto" class="contact-form-control" placeholder="twoj@adres.pl" required> </div> <div class="contact-form-group"> <label class="contact-form-label" for="contact-subject">Temat</label> <input type="text" id="contact-subject" name="Temat" class="contact-form-control" placeholder="Czego dotyczy Twoje pytanie"> </div> <div class="contact-form-group"> <label class="contact-form-label" for="contact-message">Wiadomość</label> <textarea id="contact-message" name="Wiadomość" class="contact-form-control" rows="5" placeholder="Opisz krótko swoją sytuację" required></textarea> </div> <div class="contact-form-checkbox-group"> <input type="checkbox" id="contact-rodo" name="Zgoda RODO" required> <label class="contact-form-checkbox-label" for="contact-rodo"> Wyrażam zgodę na przetwarzanie moich danych osobowych w celu odpowiedzi na wiadomość. Szczegóły w <a href="https://studiopsychologiczne.com/polityka-prywatnosci-klub-pedagogow/" target="_blank" rel="noopener noreferrer" style="text-decoration:underline;color:#003D7E">polityce prywatności</a>. </label> </div> <button type="submit" class="contact-submit-btn" style="border:2px solid #20448F;background:#20448F;color:#fff;border-radius:26px;padding:16px 25px;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.3s">Wyślij</button> </form> </div> </div> </div> </div>
<div class="why-now-section"> <style> .why-now-section { background-color: var(--tint-navy, #F5F8FF); padding: 80px 20px; font-family: inherit; box-sizing: border-box; } .why-now-section *, .why-now-section *::before, .why-now-section *::after { box-sizing: inherit; } .why-now-container { max-width: 1225px; margin: 0 auto; } .why-now-heading { text-align: left; color: #003D7E; font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; margin-top: 0; margin-bottom: 40px; line-height: 1.2; } .why-now-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; } .why-now-card { background-color: #ffffff; border-radius: 40px; padding: 32px; border: 1px solid #E6EDF7; } .why-now-card h3 { color: #003D7E; font-size: 22px; font-weight: 600; margin: 0 0 12px 0; line-height: 1.3; } .why-now-card p { color: #0B1E46; font-size: 17px; line-height: 1.5; margin: 0; } @media (max-width: 900px) { .why-now-grid { grid-template-columns: 1fr; } .why-now-section { padding: 56px 16px; } } </style> <div class="why-now-container"> <h2 class="why-now-heading">Dlaczego warto dołączyć do Klubu teraz</h2> <div class="why-now-grid"> <div class="why-now-card"> <h3>Orzeczeń przybywa, a rąk do pracy nie</h3> <p>W Twojej grupie jest coraz więcej dzieci z orzeczeniami i opiniami, a wsparcie, które dostajesz od systemu, się nie zmienia. Różnicę nadrabiasz sobą i to Cię kosztuje.</p> </div> <div class="why-now-card"> <h3>Rodzic szybciej sięga po formalne kroki</h3> <p>Skarga do kuratorium przestała być czymś wyjątkowym. Procedurę i wzór dokumentu lepiej mieć wcześniej niż w dniu, w którym są potrzebne.</p> </div> <div class="why-now-card"> <h3>Nikt dotąd nie zbudował wsparcia dla pedagogów</h3> <p>Psycholodzy mają swoje środowiska, superwizje i standardy. Pedagog dostaje grupę na Facebooku i radę szkoleniową. Ten Klub powstał, żeby to wyrównać.</p> </div> <div class="why-now-card"> <h3>Rok szkolny dopiero się rozkręca</h3> <p>Za chwilę pierwsze trudne rozmowy, pierwsze orzeczenia, pierwsze kryzysy. Wejdziesz w nie z gotowym planem i z ludźmi, do których możesz napisać.</p> </div> </div> </div> </div>
<div class="klub-faq-wrapper"> <style> .klub-faq-wrapper { background-color: #ffffff; padding: 80px 20px; font-family: inherit; } .klub-faq-container { max-width: 1225px; margin: 0 auto; display: flex; flex-direction: column; } .klub-faq-title { text-align: left; color: #003D7E; font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; margin: 0 0 40px 0; } .klub-faq-list { display: flex; flex-direction: column; gap: 14px; max-width: 900px; } .klub-faq-item { background: #F5F8FF; border-radius: 32px; padding: 24px 28px; border: 1px solid #E6EDF7; } .klub-faq-item summary { font-size: clamp(17px, 2vw, 20px); font-weight: 600; color: #003D7E; cursor: pointer; display: flex; justify-content: space-between; align-items: flex-start; list-style: none; outline: none; margin: 0; } .klub-faq-item summary::-webkit-details-marker { display: none; } .klub-faq-item summary::after { content: '+'; font-size: 28px; font-weight: 600; color: #00AC4E; line-height: 1; margin-left: 16px; flex-shrink: 0; } .klub-faq-item[open] summary::after { content: '\2013'; } .klub-faq-answer { margin-top: 14px; } .klub-faq-answer p { margin: 0; color: #0B1E46; font-size: 17px; line-height: 1.5; } </style> <div class="klub-faq-container"> <h2 class="klub-faq-title">Najczęstsze pytania</h2> <div class="klub-faq-list"> <details class="klub-faq-item"> <summary>Czy zaświadczenia liczą się do awansu zawodowego?</summary> <div class="klub-faq-answer"> <p>Zaświadczenia wydaje Niepubliczna Placówka Doskonalenia Nauczycieli Studio Psychologiczne, więc są to zaświadczenia MEN. Możesz je wpisać do dokumentacji awansu i pokazać dyrekcji.</p> </div> </details> <details class="klub-faq-item"> <summary>Czy placówka może to sfinansować?</summary> <div class="klub-faq-answer"> <p>Tak. Wystawiamy fakturę na szkołę, przedszkole lub poradnię. To wydatek z budżetu na doskonalenie zawodowe. Jeśli potrzebujesz uzasadnienia dla dyrekcji, napisz do nas.</p> </div> </details> <details class="klub-faq-item"> <summary>Jestem wychowawcą, nie pedagogiem specjalnym. To dla mnie?</summary> <div class="klub-faq-answer"> <p>Tak. Klub jest dla wszystkich, którzy pracują z dziećmi: wychowawców, pedagogów, pedagogów specjalnych, nauczycieli wspomagających i terapeutów.</p> </div> </details> <details class="klub-faq-item"> <summary>Ile czasu to zajmuje w tygodniu?</summary> <div class="klub-faq-answer"> <p>Tyle, ile zdecydujesz. Lekcje trwają po około 15 minut. Spotkania na żywo to trzy wieczory w miesiącu i zawsze je nagrywamy. Narzędziownik jest dostępny wtedy, kiedy Ci pasuje.</p> </div> </details> <details class="klub-faq-item"> <summary>Dopiero zaczynam pracę w placówce. Czy Klub to miejsce dla mnie?</summary> <div class="klub-faq-answer"> <p>Tak. Duża część Klubu to osoby z małym stażem, które szukają gotowych scenariuszy i pewności. Druga część to doświadczeni pedagodzy, którzy chętnie się nimi dzielą. Właśnie to spotkanie jest tu najcenniejsze.</p> </div> </details> <details class="klub-faq-item"> <summary>Mam kilkanaście lat stażu. Dowiem się tu czegoś nowego?</summary> <div class="klub-faq-answer"> <p>Tak! Doświadczeni pedagodzy przychodzą do Klubu po dwie rzeczy: po superwizję własnych przypadków, bo w placówce nie mają z kim ich omówić, i po środowisko, którzy rozumieją tę pracę. Twoje doświadczenie jest tu wartością. To również Twoje odpowiedzi na forum wspierają inne osoby.</p> </div> </details> <details class="klub-faq-item"> <summary>Mam bardzo konkretny przypadek. Dostanę pomoc?</summary> <div class="klub-faq-answer"> <p>Po to jest superwizja pedagogiczna. Zgłaszasz swój przypadek przez formularz, omawiamy go na spotkaniu, a między spotkaniami możesz opisać sytuację na forum wsparcia. Odpowiadają zarówno inni pedagodzy, jak i eksperci Klubu.</p> </div> </details> <details class="klub-faq-item"> <summary>Czy będą dodatkowe opłaty?</summary> <div class="klub-faq-answer"> <p>Nie. Wszystko, co wymieniliśmy, jest w subskrypcji. Nie sprzedajemy wewnątrz Klubu droższych pakietów ani nie chowamy najlepszych materiałów za dopłatą. W późniejszym okresie cena Klubu wzrośnie, ale gwarantujemy, że subskrypcję możesz kontynuować w cenie, w której kupiłaś dostęp.</p> </div> </details> <details class="klub-faq-item"> <summary>Jak mogę zrezygnować?</summary> <div class="klub-faq-answer"> <p>Subskrypcję anulujesz sama w panelu, w każdej chwili. Nie ma okresu wypowiedzenia ani rozmowy z konsultantem.</p> </div> </details> <details class="klub-faq-item"> <summary>A jeśli po dołączeniu uznam, że to nie dla mnie?</summary> <div class="klub-faq-answer"> <p>Przy planie rocznym masz 30 dni gwarancji. Kontaktujesz się z nami i zwracamy pieniądze, bez pytania o powód.</p> </div> </details> </div> </div> </div>
<div class="kp-cta-final-section"> <style> .kp-cta-final-section { font-family: inherit; line-height: 1.5; box-sizing: border-box; } .kp-cta-final-section *, .kp-cta-final-section *::before, .kp-cta-final-section *::after { box-sizing: inherit; } .kp-cta-banner { background-color: #003D7E; color: #ffffff; position: relative; overflow: hidden; padding: 80px 20px; } .kp-cta-banner-inner { max-width: 1225px; margin: 0 auto; position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .kp-cta-title { color: #B1E3FA; font-size: clamp(27px, 4.6vw, 42.6px); font-weight: 700; margin: 0; line-height: 1.2; } .kp-cta-text { font-size: 18px; line-height: 1.6; margin: 0 0 16px 0; } .kp-cta-text strong { font-weight: 700; } .kp-btn-accent { display: inline-block; border-radius: 12px; padding: 16px 24px; font-size: 18px; font-weight: 700; text-decoration: none; background: #00AC4E; color: #ffffff; margin-top: 12px; transition: background-color 0.2s ease, transform 0.2s ease; } .kp-btn-accent:hover { background: #009644; transform: translateY(-2px); } .kp-guarantees-section { background-color: #ffffff; padding: 80px 20px; } .kp-guarantees-inner { max-width: 1225px; margin: 0 auto; } .kp-guarantees-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .kp-guarantee-card { background-color: #F5F8FF; border-radius: 32px; padding: 28px; border: 1px solid #E6EDF7; } .kp-guarantee-card h3 { color: #20448F; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; line-height: 1.3; } .kp-guarantee-card p { color: #0B1E46; margin: 0; font-size: 17px; line-height: 1.5; } @media (max-width: 900px) { .kp-cta-banner-inner { grid-template-columns: 1fr; gap: 32px; } .kp-cta-banner { padding: 56px 20px; } .kp-guarantees-section { padding: 56px 20px; } .kp-guarantees-grid { grid-template-columns: 1fr; } } </style> <div class="kp-cta-banner"> <div aria-hidden="true" style="position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(560px,52%);aspect-ratio:1/1;background:#B1E3FA;opacity:.12;-webkit-mask-image:url('/files/pages/assets/2026-08-17/kpsygnetweb_mswzw6mn.svg');mask-image:url('/files/pages/assets/2026-08-17/kpsygnetweb_mswzw6mn.svg');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;pointer-events:none"></div> <div class="kp-cta-banner-inner"> <div> <h2 class="kp-cta-title">Pragniesz zadbać o wszystkich podopiecznych. A co z Tobą?</h2> </div> <div> <p class="kp-cta-text">Cały rok rozwiązujesz cudze problemy. Wysłuchujesz rodziców, uspokajasz dzieci, tłumaczysz się dyrekcji i wieczorami piszesz dokumentację. Na końcu tej listy zawsze jesteś Ty.</p> <p class="kp-cta-text"><strong>Klub Pedagogów powstał po to, żebyś nie musiała robić tego sama.</strong></p> <a href="klub-pedagogow#dolacz" class="kp-btn-accent">Czas, żeby ktoś zadbał też o mnie</a> </div> </div> </div> <div class="kp-guarantees-section"> <div class="kp-guarantees-inner"> <div class="kp-guarantees-grid"> <div class="kp-guarantee-card"> <h3>Pełna kontrola nad płatnościami</h3> <p>Subskrypcję anulujesz sama, w każdej chwili, bez rozmowy z nikim.</p> </div> <div class="kp-guarantee-card"> <h3>Bezpieczne płatności</h3> <p>Transakcje obsługuje certyfikowany operator. Nie przechowujemy danych Twojej karty.</p> </div> <div class="kp-guarantee-card"> <h3>Twoje dane są chronione</h3> <p>Przetwarzamy je zgodnie z RODO i nie udostępniamy nikomu.</p> </div> </div> </div> </div> </div>
<section id="video-testimonials-section"> <style> #video-testimonials-section { padding-block: var(--et-spacing-vertical, 60px); padding-inline: var(--et-spacing-horizontal, 20px); background-color: var(--et-colors-background, #FBFBFB); } @media (min-width: 1024px) { #video-testimonials-section { padding-block: var(--et-spacing-vertical-lg, 80px); padding-inline: var(--et-spacing-horizontal-lg, 40px); } } #video-testimonials-section .container { margin-inline: auto; max-width: 1225px; } #video-testimonials-section .header-wrap { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 40px; } #video-testimonials-section .tag { color: #00AC4E; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 8px 0; } #video-testimonials-section .heading { color: #003D7E; font-weight: 700; font-size: 32px; line-height: 1.2; text-wrap: balance; max-width: 42rem; margin: 0 0 16px 0; } @media (min-width: 768px) { #video-testimonials-section .heading { font-size: 38px; } } #video-testimonials-section .paragraph { color: #0B1E46; font-size: 18px; opacity: 0.8; text-wrap: balance; max-width: 42rem; margin: 0 0 20px 0; } #video-testimonials-section .grid { display: grid; grid-template-columns: minmax(0, 320px); gap: 24px; margin-bottom: 0; justify-content: center; } @media (min-width: 768px) { #video-testimonials-section .grid { grid-template-columns: repeat(3, minmax(0, 320px)); } } #video-testimonials-section .card { background-color: #FFFFFF; border: 1px solid #E6EDF7; border-radius: 8px; padding: 16px; width: 100%; box-shadow: 0 4px 12px rgba(11, 30, 70, 0.04); margin: 0; } #video-testimonials-section .media-wrap { aspect-ratio: 9/16; border-radius: var(--et-radius-image, 8px); overflow: hidden; background-color: #0B1E46; position: relative; margin: 0; } #video-testimonials-section .media { display: block; width: 100%; height: 100%; border: none; object-fit: cover; } #video-testimonials-section .last { margin-bottom: 0 !important; } </style> <div class="container"> <header class="header-wrap"> <h3 class="tag">RELACJE WIDEO</h3> <h2 class="heading">Posłuchaj relacji pedagogów i nauczycieli</h2> <p class="paragraph last">Zobacz, jak Klub Pedagogów wspiera w codziennych wyzwaniach szkolnych i przedszkolnych.</p> </header> <div class="grid last"> <div class="card last"> <div class="media-wrap last"> <iframe class="media" src="https://www.youtube.com/embed/xsEaQ4cz2vw" title="Relacja wideo 1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"></iframe> </div> </div> <div class="card last"> <div class="media-wrap last"> <iframe class="media" src="https://www.youtube.com/embed/W6sMl9JZd0E" title="Relacja wideo 2" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"></iframe> </div> </div> <div class="card last"> <div class="media-wrap last"> <iframe class="media" src="https://www.youtube.com/embed/tkew7l-nMpc" title="Relacja wideo 3" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"></iframe> </div> </div> </div> </div> </section>