admin/39292-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pricing page - 1st iteration

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-26 20:28:07 +00:00
parent 722243a327
commit 6f6431049c
2 changed files with 354 additions and 70 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/pasted-20260326-201523-677764a7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

424
tmp_pricing.html
View File

@ -1,90 +1,374 @@
<!-- wp:group {"style":{"spacing":{"padding":{"top":"50px","bottom":"60px","left":"24px","right":"24px"},"blockGap":"24px"}},"layout":{"type":"constrained","contentSize":"1100px"}} -->
<div class="wp-block-group" style="padding-top:50px;padding-right:24px;padding-bottom:60px;padding-left:24px"><!-- wp:heading {"level":1} -->
<h1>Coaching Packages</h1>
<!-- /wp:heading -->
<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:#E9E8E4 !important; }
<!-- wp:paragraph -->
<p>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>
<!-- /wp:paragraph -->
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; }
<!-- wp:columns -->
<div class="wp-block-columns">
/* Force full teal shell on About */
body.page-id-48 {
--wp--preset--color--base:#1C3434;
--wp--preset--color--base-2:#1C3434;
}
body.page-id-50 .wp-site-blocks > header, body.page-id-48 .wp-site-blocks > header,
body.page-id-50 .wp-site-blocks > footer, body.page-id-48 .wp-site-blocks > footer { background:#1C3434 !important; }
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"radius":"16px"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"}},"color":{"background":"#f8fafc"}}} -->
<div class="wp-block-group has-background" style="min-height:100%;border-radius:16px;background-color:#f8fafc;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px"}}} -->
<h3 style="font-size:20px">Initial Assessment</h3>
<!-- /wp:heading -->
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; }
<!-- wp:paragraph -->
<p><strong>FREE</strong> - 30 minutes</p>
<!-- /wp:paragraph -->
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: #E9E8E4 !important; }
<!-- wp:list -->
<ul><li>Preliminary discussion.</li><li>Assess compatibility and goals.</li><li>Identify potential coaching areas.</li></ul>
<!-- /wp:list -->
/* 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; }
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"999px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"18px","right":"18px"}},"color":{"background":"#0f172a","text":"#ffffff"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" href="https://calendly.com/ktmckeand/coaching-assessment" style="border-radius:999px;background-color:#0f172a;color:#ffffff;padding-top:10px;padding-right:18px;padding-bottom:10px;padding-left:18px">Book Free Consultation</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
/* 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; }
</style>
<!-- wp:html -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@700&family=Inter:wght@400;500;600;700&display=swap');
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"radius":"16px"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"}},"color":{"background":"#f8fafc"}}} -->
<div class="wp-block-group has-background" style="min-height:100%;border-radius:16px;background-color:#f8fafc;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px"}}} -->
<h3 style="font-size:20px">Coaching</h3>
<!-- /wp:heading -->
body.page-id-50 .wp-block-post-title,
body.page-id-50 h1.entry-title { display: none !important; }
<!-- wp:paragraph -->
<p><strong>$500 an hour</strong> - minimum of one hour</p>
<!-- /wp:paragraph -->
.kmc-pricing-section {
background: #E9E8E4;
padding: 80px 24px 100px;
color: #1C3434;
font-family: "Inter", sans-serif;
}
.kmc-pricing-wrap {
max-width: 1180px;
margin: 0 auto;
}
.kmc-pricing-header {
text-align: center;
margin-bottom: 60px;
}
.kmc-pricing-tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 16px 6px 6px;
border-radius: 999px;
background: #1C3434;
color: #FFFFFF;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.02em;
margin-bottom: 24px;
}
.kmc-pricing-tag-icon {
width: 24px;
height: 24px;
background: #90F1AE;
color: #1C3434;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: bold;
}
.kmc-pricing-title {
margin: 0 auto;
max-width: 900px;
font-family: "Cardo", serif;
font-size: clamp(38px, 5vw, 64px);
line-height: 1.1;
color: #1C3434;
}
<!-- wp:list -->
<ul><li>One hour of individual coaching.</li><li>Focused strategy session.</li><li>Actionable outcomes.</li></ul>
<!-- /wp:list -->
.kmc-pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: stretch;
}
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"999px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"18px","right":"18px"}},"color":{"background":"#0f172a","text":"#ffffff"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" href="https://calendly.com/ktmckeand/one-on-one-coaching-session" style="border-radius:999px;background-color:#0f172a;color:#ffffff;padding-top:10px;padding-right:18px;padding-bottom:10px;padding-left:18px">Book Coaching</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
.kmc-price-card {
background: #FFFFFF;
border-radius: 32px;
padding: 40px 32px 32px;
display: flex;
flex-direction: column;
position: relative;
text-align: left;
}
.kmc-price-card.dark {
background: #1C3434;
color: #FFFFFF;
}
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"radius":"16px"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"}},"color":{"background":"#e2e8f0"}}} -->
<div class="wp-block-group has-background" style="min-height:100%;border-radius:16px;background-color:#e2e8f0;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":"20px"}}} -->
<h3 style="font-size:20px">Coaching Package</h3>
<!-- /wp:heading -->
.kmc-featured-badge {
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
background: #90F1AE;
color: #1C3434;
border-radius: 999px;
padding: 8px 16px;
font-size: 13px;
line-height: 1;
font-weight: 700;
letter-spacing: .02em;
white-space: nowrap;
}
<!-- wp:paragraph -->
<p><strong>$1,500 a month</strong> - includes 4 hours of coaching</p>
<!-- /wp:paragraph -->
.kmc-card-name {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0 0 16px 0;
color: #1C3434;
}
.kmc-price-card.dark .kmc-card-name {
color: #FFFFFF;
}
<!-- wp:list -->
<ul><li>Four hours of coaching per month.</li><li>Tailored strategy for achievement.</li><li>Ongoing support and accountability.</li></ul>
<!-- /wp:list -->
.kmc-card-price-wrap {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 8px;
}
.kmc-card-price {
font-family: "Cardo", serif;
font-size: clamp(48px, 4.5vw, 64px);
line-height: 1;
color: #1C3434;
margin: 0;
}
.kmc-price-card.dark .kmc-card-price {
color: #90F1AE;
}
.kmc-card-term {
font-size: 18px;
font-weight: 500;
color: #1C3434;
opacity: 0.8;
margin: 0;
}
.kmc-price-card.dark .kmc-card-term {
color: #FFFFFF;
opacity: 0.9;
}
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"999px"},"spacing":{"padding":{"top":"10px","bottom":"10px","left":"18px","right":"18px"}},"color":{"background":"#0f172a","text":"#ffffff"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" href="https://calendly.com/ktmckeand/payments/064d4b09-6ffa-41b8-ac14-92e322595431" style="border-radius:999px;background-color:#0f172a;color:#ffffff;padding-top:10px;padding-right:18px;padding-bottom:10px;padding-left:18px">Book Coaching</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
.kmc-card-desc {
font-size: 15px;
line-height: 1.4;
color: rgba(28,52,52,0.6);
margin: 0 0 24px 0;
min-height: 21px;
}
.kmc-price-card.dark .kmc-card-desc {
color: rgba(255,255,255,0.7);
}
</div>
<!-- /wp:columns -->
.kmc-card-divider {
height: 1px;
background: rgba(28,52,52,0.1);
margin: 0 0 24px 0;
border: none;
}
.kmc-price-card.dark .kmc-card-divider {
background: rgba(255,255,255,0.15);
}
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"40px"}}}} -->
<p style="margin-top:40px"><em>*All new clients should begin with a consultation.</em></p>
<!-- /wp:paragraph -->
.kmc-card-features {
list-style: none;
padding: 0;
margin: 0 0 40px 0;
flex-grow: 1;
}
.kmc-card-features li {
position: relative;
padding-left: 28px;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.4;
color: #1C3434;
font-weight: 500;
}
.kmc-price-card.dark .kmc-card-features li {
color: #FFFFFF;
}
.kmc-card-features li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #1C3434;
font-weight: bold;
}
.kmc-price-card.dark .kmc-card-features li::before {
color: #90F1AE;
}
</div>
<!-- /wp:group -->
.kmc-card-cta-wrap {
margin-top: auto;
}
.kmc-card-cta {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 56px;
padding: 8px 8px 8px 24px;
border-radius: 999px;
background: transparent;
border: 1px solid rgba(28,52,52,0.2);
color: #1C3434;
text-decoration: none;
font-size: 16px;
font-weight: 700;
transition: all .2s ease;
box-sizing: border-box;
}
.kmc-price-card.dark .kmc-card-cta {
background: #FFFFFF;
border: 1px solid #FFFFFF;
color: #1C3434;
}
.kmc-card-cta:hover {
border-color: #1C3434;
}
.kmc-price-card.dark .kmc-card-cta:hover {
opacity: 0.9;
}
.kmc-card-cta .arrow {
width: 38px;
height: 38px;
border-radius: 50%;
background: #90F1AE;
color: #1C3434;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
}
.kmc-pricing-footer {
text-align: center;
margin-top: 56px;
font-size: 16px;
font-weight: 500;
color: rgba(28,52,52,0.8);
}
.kmc-pricing-footer a {
color: #1C3434;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
}
@media (max-width: 980px) {
.kmc-pricing-grid { grid-template-columns: 1fr; gap: 32px; }
.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">
<div class="kmc-pricing-tag">
<span class="kmc-pricing-tag-icon">*</span>
<span>Pricing</span>
</div>
<h1 class="kmc-pricing-title">Start with a free initial assessment to see if we're aligned on your goals and outcomes.</h1>
</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>See if we are aligned</li>
<li>Discuss your goals</li>
<li>Understand outcomes</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
<span class="arrow">→</span>
</a>
</div>
</article>
<!-- Card 2 -->
<article class="kmc-price-card dark">
<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>1 on 1 coaching session</li>
<li>Actionable feedback</li>
<li>Goal tracking</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
<span class="arrow">→</span>
</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</li>
<li>Priority support</li>
<li>Unlimited messaging</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
<span class="arrow">→</span>
</a>
</div>
</article>
</div>
<p class="kmc-pricing-footer">Let me know if you're interested in longer term engagements or group coaching.</p>
</div>
</section>
<!-- /wp:html -->