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

nav bar and hero

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-25 09:47:36 +00:00
parent c5ad3470f3
commit 4b6c609965
1 changed files with 274 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

290
wp-content/mu-plugins/coaching-mvp.php
View File

@ -625,7 +625,7 @@ body.coaching-mvp-active.archive .wp-block-query .entry-content.alignfull.wp-blo
margin-left: auto; margin-left: auto;
} }
.coach-hero-image-wrap .coach-photo-card { .coach-hero-image-wrap .coach-photo-card {
border-radius: 32px; border-radius: 20px;
overflow: hidden; overflow: hidden;
} }
.coach-hero-image-wrap .coach-photo-card img { .coach-hero-image-wrap .coach-photo-card img {
@ -2418,6 +2418,265 @@ body.coaching-mvp-active .coach-eyebrow {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
/* Navbar + hero reference pass */
body.coaching-mvp-active header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 40;
background: rgba(255,255,255,.96) !important;
border-bottom: 1px solid rgba(17,24,39,.08) !important;
}
body.coaching-mvp-active header.wp-block-template-part .wp-block-group.alignwide {
width: min(calc(100% - (var(--coach-page-gutter) * 2)), 1200px) !important;
max-width: 1200px !important;
display: grid !important;
grid-template-columns: auto 1fr;
align-items: center;
gap: clamp(1rem, 2vw, 2rem);
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
body.coaching-mvp-active header.wp-block-template-part .wp-block-site-title {
margin: 0;
}
body.coaching-mvp-active .wp-block-site-title a {
font-size: 1.15rem;
font-weight: 800;
letter-spacing: -.03em;
color: var(--color-text) !important;
}
body.coaching-mvp-active header.wp-block-template-part .wp-block-group.is-content-justification-right.is-nowrap {
min-width: 0;
}
body.coaching-mvp-active .wp-block-navigation__container {
gap: clamp(1rem, 1.8vw, 1.7rem) !important;
align-items: center !important;
}
body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content {
position: relative;
padding: .35rem 0 !important;
font-size: .96rem;
font-weight: 600;
letter-spacing: -.01em;
color: rgba(17,24,39,.76) !important;
}
body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -.8rem;
height: 2px;
background: var(--color-brand-primary);
border-radius: 999px;
transform: scaleX(0);
transform-origin: center;
transition: transform .18s ease;
}
body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content:hover,
body.coaching-mvp-active .wp-block-navigation .wp-block-navigation-item__content:focus {
color: var(--color-text) !important;
opacity: 1 !important;
}
body.coaching-mvp-active .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
body.coaching-mvp-active .wp-block-navigation .current_page_item > .wp-block-navigation-item__content,
body.coaching-mvp-active .wp-block-navigation .current-menu-item > a,
body.coaching-mvp-active .wp-block-navigation .current_page_item > a {
color: var(--color-text) !important;
}
body.coaching-mvp-active .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after,
body.coaching-mvp-active .wp-block-navigation .current_page_item > .wp-block-navigation-item__content::after,
body.coaching-mvp-active .wp-block-navigation .current-menu-item > a::after,
body.coaching-mvp-active .wp-block-navigation .current_page_item > a::after {
transform: scaleX(1);
}
body.coaching-mvp-active .wp-block-navigation a[href$="/book-session/"] {
margin-left: clamp(.2rem, 1vw, .75rem);
padding: .82rem 1.1rem !important;
border-radius: 999px !important;
border: 1px solid rgba(17,24,39,.08) !important;
background: var(--color-brand-primary) !important;
color: #1d1d1b !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.coaching-mvp-active .wp-block-navigation a[href$="/book-session/"]::after {
display: none !important;
}
body.coaching-mvp-active .wp-block-navigation a[href$="/book-session/"]:hover,
body.coaching-mvp-active .wp-block-navigation a[href$="/book-session/"]:focus {
background: var(--color-brand-secondary) !important;
color: #111 !important;
}
body.coaching-mvp-active .coach-hero {
position: relative;
overflow: visible;
background: linear-gradient(180deg, #fffdf4 0%, #ffffff 72%) !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 calc(50% - 50vw) !important;
width: 100vw;
max-width: 100vw !important;
padding: clamp(2.35rem, 4.6vw, 4.75rem) 0 !important;
}
body.coaching-mvp-active .coach-hero .wp-block-columns {
gap: clamp(1.5rem, 4vw, 4rem) !important;
max-width: min(1200px, calc(100vw - 2.5rem));
margin: 0 auto !important;
padding: 0 clamp(1.25rem, 2.8vw, 2rem) !important;
}
body.coaching-mvp-active .coach-hero .wp-block-column:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
body.coaching-mvp-active .coach-eyebrow {
padding: .56rem .92rem !important;
border-radius: 999px !important;
background: rgba(255,215,0,.12) !important;
border: 1px solid rgba(173,164,2,.24) !important;
color: #6b6200 !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
}
body.coaching-mvp-active .coach-hero h1 {
max-width: 11ch;
margin: .9rem 0 0 !important;
color: var(--color-text) !important;
font-size: clamp(3.1rem, 6.1vw, 5.35rem) !important;
line-height: .96 !important;
letter-spacing: -.055em !important;
}
body.coaching-mvp-active .coach-accent-script {
color: var(--color-brand-secondary);
font-style: italic;
}
body.coaching-mvp-active .coach-hero p.has-large-font-size {
max-width: 35rem;
margin-top: 1.15rem !important;
color: var(--color-text-muted) !important;
font-size: 1.08rem !important;
line-height: 1.7 !important;
}
body.coaching-mvp-active .coach-hero-actions {
gap: .85rem !important;
margin-top: 1.7rem !important;
}
body.coaching-mvp-active .coach-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
background: var(--color-brand-primary) !important;
color: #1d1d1b !important;
border-color: rgba(17,24,39,.08) !important;
}
body.coaching-mvp-active .coach-hero .wp-block-button.is-style-outline > .wp-block-button__link {
background: #fff !important;
color: var(--color-text) !important;
border-color: rgba(17,24,39,.10) !important;
}
body.coaching-mvp-active .coach-hero .wp-block-button__link:hover,
body.coaching-mvp-active .coach-hero .wp-block-button__link:focus-visible {
background: #faf7df !important;
border-color: rgba(17,24,39,.16) !important;
color: var(--color-text) !important;
}
body.coaching-mvp-active .coach-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
body.coaching-mvp-active .coach-hero .wp-block-button:not(.is-style-outline) > .wp-block-button__link:focus-visible {
background: var(--color-brand-secondary) !important;
color: #111 !important;
}
body.coaching-mvp-active .coach-hero-support {
max-width: 34rem;
margin-top: 1rem !important;
color: var(--color-text-muted) !important;
}
body.coaching-mvp-active .coach-hero-image-wrap {
position: relative;
max-width: 33rem;
margin-left: auto;
padding: clamp(.8rem, 1.7vw, 1rem);
background: linear-gradient(180deg, #fbf7de 0%, #f6f0bf 100%);
border: 1px solid rgba(173,164,2,.18);
border-radius: 20px;
}
body.coaching-mvp-active .coach-hero-image-wrap .coach-photo-card,
body.coaching-mvp-active .coach-hero-image-wrap .coach-photo-card img {
border-radius: 14px !important;
}
body.coaching-mvp-active .coach-hero-image-wrap .coach-photo-card {
border: none !important;
background: transparent !important;
}
body.coaching-mvp-active .coach-hero-image-wrap .coach-photo-card img {
display: block;
width: 100%;
aspect-ratio: 5 / 6;
object-fit: cover;
}
body.coaching-mvp-active .coach-hero-note {
position: absolute;
left: -1.35rem;
bottom: 1.35rem;
width: min(20rem, calc(100% - 1.5rem));
padding: 1rem 1rem 1.05rem !important;
border: 1px solid rgba(17,24,39,.08) !important;
border-radius: 12px !important;
background: rgba(255,255,255,.96) !important;
}
body.coaching-mvp-active .coach-hero-note strong {
display: block;
margin: .75rem 0 .35rem;
font-size: 1.02rem;
line-height: 1.3;
color: var(--color-text) !important;
}
body.coaching-mvp-active .coach-hero-note p {
color: var(--color-text-muted) !important;
}
body.coaching-mvp-active .coach-hero-note .coach-badge.dark {
background: #fff8cd !important;
border: 1px solid rgba(173,164,2,.24) !important;
color: #6b6200 !important;
}
@media (max-width: 960px) {
body.coaching-mvp-active header.wp-block-template-part .wp-block-group.alignwide {
grid-template-columns: 1fr !important;
}
body.coaching-mvp-active .coach-hero h1 {
max-width: none;
}
body.coaching-mvp-active .coach-hero-image-wrap {
margin-left: 0;
max-width: none;
}
body.coaching-mvp-active .coach-hero-note {
position: static;
width: auto;
margin-top: 1rem;
}
}
@media (max-width: 781px) {
body.coaching-mvp-active .wp-block-navigation__container {
gap: .85rem !important;
}
body.coaching-mvp-active .wp-block-navigation a[href$="/book-session/"] {
margin-left: 0;
}
body.coaching-mvp-active .coach-hero {
border-radius: 0 !important;
margin: 0 calc(50% - 50vw) !important;
width: 100vw;
max-width: 100vw !important;
padding: 1.5rem 0 1.75rem !important;
}
body.coaching-mvp-active .coach-hero-image-wrap {
border-radius: 16px;
padding: .7rem;
}
}
CSS; CSS;
wp_add_inline_style('coaching-mvp-inline', $css); wp_add_inline_style('coaching-mvp-inline', $css);
@ -2502,32 +2761,32 @@ function coaching_mvp_home_content() {
return <<<'HTML' return <<<'HTML'
<!-- wp:group {"className":"coach-home-page coach-shell","layout":{"type":"constrained"}} --> <!-- wp:group {"className":"coach-home-page coach-shell","layout":{"type":"constrained"}} -->
<div class="wp-block-group coach-home-page coach-shell"><div class="wp-block-group__inner-container"> <div class="wp-block-group coach-home-page coach-shell"><div class="wp-block-group__inner-container">
<!-- wp:group {"align":"wide","className":"coach-hero"} --> <!-- wp:group {"align":"full","className":"coach-hero"} -->
<div class="wp-block-group alignwide coach-hero"><div class="wp-block-columns are-vertically-aligned-center coach-hero-simple"><!-- wp:column {"verticalAlignment":"center","width":"52%"} --> <div class="wp-block-group alignfull coach-hero"><div class="wp-block-columns are-vertically-aligned-center coach-hero-simple"><!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"className":"coach-eyebrow"} --> <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"className":"coach-eyebrow"} -->
<p class="coach-eyebrow">Executive &amp; Leadership Coaching</p> <p class="coach-eyebrow">Private executive coaching</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:heading {"level":1,"fontSize":"xx-large"} --> <!-- wp:heading {"level":1,"fontSize":"xx-large"} -->
<h1 class="wp-block-heading has-xx-large-font-size">Lead with more clarity, confidence, and calm when the stakes are high.</h1> <h1 class="wp-block-heading has-xx-large-font-size">Lead with more <span class="coach-accent-script">clarity</span>, confidence, and calm.</h1>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"large"} --> <!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Private coaching for founders, executives, and senior professionals who want better decisions, steadier communication, and sustainable performance under pressure.</p> <p class="has-large-font-size">A premium coaching space for founders, executives, and senior professionals navigating pressure, visibility, and high-stakes conversations.</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:buttons --> <!-- wp:buttons {"className":"coach-hero-actions"} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast-3","textColor":"base"} --> <div class="wp-block-buttons coach-hero-actions"><!-- wp:button {"backgroundColor":"contrast-3","textColor":"base"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-base-color has-contrast-3-background-color has-text-color has-background wp-element-button" href="/book-session/">Book a Session</a></div> <div class="wp-block-button"><a class="wp-block-button__link has-base-color has-contrast-3-background-color has-text-color has-background wp-element-button" href="/book-session/">Book a Discovery Call</a></div>
<!-- /wp:button --> <!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline"} --> <!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="/services/">View Services</a></div> <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="/services/">Explore Services</a></div>
<!-- /wp:button --></div> <!-- /wp:button --></div>
<!-- /wp:buttons --> <!-- /wp:buttons -->
<!-- wp:paragraph --> <!-- wp:paragraph {"className":"coach-hero-support"} -->
<p>Support for leadership transitions, complex decisions, executive presence, and the pressure that comes with visible responsibility.</p> <p class="coach-hero-support">Support for leadership transitions, executive presence, decision pressure, and communication that carries real weight.</p>
<!-- /wp:paragraph --></div> <!-- /wp:paragraph --></div>
<!-- /wp:column --> <!-- /wp:column -->
@ -2539,8 +2798,8 @@ function coaching_mvp_home_content() {
</figure> </figure>
<div class="coach-hero-note" style="background:#ffffff !important;color:#111827 !important;border:1px solid rgba(17,24,39,.10) !important;box-shadow:none !important;backdrop-filter:none !important;"> <div class="coach-hero-note" style="background:#ffffff !important;color:#111827 !important;border:1px solid rgba(17,24,39,.10) !important;box-shadow:none !important;backdrop-filter:none !important;">
<span class="coach-badge dark" style="background:#f3f4f6 !important;color:#111827 !important;border:1px solid rgba(17,24,39,.10) !important;box-shadow:none !important;">Confidential 1:1</span> <span class="coach-badge dark" style="background:#f3f4f6 !important;color:#111827 !important;border:1px solid rgba(17,24,39,.10) !important;box-shadow:none !important;">Confidential 1:1</span>
<strong style="color:#111827 !important;">Strategic space to think clearly.</strong> <strong style="color:#111827 !important;">Strategic space for clear decisions.</strong>
<p style="color:#424b57 !important;">Calm, focused coaching for professionals navigating growth, pressure, and high-impact conversations.</p> <p style="color:#424b57 !important;">Focused support for leaders navigating growth, visibility, and high-impact conversations.</p>
</div> </div>
</div> </div>
<!-- /wp:html --></div> <!-- /wp:html --></div>
@ -3028,8 +3287,7 @@ function coaching_mvp_seed_navigation($page_ids) {
"<!-- wp:navigation-link {\"label\":\"About\",\"type\":\"page\",\"id\":%d,\"url\":\"/about/\",\"kind\":\"post-type\"} /-->\n" . "<!-- wp:navigation-link {\"label\":\"About\",\"type\":\"page\",\"id\":%d,\"url\":\"/about/\",\"kind\":\"post-type\"} /-->\n" .
"<!-- wp:navigation-link {\"label\":\"Blog\",\"type\":\"page\",\"id\":%d,\"url\":\"/blog/\",\"kind\":\"post-type\"} /-->\n" . "<!-- wp:navigation-link {\"label\":\"Blog\",\"type\":\"page\",\"id\":%d,\"url\":\"/blog/\",\"kind\":\"post-type\"} /-->\n" .
"<!-- wp:navigation-link {\"label\":\"Book Session\",\"type\":\"page\",\"id\":%d,\"url\":\"/book-session/\",\"kind\":\"post-type\"} /-->\n" . "<!-- wp:navigation-link {\"label\":\"Book Session\",\"type\":\"page\",\"id\":%d,\"url\":\"/book-session/\",\"kind\":\"post-type\"} /-->\n" .
"<!-- wp:navigation-link {\"label\":\"Contact\",\"type\":\"page\",\"id\":%d,\"url\":\"/contact/\",\"kind\":\"post-type\"} /-->\n" . "<!-- wp:navigation-link {\"label\":\"Contact\",\"type\":\"page\",\"id\":%d,\"url\":\"/contact/\",\"kind\":\"post-type\"} /-->",
"<!-- wp:navigation-link {\"label\":\"Admin\",\"type\":\"custom\",\"url\":\"/wp-admin/\",\"kind\":\"custom\"} /-->",
$page_ids['home'], $page_ids['home'],
$page_ids['services'], $page_ids['services'],
$page_ids['testimonials'], $page_ids['testimonials'],