Klaudia Kot

<!DOCTYPE html>
<html lang=”pl”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Zanim znów się cofniesz – Klaudia Kot</title>
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link href=”https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@200;300;400&display=swap” rel=”stylesheet”>
<style>
:root {
–bordo: #6e1f2e;
–bordo2: #8a2a3a;
–bordo-light: #a33a4a;
–biel: #faf7f2;
–bez: #e8ddd0;
–bez2: #d4c9ba;
–bez3: #c4b5a4;
–ciemny: #2a1a14;
–tekst: #3a2520;
–tekst2: #6a5048;
–tekst3: #9a8070;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
background: var(–biel);
color: var(–tekst);
font-family: 'Jost’, sans-serif;
font-weight: 300;
overflow-x: hidden;
}

/* ====== HERO ====== */
.hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(–ciemny);
}

.hero-bg {
position: absolute;
inset: 0;
background:
radial-gradient(ellipse 80% 60% at 50% 100%, rgba(110,31,46,0.5) 0%, transparent 65%),
radial-gradient(ellipse 50% 40% at 10% 0%, rgba(232,221,208,0.06) 0%, transparent 60%);
}

.hero-photo {
position: absolute;
right: 0;
bottom: 0;
width: 42%;
max-width: 520px;
height: 95%;
object-fit: cover;
object-position: top center;
opacity: 0.35;
mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.3) 70%, transparent 100%);
-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.3) 70%, transparent 100%);
}

.hero-photo2 {
position: absolute;
left: 0;
top: 60px;
width: 20%;
max-width: 240px;
height: 60%;
object-fit: cover;
object-position: top center;
opacity: 0.12;
mask-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, transparent 100%);
}

.deco-svg {
position: absolute;
pointer-events: none;
}

.hero-content {
position: relative;
z-index: 2;
text-align: center;
max-width: 620px;
padding: 80px 40px;
}

.eyebrow {
display: block;
font-size: 10px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–bez2);
margin-bottom: 36px;
font-weight: 300;
opacity: 0.7;
}

.hero h1 {
font-family: 'Cormorant Garamond’, serif;
font-size: 82px;
font-weight: 300;
line-height: 1.0;
color: var(–biel);
letter-spacing: -1px;
margin-bottom: 28px;
}

.hero h1 em {
font-style: italic;
color: var(–bez);
}

.hero-rule {
width: 1px;
height: 60px;
background: linear-gradient(to bottom, var(–bez2), transparent);
margin: 0 auto 28px;
opacity: 0.4;
}

.hero-sub {
font-size: 15px;
color: var(–bez3);
line-height: 1.9;
max-width: 400px;
margin: 0 auto;
font-weight: 300;
}

/* ====== SEKCJE OGÓLNE ====== */
.sep {
height: 1px;
background: linear-gradient(to right, transparent, var(–bez2), transparent);
opacity: 0.5;
}

.sep-bordo {
height: 1px;
background: linear-gradient(to right, transparent, var(–bordo), transparent);
opacity: 0.3;
}

.section-eyebrow {
display: block;
font-size: 9px;
letter-spacing: 5px;
text-transform: uppercase;
color: var(–bordo-light);
margin-bottom: 18px;
font-weight: 300;
}

/* ====== MIRROR ====== */
.mirror-section {
background: var(–biel);
padding: 100px 60px;
}

.mirror-inner {
max-width: 720px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: start;
}

.mirror-left h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: 46px;
font-weight: 300;
color: var(–ciemny);
line-height: 1.15;
margin-bottom: 24px;
}

.mirror-left h2 em {
font-style: italic;
color: var(–bordo);
}

.mirror-left p {
font-size: 14px;
color: var(–tekst2);
line-height: 1.9;
}

.mirror-items { display: flex; flex-direction: column; }

.mirror-item {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 20px 0;
border-bottom: 1px solid var(–bez);
}

.mirror-item:last-child { border-bottom: none; }

.mirror-num {
font-family: 'Cormorant Garamond’, serif;
font-size: 28px;
font-style: italic;
color: var(–bez2);
line-height: 1;
flex-shrink: 0;
margin-top: 2px;
width: 28px;
}

.mirror-text {
font-size: 14px;
color: var(–tekst2);
line-height: 1.8;
}

.mirror-text strong {
color: var(–ciemny);
font-weight: 400;
}

/* ====== BELIEFS ====== */
.beliefs-section {
background: var(–bez);
padding: 100px 60px;
}

.beliefs-header {
max-width: 720px;
margin: 0 auto 56px;
}

.beliefs-header h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: 40px;
font-weight: 300;
color: var(–ciemny);
line-height: 1.2;
margin-bottom: 16px;
}

.beliefs-header p {
font-size: 14px;
color: var(–tekst2);
line-height: 1.9;
max-width: 480px;
}

.beliefs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
max-width: 720px;
margin: 0 auto;
background: var(–bez2);
border: 1px solid var(–bez2);
}

.belief {
background: var(–bez);
padding: 30px 26px;
position: relative;
overflow: hidden;
}

.belief::before {
content: '\201C’;
font-family: 'Cormorant Garamond’, serif;
font-size: 90px;
color: var(–bordo);
opacity: 0.07;
position: absolute;
top: 0;
left: 10px;
line-height: 1;
}

.belief-q {
font-family: 'Cormorant Garamond’, serif;
font-size: 18px;
font-style: italic;
color: var(–bordo);
margin-bottom: 10px;
line-height: 1.4;
position: relative;
z-index: 1;
}

.belief-body {
font-size: 12px;
color: var(–tekst3);
line-height: 1.75;
}

/* ====== BRIDGE ====== */
.bridge {
background: var(–ciemny);
padding: 100px 60px;
position: relative;
overflow: hidden;
}

.bridge-photo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.06;
filter: sepia(40%);
}

.bridge-inner {
position: relative;
z-index: 2;
max-width: 680px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}

.bridge-left {}

.bridge-left .section-eyebrow { color: var(–bez2); opacity: 0.6; }

.bridge-left h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: 40px;
font-weight: 300;
color: var(–biel);
line-height: 1.2;
margin-bottom: 20px;
}

.bridge-left h2 em {
font-style: italic;
color: var(–bez);
}

.bridge-right p {
font-size: 15px;
color: var(–bez3);
line-height: 1.95;
font-weight: 300;
}

.bridge-right p strong {
color: var(–biel);
font-weight: 300;
}

.bridge-rule {
width: 1px;
height: 80px;
background: linear-gradient(to bottom, var(–bordo), transparent);
margin-top: 32px;
opacity: 0.5;
}

/* ====== PACKAGES ====== */
.packages-section {
background: var(–biel);
padding: 100px 60px;
}

.packages-header {
max-width: 720px;
margin: 0 auto 56px;
}

.packages-header h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: 44px;
font-weight: 300;
color: var(–ciemny);
line-height: 1.2;
}

.packages-header h2 em {
font-style: italic;
color: var(–bordo);
}

.packages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
max-width: 720px;
margin: 0 auto 20px;
}

.pkg {
background: var(–biel);
border: 1px solid var(–bez);
padding: 36px 26px 28px;
display: flex;
flex-direction: column;
position: relative;
transition: border-color 0.3s, box-shadow 0.3s;
}

.pkg:hover {
border-color: var(–bordo);
box-shadow: 0 4px 32px rgba(110,31,46,0.08);
}

.pkg.featured {
border-color: var(–bordo);
background: #fdf6f4;
}

.pkg-badge {
position: absolute;
top: -1px;
left: 50%;
transform: translateX(-50%);
background: var(–bordo);
color: var(–biel);
font-size: 8px;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 16px;
white-space: nowrap;
font-weight: 300;
}

.pkg-wave {
margin-bottom: 20px;
opacity: 0.3;
}

.pkg-num {
font-size: 10px;
letter-spacing: 4px;
color: var(–bordo-light);
text-transform: uppercase;
margin-bottom: 8px;
font-weight: 300;
}

.pkg-name {
font-family: 'Cormorant Garamond’, serif;
font-size: 26px;
font-weight: 300;
color: var(–ciemny);
margin-bottom: 14px;
line-height: 1.2;
}

.pkg-for {
font-size: 13px;
color: var(–tekst2);
line-height: 1.8;
font-style: italic;
margin-bottom: 22px;
flex: 1;
}

.pkg-list {
list-style: none;
margin-bottom: 24px;
}

.pkg-list li {
font-size: 12px;
color: var(–tekst3);
padding: 6px 0 6px 14px;
position: relative;
border-bottom: 1px solid var(–bez);
line-height: 1.5;
}

.pkg-list li:last-child { border-bottom: none; }

.pkg-list li::before {
content: ”;
position: absolute;
left: 0;
top: 12px;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(–bordo);
opacity: 0.4;
}

.pkg-price {
font-family: 'Cormorant Garamond’, serif;
font-size: 40px;
font-weight: 300;
color: var(–ciemny);
line-height: 1;
margin-bottom: 3px;
}

.pkg-per {
font-size: 11px;
color: var(–tekst3);
margin-bottom: 20px;
}

.btn {
display: block;
width: 100%;
padding: 14px;
font-family: 'Jost’, sans-serif;
font-size: 10px;
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.25s;
}

.btn-ghost {
background: transparent;
border: 1px solid var(–bez2);
color: var(–bordo);
}

.btn-ghost:hover {
background: var(–bordo);
border-color: var(–bordo);
color: var(–biel);
}

.btn-fill {
background: var(–bordo);
border: 1px solid var(–bordo);
color: var(–biel);
}

.btn-fill:hover {
background: var(–bordo2);
border-color: var(–bordo2);
}

/* ====== ZŁOTY PRÓG program ====== */
.program-card {
max-width: 720px;
margin: 0 auto;
background: var(–ciemny);
padding: 48px 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}

.program-left .pkg-num { color: var(–bez2); opacity: 0.6; }

.program-left .pkg-name {
color: var(–biel);
font-size: 30px;
margin-bottom: 16px;
}

.program-left .pkg-for {
color: var(–bez3);
margin-bottom: 20px;
}

.program-tag {
display: inline-block;
background: rgba(110,31,46,0.5);
color: var(–bez2);
font-size: 9px;
letter-spacing: 3px;
text-transform: uppercase;
padding: 5px 12px;
margin-bottom: 20px;
}

.program-right .pkg-list li {
color: var(–bez3);
border-bottom-color: rgba(232,221,208,0.1);
}

.program-price {
font-family: 'Cormorant Garamond’, serif;
font-size: 44px;
font-weight: 300;
color: var(–biel);
margin-bottom: 4px;
}

.program-per {
font-size: 11px;
color: var(–tekst3);
margin-bottom: 24px;
}

.program-bonus {
background: rgba(110,31,46,0.25);
border-left: 2px solid var(–bordo);
padding: 14px 16px;
margin-bottom: 24px;
}

.program-bonus p {
font-size: 12px;
color: var(–bez3);
line-height: 1.7;
}

.program-bonus strong {
color: var(–biel);
font-weight: 300;
}

/* ====== CONTACT ====== */
.contact-section {
background: var(–bez);
padding: 100px 60px;
text-align: center;
position: relative;
overflow: hidden;
}

.contact-deco {
position: absolute;
bottom: -80px;
right: -80px;
opacity: 0.06;
pointer-events: none;
}

.contact-inner { position: relative; z-index: 2; }

.contact-rule {
width: 40px;
height: 1px;
background: var(–bordo);
margin: 0 auto 40px;
opacity: 0.3;
}

.contact-section h2 {
font-family: 'Cormorant Garamond’, serif;
font-size: 42px;
font-weight: 300;
color: var(–ciemny);
margin-bottom: 14px;
}

.contact-section p {
font-size: 14px;
color: var(–tekst2);
margin-bottom: 40px;
line-height: 1.9;
}

.contact-btns {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
}

.btn-c {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
border: 1px solid var(–bez2);
background: transparent;
color: var(–tekst2);
font-family: 'Jost’, sans-serif;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.25s;
cursor: pointer;
}

.btn-c:hover {
border-color: var(–bordo);
color: var(–bordo);
}

.btn-c svg { width: 16px; height: 16px; opacity: 0.6; }

@media (max-width: 768px) {
.hero h1 { font-size: 52px; }
.mirror-inner { grid-template-columns: 1fr; gap: 40px; }
.beliefs-grid { grid-template-columns: 1fr; }
.bridge-inner { grid-template-columns: 1fr; gap: 40px; }
.packages-grid { grid-template-columns: 1fr; }
.program-card { grid-template-columns: 1fr; gap: 32px; }
.mirror-section, .beliefs-section, .bridge, .packages-section, .contact-section { padding: 70px 30px; }
}
</style>
</head>
<body>

<!– HERO –>
<section class=”hero”>
<div class=”hero-bg”></div>

<div class=”hero-content”>
<span class=”eyebrow”>Klaudia Kot • Hipnoterapia</span>
<h1>Zanim znów<br>się <em>cofniesz</em></h1>
<div class=”hero-rule”></div>
<p class=”hero-sub”>Sesje hipnoterapii dla kobiet, które wiedzą co chcą — i wciąż tego nie robią.</p>
</div>
</section>

<!– MIRROR –>
<section class=”mirror-section”>
<div class=”mirror-inner”>
<div class=”mirror-left”>

<h2>Poznajesz siebie<br>w tym <em>zdaniu?</em></h2>
<p>Wiesz czego chcesz. I nie robisz tego. Nie dlatego że nie masz talentu. Nie dlatego że nie masz wiedzy.</p>
</div>
<div class=”mirror-items”>
<div class=”mirror-item”>
<span class=”mirror-num”>I</span>
<p class=”mirror-text”>Chcesz wyjść na live. Telefon gotowy. <strong>Zamykasz go po raz trzeci w tym tygodniu.</strong></p>
</div>
<div class=”mirror-item”>
<span class=”mirror-num”>II</span>
<p class=”mirror-text”>Kurs, oferta, produkt gotowe od miesięcy. <strong>Nadal w folderze robocze.</strong></p>
</div>
<div class=”mirror-item”>
<span class=”mirror-num”>III</span>
<p class=”mirror-text”>Nagrywasz pierwszą minutę YouTube. Oglądasz. <strong>Kasujesz. Znowu.</strong></p>
</div>
<div class=”mirror-item”>
<span class=”mirror-num”>IV</span>
<p class=”mirror-text”>Piszesz cenę. <strong>Zmieniasz na niższą. Wysyłasz z przeprosinami w środku.</strong></p>
</div>
<div class=”mirror-item”>
<span class=”mirror-num”>V</span>
<p class=”mirror-text”>Wiesz że masz coś wartościowego. I czekasz aż będziesz <strong>wystarczająco gotowa.</strong></p>
</div>
</div>
</div>
</section>

<!– BELIEFS –>
<section class=”beliefs-section”>
<div class=”beliefs-header”>
<span class=”section-eyebrow”>Co mówi głowa</span>
<h2>Masz talent, masz zasoby, wiedzę.<br>Nie w tym leży problem.</h2>
<p>To głos który zna Cię na pamięć. I który uruchamia się dokładnie wtedy kiedy zbliżasz się do czegoś ważnego.</p>
</div>
<div class=”beliefs-grid”>
<div class=”belief”>
<p class=”belief-q”>Kto ja jestem żeby to sprzedawać</p>
<p class=”belief-body”>Są lepsi, starsi, z większą liczbą obserwujących. Ja jeszcze trochę poczekam.</p>
</div>
<div class=”belief”>
<p class=”belief-q”>Co ludzie pomyślą</p>
<p class=”belief-body”>Znajomi. Rodzina. Ta jedna osoba z liceum która milcząco obserwuje każdy post.</p>
</div>
<div class=”belief”>
<p class=”belief-q”>Jestem za mało ekspertem</p>
<p class=”belief-body”>Jeszcze jeden kurs. Jeden certyfikat. Trochę więcej doświadczenia. Potem.</p>
</div>
<div class=”belief”>
<p class=”belief-q”>Jak mnie ocenią</p>
<p class=”belief-body”>Za drogo. Za tanio. Za bardzo. Za mało. Ciało już zdecydowało zanim zdążyłaś pomyśleć.</p>
</div>
<div class=”belief”>
<p class=”belief-q”>Nikt tego nie kupi</p>
<p class=”belief-body”>Więc nie wyślesz. Nie opublikujesz. Nie zapytasz. Na wszelki wypadek.</p>
</div>
<div class=”belief”>
<p class=”belief-q”>Nie chcę być nachalna</p>
<p class=”belief-body”>Sprzedaż to wciskanie — tak mówi coś w środku. Więc nie sprzedajesz. I jakoś nie zarabiasz.</p>
</div>
</div>
</section>

<!– BRIDGE –>
<section class=”bridge”>
<img class=”bridge-photo”
src=”https://klaudiakot.pl/wp-content/uploads/2026/02/jpg-1024×576.jpg”
alt=””
onerror=”this.style.display=’none'”>

<div class=”bridge-inner”>
<div class=”bridge-left”>
<span class=”section-eyebrow” style=”color:var(–bez2);opacity:0.6;”>Skąd to się bierze</span>
<h2>Ciało<br>to <em>pamięta.</em></h2>
<div class=”bridge-rule”></div>
</div>
<div class=”bridge-right”>
<p>Może byłaś mała. Stałaś przy tablicy i nie znałaś odpowiedzi. Albo zaśpiewałaś i ktoś się roześmiał. Albo powiedziałaś co myślisz i usłyszałaś że lepiej milczeć.<br><br><strong>Dzieci i ryby głosu nie mają.</strong><br><br>Ciało to zapisało — i teraz kiedy masz włączyć live, wysłać ofertę, powiedzieć cenę, odpala ten sam alarm. Jakbyś znowu stała przy tej tablicy.<br><br>W hipnozie wracamy do tych konkretnych historii. Przepisujemy przekonanie które tam utknęło. Pracuję z powięzią, z ciałem — nie tylko z myślą. Dlatego to działa tam gdzie sam rozum nie daje rady.</p>
</div>
</div>
</section>

<!– PACKAGES –>
<section class=”packages-section”>
<div class=”packages-header”>
<span class=”section-eyebrow”>Praca 1:1</span>
<h2>Trzy ścieżki.<br><em>Jedna decyzja.</em></h2>
</div>

<div class=”packages-grid”>
<div class=”pkg”>
<svg class=”pkg-wave” width=”36″ height=”16″ viewBox=”0 0 36 16″ fill=”none”>
<path d=”M0 8Q9 1 18 8Q27 15 36 8″ stroke=”#6e1f2e” stroke-width=”0.8″/>
</svg>
<p class=”pkg-num”>3 sesje</p>
<h3 class=”pkg-name”>Próg Mocy</h3>
<p class=”pkg-for”>Wiesz gdzie leży problem. Chcesz poczuć co to znaczy ruszyć — zamiast znowu analizować.</p>
<ul class=”pkg-list”>
<li>3 sesje hipnoterapii 1:1</li>
<li>Praca z ciałem i podświadomością</li>
</ul>
<p class=”pkg-price”>1 600 zł</p>
<p class=”pkg-per”>533 zł za sesję</p>
<a class=”btn btn-ghost” href=”https://klaudiakot.pl/produkt/pakiet-3-sesje-swiadomosc-mini/” target=”_blank”>Dodaj do koszyka</a>
</div>

<div class=”pkg featured”>
<div class=”pkg-badge”>Polecany</div>
<svg class=”pkg-wave” width=”36″ height=”16″ viewBox=”0 0 36 16″ fill=”none”>
<path d=”M0 8Q9 1 18 8Q27 15 36 8″ stroke=”#6e1f2e” stroke-width=”0.8″/>
</svg>
<p class=”pkg-num”>6 sesji</p>
<h3 class=”pkg-name”>Pojemność na Sukces</h3>
<p class=”pkg-for”>Wzorzec przepracowany na stałe. Ciało uczy się inaczej reagować przy decyzji, sprzedaży, widoczności.</p>
<ul class=”pkg-list”>
<li>6 sesji hipnoterapii 1:1</li>
<li>Praca z głębokimi przekonaniami</li>
<li>Materiały między sesjami</li>
<li>Wsparcie między sesjami</li>
</ul>
<p class=”pkg-price”>3 000 zł</p>
<p class=”pkg-per”>500 zł za sesję</p>
<a class=”btn btn-fill” href=”https://klaudiakot.pl/produkt/pakiet-6-sesji-swiadomosc-glebiej/” target=”_blank”>Dodaj do koszyka</a>
</div>

<div class=”pkg”>
<svg class=”pkg-wave” width=”36″ height=”16″ viewBox=”0 0 36 16″ fill=”none”>
<path d=”M0 8Q9 1 18 8Q27 15 36 8″ stroke=”#6e1f2e” stroke-width=”0.8″/>
</svg>
<p class=”pkg-num”>9 sesji</p>
<h3 class=”pkg-name”>Intensywna praca</h3>
<p class=”pkg-for”>Dla kobiet które są gotowe raz na zawsze przestać się cofać. Live, sprzedaż, widoczność. Wszystko.</p>
<ul class=”pkg-list”>
<li>9 sesji hipnoterapii 1:1</li>
<li>Kompleksowa praca systemowa</li>
<li>Materiały między sesjami</li>
<li>Wsparcie między sesjami</li>
<li>Oszczędzasz 600 zł</li>
</ul>
<p class=”pkg-price”>3 900 zł</p>
<p class=”pkg-per”>433 zł za sesję</p>
<a class=”btn btn-ghost” href=”https://klaudiakot.pl/sklep/” target=”_blank”>Dodaj do koszyka</a>
</div>
</div>

<!– ZŁOTY PRÓG program –>
<div class=”program-card” style=”margin-top:20px;”>
<div class=”program-left”>
<span class=”pkg-num” style=”color:var(–bez2);opacity:0.6;”>Program grupowy</span>
<div class=”program-tag”>Sierpień 2026</div>
<h3 class=”pkg-name” style=”color:var(–biel);font-size:30px;”>Złoty Próg</h3>
<p class=”pkg-for” style=”color:var(–bez3);”>Program nagrany z trzema spotkaniami na żywo. Dla kobiet które chcą przejść przez próg widoczności, decyzji i sprzedaży — w grupie, w swoim tempie.</p>
</div>
<div class=”program-right”>
<ul class=”pkg-list” style=”margin-bottom:20px;”>
<li style=”color:var(–bez3);border-bottom-color:rgba(232,221,208,0.1);”>Program nagrany — dostęp od razu</li>
<li style=”color:var(–bez3);border-bottom-color:rgba(232,221,208,0.1);”>3 spotkania na żywo</li>
<li style=”color:var(–bez3);border-bottom-color:rgba(232,221,208,0.1);”>Kolejna edycja — sierpień</li>
</ul>
<div class=”program-bonus”>
<p><strong>Zapisz się wcześniej i otrzymaj sesję rozpoznania</strong> — godzinna rozmowa 1:1 zanim zaczniemy.</p>
</div>
<p class=”program-price”>1 400 zł</p>
<p class=”program-per”>program + 3 spotkania na żywo</p>
<a class=”btn btn-ghost” href=”https://klaudiakot.pl/produkt/zloty-prog-inicjacja-w-ekspancje/” target=”_blank” style=”border-color:rgba(232,221,208,0.2);color:var(–bez2);”>Zapisuję się</a>
</div>
</div>
</section>

<!– CONTACT –>
<section class=”contact-section”>
<svg class=”contact-deco” width=”500″ height=”500″ viewBox=”0 0 500 500″>
<circle cx=”250″ cy=”250″ r=”240″ stroke=”#6e1f2e” stroke-width=”0.6″ fill=”none”/>
<circle cx=”250″ cy=”250″ r=”180″ stroke=”#6e1f2e” stroke-width=”0.4″ fill=”none”/>
<circle cx=”250″ cy=”250″ r=”120″ stroke=”#6e1f2e” stroke-width=”0.3″ fill=”none”/>
</svg>
<div class=”contact-inner”>
<div class=”contact-rule”></div>
<h2>Masz pytania?</h2>
<p>Napisz — powiem Ci który pakiet<br>ma sens dla Ciebie teraz.</p>
<div class=”contact-btns”>
<a class=”btn-c” href=”https://www.instagram.com/pelna_blasku/” target=”_blank”>
<svg viewBox=”0 0 24 24″ fill=”none” stroke=”currentColor” stroke-width=”1.5″>
<rect x=”2″ y=”2″ width=”20″ height=”20″ rx=”5″/>
<circle cx=”12″ cy=”12″ r=”4″/>
<circle cx=”17.5″ cy=”6.5″ r=”1″ fill=”currentColor” stroke=”none”/>
</svg>
@pelna_blasku
</a>
<a class=”btn-c” href=”https://wa.me/48536379912″ target=”_blank”>
<svg viewBox=”0 0 24 24″ fill=”none” stroke=”currentColor” stroke-width=”1.5″>
<path d=”M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z”/>
</svg>
WhatsApp
</a>
</div>
</div>
</section>

</body>
</html>

Kontakt:

wroc.do.mocy@gmail.com

YouTube

Przydatne linki:

Zobacz również

Newsletter:

Zapisz się do naszego newslettera i bądź na bieżąco! Polityka prywatności

Rejestrując się wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z Polityką Prywatności i Regulaminem Sklepu.

@ Copyright 2025 Klaudia Kot i atwi.pl