<section class="itp-payment-section">
<div class="itp-payment-container">
<p class="itp-eyebrow">SECURE YOUR PLACE</p>
<div class="itp-heading-row">
<h2>Choose your<br>payment option.</h2>
<p class="itp-intro">
Join a small cohort of ten serious writers for five weeks of
manuscript development, professional coaching and publishing
industry guidance.
</p>
</div>
<div class="itp-payment-grid">
<!-- FULL PAYMENT -->
<article class="itp-payment-card itp-featured">
<div>
<div class="itp-card-topline">
<span>Option 01</span>
<span class="itp-badge">Best value</span>
</div>
<h3>Pay in full</h3>
<p class="itp-price">
<sup>R</sup>15,500
</p>
<p class="itp-price-caption">
One secure payment
</p>
<ul>
<li>Five-week live programme</li>
<li>Eight hours of core learning</li>
<li>10+ hours of developmental coaching</li>
<li>Access to two development coaches</li>
<li>Three specialist industry sessions</li>
<li>Programme materials and recordings</li>
</ul>
</div>
<a
class="itp-button itp-button-light"
href="https://www.wandaworld.co.za/Online-Course-Childrens-Book-Writing-p637191862"
>
Pay R10,000
<span aria-hidden="true">↗</span>
</a>
</article>
<!-- TWO-PART PAYMENT PLAN -->
<article class="itp-payment-card">
<div>
<div class="itp-card-topline">
<span>Option 02</span>
<span>Payment plan</span>
</div>
<h3>Pay in two parts</h3>
<p class="itp-price">
<sup>R</sup>8,000
</p>
<p class="itp-price-caption">
First instalment due now
</p>
<div class="itp-instalments">
<div>
<span>Instalment one</span>
<strong>R8,000</strong>
<small>Paid when enrolling</small>
</div>
<div>
<span>Instalment two</span>
<strong>R8,000</strong>
<small>Due before the programme begins</small>
</div>
</div>
<p class="itp-plan-note">
Total payment-plan fee: R16,000. Your place is confirmed
after the first instalment. Full access is subject to the
second instalment being received by the stated due date.
</p>
</div>
<!-- Replace the URL below with the new R8,000 product URL -->
<a
class="itp-button itp-button-dark"
href="PASTE-YOUR-INSTALMENT-PRODUCT-LINK-HERE"
>
Pay first instalment
<span aria-hidden="true">↗</span>
</a>
</article>
</div>
<p class="itp-footer-note">
All payments are processed securely through the Wanda World store.
Questions? Email
<a href="mailto:admin@wandaworld.co.za">
admin@wandaworld.co.za
</a>.
</p>
</div>
</section>
<style>
.itp-payment-section {
--itp-ink: #171512;
--itp-paper: #f3eee5;
--itp-wine: #6e1722;
--itp-line: rgba(23, 21, 18, 0.22);
background: var(--itp-paper);
color: var(--itp-ink);
padding: 100px 24px;
font-family: Georgia, "Times New Roman", serif;
}
.itp-payment-container {
width: 100%;
max-width: 1160px;
margin: 0 auto;
}
.itp-eyebrow {
margin: 0 0 36px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
}
.itp-heading-row {
display: grid;
grid-template-columns: 1.4fr 0.6fr;
gap: 80px;
align-items: end;
margin-bottom: 70px;
}
.itp-heading-row h2 {
margin: 0;
font-size: clamp(54px, 7vw, 94px);
font-weight: 400;
line-height: 0.88;
letter-spacing: -0.055em;
}
.itp-intro {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.75;
}
.itp-payment-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.itp-payment-card {
display: flex;
min-height: 630px;
flex-direction: column;
justify-content: space-between;
border: 1px solid var(--itp-ink);
padding: 36px;
}
.itp-payment-card.itp-featured {
background: var(--itp-wine);
border-color: var(--itp-wine);
color: #ffffff;
}
.itp-card-topline {
display: flex;
justify-content: space-between;
padding-bottom: 18px;
border-bottom: 1px solid currentColor;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.itp-badge {
padding: 5px 8px;
background: #ffffff;
color: var(--itp-wine);
}
.itp-payment-card h3 {
margin: 45px 0 15px;
font-size: 34px;
font-weight: 400;
}
.itp-price {
margin: 0;
font-size: clamp(64px, 7vw, 92px);
line-height: 1;
letter-spacing: -0.055em;
}
.itp-price sup {
margin-right: 5px;
font-size: 24px;
vertical-align: top;
}
.itp-price-caption {
margin: 8px 0 35px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.itp-payment-card ul {
margin: 0 0 40px;
padding: 0;
list-style: none;
}
.itp-payment-card li {
border-top: 1px solid currentColor;
padding: 11px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.itp-instalments {
margin-bottom: 26px;
border-top: 1px solid var(--itp-line);
}
.itp-instalments div {
display: grid;
grid-template-columns: 1fr auto;
gap: 5px 20px;
padding: 16px 0;
border-bottom: 1px solid var(--itp-line);
}
.itp-instalments span,
.itp-instalments small {
font-family: Arial, Helvetica, sans-serif;
}
.itp-instalments span {
font-size: 13px;
}
.itp-instalments strong {
font-size: 18px;
}
.itp-instalments small {
grid-column: 1 / -1;
color: #625c54;
font-size: 11px;
}
.itp-plan-note {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.65;
}
.itp-button {
display: flex;
justify-content: space-between;
align-items: center;
padding: 19px 21px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.13em;
text-decoration: none;
text-transform: uppercase;
transition: transform 160ms ease, opacity 160ms ease;
}
.itp-button:hover {
transform: translateY(-2px);
opacity: 0.92;
}
.itp-button-light {
background: #ffffff;
color: var(--itp-wine);
}
.itp-button-dark {
background: var(--itp-ink);
color: #ffffff;
}
.itp-footer-note {
margin: 28px 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.itp-footer-note a {
color: inherit;
font-weight: 700;
}
@media (max-width: 760px) {
.itp-payment-section {
padding: 70px 18px;
}
.itp-heading-row,
.itp-payment-grid {
grid-template-columns: 1fr;
}
.itp-heading-row {
gap: 28px;
margin-bottom: 48px;
}
.itp-payment-card {
min-height: auto;
padding: 28px 22px;
}
.itp-button {
margin-top: 30px;
}
}
</style>
