header almost done
This commit is contained in:
parent
85dc088f32
commit
6e7fe7f1b8
@ -1,26 +0,0 @@
|
||||
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
|
||||
<div class="wp-block-group alignwide has-base-background-color has-background"
|
||||
style="padding-top:20px;padding-bottom:20px">
|
||||
<!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
|
||||
<div class="wp-block-group alignwide">
|
||||
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:site-logo {"width":60 } /-->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:site-title {"level":0} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:navigation {"ref":4,"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
1795
tmp_home.html
1795
tmp_home.html
File diff suppressed because it is too large
Load Diff
374
tmp_pricing.html
374
tmp_pricing.html
@ -1,374 +0,0 @@
|
||||
<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; }
|
||||
|
||||
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-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; }
|
||||
|
||||
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: #E9E8E4 !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; }
|
||||
</style>
|
||||
<!-- wp:html -->
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@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: #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;
|
||||
}
|
||||
|
||||
.kmc-pricing-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 24px;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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 -->
|
||||
Loading…
x
Reference in New Issue
Block a user