<section id="ebook-final-purchase">
<style>
#ebook-final-purchase {
background: linear-gradient(160deg, color-mix(in srgb, var(--et-colors-brand, #C2185B) 8%, var(--et-colors-background, #f9fafb)), var(--et-colors-background, #f9fafb));
padding-block: var(--et-spacing-vertical, 4rem);
padding-inline: var(--et-spacing-horizontal, 1.5rem);
}
@media (min-width: 1024px) {
#ebook-final-purchase {
padding-block: var(--et-spacing-vertical-lg, 6rem);
padding-inline: var(--et-spacing-horizontal-lg, 3rem);
}
}
#ebook-final-purchase .container {
margin-inline: auto;
max-width: 42rem;
}
@media (min-width: 1024px) {
#ebook-final-purchase .container {
max-width: 80rem;
}
}
#ebook-final-purchase .inner-layout {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
}
@media (min-width: 1024px) {
#ebook-final-purchase .inner-layout {
flex-direction: row;
align-items: center;
justify-content: center;
gap: 5rem;
}
}
#ebook-final-purchase .mockup-col {
flex: 0 0 auto;
width: 100%;
max-width: 520px;
}
@media (min-width: 1024px) {
#ebook-final-purchase .mockup-col {
flex: 0 0 48%;
max-width: 48%;
}
}
#ebook-final-purchase .ebook-cover-img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
border-radius: var(--et-radius-image, 8px);
margin-bottom: 0;
}
#ebook-final-purchase .content-col {
flex: 1 1 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1023px) {
#ebook-final-purchase .content-col {
align-items: center;
text-align: center;
}
#ebook-final-purchase .heading,
#ebook-final-purchase .paragraph,
#ebook-final-purchase .price-block {
max-width: 100%;
text-align: center;
}
#ebook-final-purchase .benefit-list {
text-align: left;
align-self: stretch;
}
}
#ebook-final-purchase .heading {
color: var(--et-colors-text, #101828);
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
max-width: 42rem;
margin-bottom: 16px;
font-size: 36px;
}
@media (min-width: 640px) {
#ebook-final-purchase .heading {
font-size: 48px;
}
}
#ebook-final-purchase .tag {
color: var(--et-colors-brand, #C2185B);
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
font-size: 16px;
margin-bottom: 8px;
}
#ebook-final-purchase .paragraph {
color: var(--et-colors-text, #101828);
font-size: 18px;
opacity: 0.7;
text-wrap: balance;
max-width: 42rem;
margin-bottom: 20px;
}
#ebook-final-purchase .price-block {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 20px;
}
#ebook-final-purchase .price-main {
font-size: 52px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.03em;
color: var(--et-colors-brand, #C2185B);
}
#ebook-final-purchase .price-old {
font-size: 22px;
font-weight: 500;
color: var(--et-colors-text, #101828);
opacity: 0.35;
text-decoration: line-through;
}
#ebook-final-purchase .price-vat {
font-size: 13px;
color: var(--et-colors-text, #101828);
opacity: 0.45;
align-self: flex-end;
margin-bottom: 4px;
}
#ebook-final-purchase .benefit-list {
list-style: none;
padding: 0;
margin: 0 0 28px;
}
#ebook-final-purchase .benefit-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 16px;
color: var(--et-colors-text, #101828);
opacity: 0.75;
margin-bottom: 10px;
}
#ebook-final-purchase .benefit-list li:last-child {
margin-bottom: 0;
}
#ebook-final-purchase .benefit-list li .check-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: color-mix(in srgb, var(--et-colors-brand, #C2185B) 15%, transparent);
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
#ebook-final-purchase .benefit-list li .check-icon svg {
width: 11px;
height: 11px;
}
#ebook-final-purchase .btn {
border-radius: var(--et-radius-button, 8px);
padding: 14px 28px;
font-size: 16px;
font-weight: 600;
display: inline-flex;
align-items: center;
text-decoration: none;
margin-bottom: 12px;
transition: background-color 0.2s ease, transform 0.15s ease;
}
#ebook-final-purchase .btn-primary {
background-color: var(--et-colors-brand, #C2185B);
color: var(--et-colors-background, #f9fafb);
}
#ebook-final-purchase .btn-primary:hover {
background-color: color-mix(in srgb, var(--et-colors-brand, #C2185B) 88%, #000);
transform: translateY(-1px);
}
#ebook-final-purchase .btn-primary:focus-visible {
outline: 2px solid var(--et-colors-brand, #C2185B);
outline-offset: 3px;
}
#ebook-final-purchase .link-secondary {
color: var(--et-colors-text, #101828);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
opacity: 0.55;
border-bottom: 1px solid transparent;
margin-bottom: 0;
transition: opacity 0.2s, border-bottom-color 0.2s;
}
#ebook-final-purchase .link-secondary:hover {
opacity: 1;
border-bottom-color: currentColor;
}
#ebook-final-purchase .link-secondary:focus-visible {
outline: 1px dotted currentColor;
outline-offset: 2px;
}
#ebook-final-purchase .cta-group {
display: flex;
flex-direction: column;
gap: 4px;
}
#ebook-final-purchase .divider {
width: 48px;
height: 3px;
background-color: var(--et-colors-brand, #C2185B);
border-radius: 4px;
margin-bottom: 24px;
opacity: 0.5;
}
@media (max-width: 1023px) {
#ebook-final-purchase .divider {
margin-inline: auto;
}
#ebook-final-purchase .cta-group {
align-items: center;
}
}
</style>
<div class="container">
<div class="inner-layout">
<div class="mockup-col">
<img
class="ebook-cover-img"
src="https://volleyball-analytics.com/wp-content/uploads/2026/06/Ebook-Kamil-mockup-z-arkuszami.png"
alt="Mockup e-booka „Zrozumieć siatkówkę" wraz z arkuszami do analizy"
loading="lazy"
width="800"
height="600"
>
</div>
<div class="content-col">
<h3 class="tag">Oglądaj siatkówkę jak profesjonalista</h3>
<h2 class="heading">Zrozumieć siatkówkę</h2>
<div class="divider" role="presentation"></div>
<p class="paragraph">Kolejny mecz możesz obejrzeć dokładnie tak jak dotychczas albo zacząć dostrzegać na parkiecie mechanizmy, o których nie dowiesz się z telewizyjnego komentarza. Dołącz do grona czytelników i wejdź na wyższy poziom rozumienia taktyki.</p>
<ul class="benefit-list" aria-label="Co otrzymasz w pakiecie">
<li>
<span class="check-icon" aria-hidden="true">
<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 6.5L4.8 9L10 3" stroke="#C2185B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
E-book w formatach PDF i ePub
</li>
<li>
<span class="check-icon" aria-hidden="true">
<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 6.5L4.8 9L10 3" stroke="#C2185B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Arkusze gotowe do wydruku
</li>
<li>
<span class="check-icon" aria-hidden="true">
<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 6.5L4.8 9L10 3" stroke="#C2185B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
130 stron merytorycznej wiedzy
</li>
<li>
<span class="check-icon" aria-hidden="true">
<svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2 6.5L4.8 9L10 3" stroke="#C2185B" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Perspektywa analityka kadr i topowych zespołów
</li>
</ul>
<div class="price-block" aria-label="Cena produktu">
<span class="price-main" aria-label="Cena regularna">99 zł</span>
<span class="price-vat" aria-hidden="true"></span>
</div>
<div class="cta-group">
<a class="btn btn-primary" href="https://shop.volleyball-analytics.com/checkout/wszystko-co-musisz-wiedziec-o-siatkowce" target="_blank" rel="noopener noreferrer">Kup teraz i pobierz od razu</a>
<a class="link-secondary" href="#ebook-spis-tresci">Dowiedz się więcej <span aria-hidden="true">→</span></a>
</div>
</div>
</div>
</div>
</section>
