<style>
.kw-section-wrapper {
font-family: 'Montserrat', sans-serif;
}
.kw-part1 {
background: #E3E3FF;
padding: clamp(48px, 7vw, 112px) 28px;
}
.kw-part2 {
background: #FFFFFF;
padding: clamp(48px, 7vw, 112px) 28px;
}
.kw-container {
max-width: 1197px;
margin: 0 auto;
}
.kw-h2-p1 {
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 700;
line-height: 1.3;
color: #594AD1;
margin: 0 0 14px;
max-width: 760px;
}
.kw-subtitle {
font-size: clamp(16px, 1.9vw, 18px);
font-weight: 700;
color: #3A3A84;
margin: 0 0 clamp(24px, 3vw, 40px);
}
.kw-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.kw-card {
background: #FFFFFF;
border-radius: 20px;
padding: 28px;
box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}
.kw-card-text {
font-size: clamp(15px, 1.7vw, 16px);
line-height: 1.7;
margin: 0;
color: #363636;
}
.kw-flex {
display: flex;
flex-wrap: wrap;
gap: clamp(28px, 4vw, 56px);
align-items: center;
}
.kw-flex-text {
flex: 1 1 380px;
min-width: 280px;
}
.kw-flex-img {
flex: 1 1 340px;
min-width: 280px;
}
.kw-h2-p2 {
font-size: clamp(24px, 3.4vw, 32px);
font-weight: 700;
line-height: 1.25;
color: #594AD1;
margin: 0 0 20px;
}
.kw-paragraph {
font-size: clamp(15px, 1.7vw, 17px);
line-height: 1.75;
margin: 0 0 18px;
color: #363636;
}
.kw-paragraph-last {
margin: 0 0 28px;
}
.kw-cta {
display: inline-block;
background: #FEC9BF;
color: #594AD1;
padding: 16px 30px;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease;
}
.kw-cta:hover,
.kw-cta:focus-visible {
background: #594AD1;
color: #FFFFFF;
outline: none;
}
.kw-image {
width: 100%;
border-radius: 20px;
object-fit: cover;
display: block;
}
</style>
<div class="kw-section-wrapper">
<section class="kw-part1">
<div class="kw-container">
<h2 class="kw-h2-p1">Czy ta historia nie przypomina Ci Twojego dnia? Jakie widzisz w niej podobieństwa?</h2>
<p class="kw-subtitle">A teraz spróbuj wyobrazić sobie, że:</p>
<div class="kw-grid">
<div class="kw-card">
<p class="kw-card-text">Masz konkretny plan, co i jak robić na każdych zajęciach z dziećmi, żeby zapewnić im ciekawy, jak i wartościowy czas.</p>
</div>
<div class="kw-card">
<p class="kw-card-text">Zyskałaś narzędzie, które zawiera wszystko, co potrzeba: od najdrobniejszych szczegółów po konkretne polecenia.</p>
</div>
<div class="kw-card">
<p class="kw-card-text">Szybko i sprawnie przygotowujesz się na swoje dodatkowe zajęcia TUS, bo z góry masz plan na cały cykl TUS-ów i przez następne miesiące nie martwisz się, co przygotować.</p>
</div>
<div class="kw-card">
<p class="kw-card-text">Spędzasz swój wolny czas na odpoczynku i regeneracji, bo w Twojej głowie nie ma już frustracji z powodu braku przygotowania na nadchodzące zajęcia.</p>
</div>
</div>
</div>
</section>
<section class="kw-part2">
<div class="kw-container kw-flex">
<div class="kw-flex-text">
<h2 class="kw-h2-p2">Jak czytało Ci się powyższe stwierdzenia? Pewnie Twoją odpowiedzią są słowa „byłoby świetnie”, prawda?</h2>
<p class="kw-paragraph">Pracując z dziećmi przedszkolnymi, doskonale wiesz, że okres przedszkolny to czas wielu dynamicznych zmian w życiu dziecka. Pojawia się większa kontrola i samoregulacja w sferze emocji, motywacji czy zachowań. Dziecko staje się bardziej wrażliwe na zasady i normy społeczne – zaczyna je analizować i przetwarzać.</p>
<p class="kw-paragraph kw-paragraph-last">Tak jak i Ty, my też znamy wyzwania rozwojowe dzieci w wieku przedszkolnym, dlatego wybierając tematy scenariuszy, kierowałyśmy się właśnie nimi. Sprawdź, co dla Ciebie stworzyłyśmy!</p>
<a href="gotowe-scenariusze-do-zajec-tus-dla-dzieci-46-lat#kup" class="kw-cta">Chcę zobaczyć to rozwiązanie!</a>
</div>
<div class="kw-flex-img">
<img src="/files/pages/assets/2026-08-28/dzieci-emocje_mtcu9021.jpg" alt="Zajęcia TUS z dziećmi w wieku przedszkolnym" class="kw-image" loading="lazy">
</div>
</div>
</section>
</div>