39292-vm/current_pricing.html
2026-03-26 21:42:53 +00:00

310 lines
9.5 KiB
HTML

<style id="kmc-global-page-theme">
body.page-id-48, body.page-id-112 { background:#1C3434 !important; color:#F2F7F7; font-family:"Inter",sans-serif; }
body.page-id-48 *, body.page-id-112 * { font-family:"Inter",sans-serif; }
body.page-id-50 { background:#1C3434 !important; font-family:"Inter",sans-serif; }
body.page-id-50 .wp-site-blocks > main { background:#1C3434 !important; }
body.page-id-48 h1, body.page-id-48 h2, body.page-id-48 h3, body.page-id-48 h4, body.page-id-48 h5, body.page-id-48 h6,
body.page-id-112 h1, body.page-id-112 h2, body.page-id-112 h3, body.page-id-112 h4, body.page-id-112 h5, body.page-id-112 h6 { font-family:"Cardo",serif; font-weight:700; color:#FFFFFF; letter-spacing:0.01em; }
body.page-id-48 p, body.page-id-48 li, body.page-id-48 a, body.page-id-48 button, body.page-id-48 input, body.page-id-48 select, body.page-id-48 textarea,
body.page-id-112 p, body.page-id-112 li, body.page-id-112 a, body.page-id-112 button, body.page-id-112 input, body.page-id-112 select, body.page-id-112 textarea,
body.page-id-48 .wp-block-navigation-item__content, body.page-id-112 .wp-block-navigation-item__content,
body.page-id-48 .wp-element-button, body.page-id-112 .wp-element-button { font-family:"Inter",sans-serif; font-weight:400; }
/* Force full teal shell on About */
body.page-id-48 {
--wp--preset--color--base:#1C3434;
--wp--preset--color--base-2:#1C3434;
}
body.page-id-48 .wp-site-blocks > main,
body.page-id-48 .wp-block-template-part,
body.page-id-48 .has-base-background-color,
body.page-id-48 .has-base-2-background-color,
body.page-id-48 .wp-block-group.has-background,
body.page-id-48 .wp-block-post-content,
body.page-id-48 .entry-content { background:#1C3434 !important; }
body.page-id-50 .entry-content,
body.page-id-50 .wp-block-post-content,
body.page-id-50 .wp-site-blocks > main,
body.page-id-50 .has-base-background-color { background: #1C3434 !important; }
/* Remove default template title spacer area */
body.page-id-50 .wp-site-blocks > main, body.page-id-48 .wp-site-blocks > main { margin-block-start:0 !important; margin-top:0 !important; padding-top:0 !important; }
body.page-id-50 main > .wp-block-group.has-global-padding:first-child,
body.page-id-48 main > .wp-block-group.has-global-padding:first-child { display:none !important; }
/* Pull real page content up */
body.page-id-50 .entry-content > .wp-block-group:first-child,
body.page-id-48 .entry-content > .wp-block-group:first-child { margin-top:0 !important; padding-top:0px !important; }
body.page-id-50 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-50 .entry-content.wp-block-post-content.is-layout-constrained > .kmc-pricing-section { max-width: none !important; }
</style>
<!-- wp:html -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');
body.page-id-50 .wp-block-post-title,
body.page-id-50 h1.entry-title { display: none !important; }
.kmc-pricing-section {
background: #1C3434;
padding: 80px 24px 100px;
color: #FFFFFF;
font-family: "Inter", sans-serif;
}
.kmc-pricing-wrap {
max-width: 1080px;
margin: 0 auto;
}
.kmc-pricing-header {
text-align: center;
margin-bottom: 80px;
}
.kmc-pricing-title {
margin: 0 auto 24px;
max-width: 900px;
font-family: "Cardo", serif;
font-size: clamp(38px, 5vw, 56px);
line-height: 1.2;
color: #FFFFFF;
}
.kmc-pricing-subtitle {
margin: 0 auto;
max-width: 800px;
font-family: "Cardo", serif;
font-size: 24px;
line-height: 1.4;
color: #FFFFFF;
}
.kmc-pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-items: stretch;
}
.kmc-price-card {
background: transparent;
border: 1px solid #90F1AE;
border-radius: 24px;
padding: 48px 32px;
display: flex;
flex-direction: column;
position: relative;
text-align: center;
color: #FFFFFF;
}
.kmc-featured-badge {
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
background: #90F1AE;
color: #1C3434;
border-radius: 999px;
padding: 8px 20px;
font-size: 14px;
line-height: 1;
font-weight: 700;
letter-spacing: .02em;
white-space: nowrap;
}
.kmc-card-name {
font-family: "Cardo", serif;
font-size: 32px;
font-weight: 400;
margin: 0 0 32px 0;
color: #FFFFFF;
}
.kmc-card-price-wrap {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px;
margin-bottom: 24px;
}
.kmc-card-price {
font-family: "Cardo", serif;
font-size: clamp(48px, 4.5vw, 64px);
line-height: 1;
color: #90F1AE;
margin: 0;
}
.kmc-card-term {
font-size: 16px;
font-weight: 400;
color: rgba(255,255,255,0.7);
margin: 0;
}
.kmc-card-desc {
font-size: 16px;
line-height: 1.4;
color: #FFFFFF;
margin: 0 0 32px 0;
}
.kmc-card-divider {
height: 1px;
background: rgba(255,255,255,0.2);
margin: 0 0 32px 0;
border: none;
}
.kmc-card-features {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
flex-grow: 1;
text-align: left;
}
.kmc-card-features li {
position: relative;
padding-left: 36px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.4;
color: #FFFFFF;
font-weight: 400;
}
.kmc-card-features li::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
background-color: #90F1AE;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%231C3434" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>');
background-repeat: no-repeat;
background-position: center;
}
.kmc-card-cta-wrap {
margin-top: auto;
display: flex;
justify-content: center;
}
.kmc-card-cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 16px 24px;
border-radius: 999px;
background: #FFFFFF;
color: #1C3434;
text-decoration: none;
font-size: 16px;
font-weight: 700;
transition: all .2s ease;
box-sizing: border-box;
}
.kmc-card-cta:hover {
background: #E9E8E4;
}
.kmc-pricing-footer {
text-align: center;
margin-top: 56px;
font-size: 16px;
font-weight: 400;
color: rgba(255,255,255,0.8);
}
@media (max-width: 980px) {
.kmc-pricing-grid { grid-template-columns: 1fr; gap: 40px; }
.kmc-pricing-section { padding: 56px 20px 72px; }
.kmc-featured-badge { top: -12px; }
.kmc-pricing-title { font-size: clamp(32px, 8vw, 42px); }
}
</style>
<section class="kmc-pricing-section" aria-label="Pricing">
<div class="kmc-pricing-wrap">
<div class="kmc-pricing-header">
<h1 class="kmc-pricing-title">Pricing and <span style="color: #90F1AE;">Coaching Packages</span></h1>
<p class="kmc-pricing-subtitle">Coaching is a partnership, and I only work with clients who are fully committed to the process. Please review the options below and schedule your consultation to get started.</p>
</div>
<div class="kmc-pricing-grid">
<!-- Card 1 -->
<article class="kmc-price-card">
<h3 class="kmc-card-name">Initial Assessment</h3>
<div class="kmc-card-price-wrap">
<p class="kmc-card-price">Free</p>
</div>
<p class="kmc-card-desc">30 minutes</p>
<hr class="kmc-card-divider">
<ul class="kmc-card-features">
<li>Preliminary discussion</li>
<li>Assess compatibility and goals</li>
<li>Identify potential coaching areas</li>
</ul>
<div class="kmc-card-cta-wrap">
<a class="kmc-card-cta" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Book Initial Assessment">
Book Now
</a>
</div>
</article>
<!-- Card 2 -->
<article class="kmc-price-card">
<span class="kmc-featured-badge">Most Popular</span>
<h3 class="kmc-card-name">Coaching</h3>
<div class="kmc-card-price-wrap">
<p class="kmc-card-price">$500</p>
<p class="kmc-card-term">/ hour</p>
</div>
<p class="kmc-card-desc">Minimum of 1 hour</p>
<hr class="kmc-card-divider">
<ul class="kmc-card-features">
<li>One hour of individual coaching</li>
<li>Focused strategy session</li>
<li>Actionable outcomes</li>
</ul>
<div class="kmc-card-cta-wrap">
<a class="kmc-card-cta" href="https://calendly.com/ktmckeand/one-on-one-coaching-session" aria-label="Book Coaching">
Book Now
</a>
</div>
</article>
<!-- Card 3 -->
<article class="kmc-price-card">
<h3 class="kmc-card-name">Coaching Package</h3>
<div class="kmc-card-price-wrap">
<p class="kmc-card-price">$1,600</p>
<p class="kmc-card-term">/ month</p>
</div>
<p class="kmc-card-desc">Includes 4 hours of coaching</p>
<hr class="kmc-card-divider">
<ul class="kmc-card-features">
<li>4 hours of coaching per month</li>
<li>Tailored strategy for achievement</li>
<li>Ongoing support and accountability</li>
</ul>
<div class="kmc-card-cta-wrap">
<a class="kmc-card-cta" href="https://calendly.com/ktmckeand/payments/064d4b09-6ffa-41b8-ac14-92e322595431" aria-label="Book Coaching Package">
Book Now
</a>
</div>
</article>
</div>
<p class="kmc-pricing-footer">*All new clients should begin with a consultation.</p>
</div>
</section>
<!-- /wp:html -->