<div class="vsl-hero">
<style>
.vsl-hero {
background-color: #ffffff;
padding: 4rem 1rem;
font-family: 'Montserrat', sans-serif;
color: #07071a;
position: relative;
box-sizing: border-box;
}
.vsl-hero * {
box-sizing: inherit;
}
.vsl-container {
max-width: 1200px;
margin: 0 auto;
}
.vsl-h1 {
font-size: clamp(2.25rem, 5vw, 3.25rem);
font-weight: 700;
line-height: 1.2;
text-align: center;
max-width: 56rem;
margin: 0 auto;
color: #07071a;
}
.vsl-subhead {
text-align: center;
font-size: clamp(1.125rem, 3vw, 1.25rem);
color: #596174;
max-width: 48rem;
margin: 1.25rem auto 0;
}
.vsl-video-wrapper {
max-width: 48rem;
margin: 2.5rem auto 0;
}
.vsl-post-video-text {
text-align: center;
font-size: clamp(1rem, 2.5vw, 1.125rem);
color: #596174;
max-width: 42rem;
margin: 1.5rem auto 0;
}
.vsl-cta-wrapper {
text-align: center;
margin-top: 1.5rem;
}
@keyframes vslPulse {
0% {
box-shadow: 0 0 0 0 rgba(220, 123, 35, 0.7);
}
70% {
box-shadow: 0 0 0 15px rgba(220, 123, 35, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(220, 123, 35, 0);
}
}
.vsl-btn {
background-color: #dc7b23;
color: #ffffff;
font-weight: 700;
border-radius: 9999px;
padding: 1rem 2rem;
font-size: clamp(1rem, 2.5vw, 1.125rem);
text-transform: uppercase;
letter-spacing: 0.05em;
display: inline-block;
text-decoration: none;
text-align: center;
transition: background-color 0.3s ease;
animation: vslPulse 2s infinite;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.vsl-btn:hover {
background-color: #07071a;
animation: none;
}
.vsl-microtext {
font-size: clamp(0.75rem, 2vw, 0.875rem);
color: #596174;
margin-top: 0.75rem;
text-align: center;
}
.vsl-mobile-sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
padding: 1rem;
box-shadow: 0 -10px 15px -3px rgba(7, 7, 26, 0.05);
transform: translateY(100%);
visibility: hidden;
transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
z-index: 9999;
display: flex;
justify-content: center;
}
.vsl-mobile-sticky.is-visible {
transform: translateY(0);
visibility: visible;
}
.vsl-mobile-sticky .vsl-btn {
width: 100%;
font-size: 0.875rem;
padding: 1rem;
}
@media (min-width: 640px) {
.vsl-hero {
padding: 6rem 1rem;
}
}
@media (min-width: 768px) {
.vsl-mobile-sticky {
display: none !important;
}
}
</style>
<div class="vsl-container">
<h1 class="vsl-h1">Manifestuj powtarzalnie, bez lęku, zwątpienia i ograniczających przekonań</h1>
<p class="vsl-subhead">Sprawdzony system krok po kroku, dzięki któremu wykreujesz swoją rzeczywistość i zbudujesz życie, w którym spełniają się Twoje marzenia.</p>
<div class="vsl-video-wrapper">
<div style="position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(7,7,26,0.12);border:1px solid rgba(141,110,194,0.2);">
<iframe src="https://fast.wistia.net/embed/iframe/m4249fe8c6?seo=false&videoFoam=true" title="Wistia video player" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;"></iframe>
</div>
</div>
<p class="vsl-post-video-text">Nie musisz już błądzić między technikami. Obejrzyj film i zobacz, jak mój prosty system pomaga Ci odzyskać wpływ na własną rzeczywistość.</p>
<div class="vsl-cta-wrapper">
<a href="https://sklep.filipkonewecki.pl/checkout/zaufaj-wyobrazni-stworz-zycie-jakiego-pragniesz"
class="vsl-btn js-vsl-track"
data-easycart-product-id="135872"
target="_blank" rel="noopener noreferrer">
ZACZNIJ BUDOWAĆ SWOJE ŻYCIE MARZEŃ
</a>
<p class="vsl-microtext">Dostęp natychmiastowy · Bezpieczna płatność</p>
</div>
</div>
<div class="vsl-mobile-sticky" id="vslMobileSticky">
<a href="https://sklep.filipkonewecki.pl/checkout/zaufaj-wyobrazni-stworz-zycie-jakiego-pragniesz"
class="vsl-btn js-vsl-track"
data-easycart-product-id="135872"
target="_blank" rel="noopener noreferrer">
ZACZNIJ BUDOWAĆ SWOJE ŻYCIE MARZEŃ
</a>
</div>
<script>
function initVslScripts() {
var trackBtns = document.querySelectorAll('.js-vsl-track');
trackBtns.forEach(function(btn) {
btn.addEventListener('click', function() {
if (window.fbq) {
window.fbq('track', 'InitiateCheckout', {
content_name: 'Zaufaj Wyobraźni',
currency: 'PLN',
value: 2253
});
}
if (window.gtag) {
window.gtag('event', 'select_item', {
item_list_name: 'Hero CTA',
items: [{
item_id: '135872',
item_name: 'Zaufaj Wyobraźni – Stwórz życie jakiego pragniesz',
price: 2253,
currency: 'PLN'
}]
});
}
});
});
var heroSection = document.querySelector('.vsl-hero');
var stickyBar = document.getElementById('vslMobileSticky');
if (heroSection && stickyBar && 'IntersectionObserver' in window) {
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (!entry.isIntersecting && window.innerWidth < 768) {
stickyBar.classList.add('is-visible');
} else {
stickyBar.classList.remove('is-visible');
}
});
}, {
root: null,
threshold: 0
});
observer.observe(heroSection);
window.addEventListener('resize', function() {
if (window.innerWidth >= 768) {
stickyBar.classList.remove('is-visible');
} else {
var rect = heroSection.getBoundingClientRect();
if (rect.bottom < 0) {
stickyBar.classList.add('is-visible');
} else {
stickyBar.classList.remove('is-visible');
}
}
});
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initVslScripts);
} else {
initVslScripts();
}
</script>
</div>