9
This commit is contained in:
Flatlogic Bot
parent
3ba2942fdb
commit
8b7c25389a
@ -684,6 +684,20 @@ body.coaching-mvp-active.archive .wp-block-query .entry-content.alignfull.wp-blo
|
|||||||
.coach-photo-row {
|
.coach-photo-row {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
.coach-audience-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
.coach-audience-card {
|
||||||
|
padding: 1rem .95rem .95rem;
|
||||||
|
}
|
||||||
|
.coach-audience-head {
|
||||||
|
margin-bottom: .75rem;
|
||||||
|
}
|
||||||
|
.coach-audience-icon {
|
||||||
|
width: 2.45rem;
|
||||||
|
height: 2.45rem;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.coach-system-card h3,
|
.coach-system-card h3,
|
||||||
.coach-service-card h3,
|
.coach-service-card h3,
|
||||||
@ -832,20 +846,140 @@ body.coaching-mvp-active .coach-proof-band > .wp-block-group__inner-container {
|
|||||||
background: rgba(255,255,255,.08);
|
background: rgba(255,255,255,.08);
|
||||||
color: #eef4ff;
|
color: #eef4ff;
|
||||||
}
|
}
|
||||||
|
.coach-audience-grid {
|
||||||
|
margin-top: 1.25rem;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
.coach-audience-card {
|
.coach-audience-card {
|
||||||
|
--audience-accent: #5f2dff;
|
||||||
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
padding: 1.1rem 1.05rem 1rem;
|
||||||
|
border-radius: 22px;
|
||||||
|
overflow: hidden;
|
||||||
|
isolation: isolate;
|
||||||
|
background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(246,248,255,.96));
|
||||||
|
border: 1px solid rgba(95,45,255,.10);
|
||||||
|
box-shadow: 0 14px 30px rgba(9,18,40,.07);
|
||||||
|
}
|
||||||
|
.coach-audience-card::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: 0 0 auto 0;
|
||||||
|
height: 3px;
|
||||||
|
background: linear-gradient(90deg, var(--audience-accent), color-mix(in srgb, var(--audience-accent) 18%, transparent));
|
||||||
|
opacity: .96;
|
||||||
|
}
|
||||||
|
.coach-audience-card::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
right: -2.2rem;
|
||||||
|
top: -2.4rem;
|
||||||
|
width: 7.2rem;
|
||||||
|
height: 7.2rem;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: radial-gradient(circle, color-mix(in srgb, var(--audience-accent) 18%, white 82%), transparent 70%);
|
||||||
|
pointer-events: none;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
.coach-audience-card > * {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
.coach-audience-card:nth-child(1) { --audience-accent: #5f2dff; }
|
||||||
|
.coach-audience-card:nth-child(2) { --audience-accent: #0e9f95; }
|
||||||
|
.coach-audience-card:nth-child(3) { --audience-accent: #ff9f1c; }
|
||||||
|
.coach-audience-card:nth-child(4) { --audience-accent: #d25488; }
|
||||||
|
.coach-audience-head {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: .85rem;
|
||||||
|
margin-bottom: .85rem;
|
||||||
|
}
|
||||||
|
.coach-audience-icon {
|
||||||
|
width: 2.65rem;
|
||||||
|
height: 2.65rem;
|
||||||
|
border-radius: 16px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: linear-gradient(135deg, color-mix(in srgb, var(--audience-accent) 88%, white 12%), rgba(255,255,255,.98));
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
line-height: 1;
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 10px 20px rgba(9,18,40,.08);
|
||||||
|
}
|
||||||
|
.coach-audience-index {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 2.2rem;
|
||||||
|
padding: .38rem .62rem;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: color-mix(in srgb, var(--audience-accent) 10%, white 90%);
|
||||||
|
color: color-mix(in srgb, var(--audience-accent) 82%, #1f2d44 18%);
|
||||||
|
font-size: .76rem;
|
||||||
|
font-weight: 800;
|
||||||
|
letter-spacing: .08em;
|
||||||
|
}
|
||||||
|
.coach-audience-card h3 {
|
||||||
|
margin: 0 0 .48rem;
|
||||||
|
font-size: 1.05rem;
|
||||||
|
line-height: 1.25;
|
||||||
|
color: #15113d;
|
||||||
|
}
|
||||||
|
.coach-audience-card p {
|
||||||
|
margin: 0 0 .78rem;
|
||||||
|
font-size: .93rem;
|
||||||
|
line-height: 1.55;
|
||||||
|
color: rgba(32,45,68,.82);
|
||||||
|
}
|
||||||
|
.coach-audience-card ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: .1rem 0 0;
|
||||||
|
padding: 0;
|
||||||
|
display: grid;
|
||||||
|
gap: .52rem;
|
||||||
|
}
|
||||||
|
.coach-audience-card li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: .95rem;
|
||||||
|
font-size: .88rem;
|
||||||
|
line-height: 1.45;
|
||||||
|
color: rgba(32,45,68,.82);
|
||||||
|
}
|
||||||
|
.coach-audience-card li::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: .48rem;
|
||||||
|
width: .42rem;
|
||||||
|
height: .42rem;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: var(--audience-accent);
|
||||||
|
box-shadow: 0 0 0 4px color-mix(in srgb, var(--audience-accent) 14%, white 86%);
|
||||||
}
|
}
|
||||||
.coach-audience-card p:last-child,
|
.coach-audience-card p:last-child,
|
||||||
.coach-audience-card ul:last-child {
|
.coach-audience-card ul:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
.coach-faq-item {
|
.coach-faq-stack {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
gap: .9rem;
|
||||||
|
}
|
||||||
|
.coach-faq-item {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
padding: 1.2rem 1.35rem;
|
padding: 1.15rem 1.2rem;
|
||||||
}
|
}
|
||||||
.coach-faq-stack .coach-faq-card,
|
.coach-faq-stack .coach-faq-card,
|
||||||
.coach-faq-stack .coach-faq-card:hover {
|
.coach-faq-stack .coach-faq-card:hover {
|
||||||
@ -860,11 +994,21 @@ body.coaching-mvp-active .coach-proof-band > .wp-block-group__inner-container {
|
|||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--coach-deep);
|
color: var(--coach-deep);
|
||||||
}
|
}
|
||||||
|
.coach-faq-question {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
.coach-faq-item summary::-webkit-details-marker {
|
.coach-faq-item summary::-webkit-details-marker {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -886,9 +1030,13 @@ body.coaching-mvp-active .coach-proof-band > .wp-block-group__inner-container {
|
|||||||
content: '–';
|
content: '–';
|
||||||
}
|
}
|
||||||
.coach-faq-answer {
|
.coach-faq-answer {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
margin-top: .95rem;
|
margin-top: .95rem;
|
||||||
padding-top: .95rem;
|
padding-top: .95rem;
|
||||||
border-top: 1px solid rgba(95,45,255,.08);
|
border-top: 1px solid rgba(95,45,255,.08);
|
||||||
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
.coach-faq-answer > *:last-child {
|
.coach-faq-answer > *:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@ -1898,10 +2046,30 @@ function coaching_mvp_home_content() {
|
|||||||
<!-- /wp:paragraph -->
|
<!-- /wp:paragraph -->
|
||||||
<!-- wp:html -->
|
<!-- wp:html -->
|
||||||
<div class="coach-card-grid coach-audience-grid">
|
<div class="coach-card-grid coach-audience-grid">
|
||||||
<article class="coach-system-card coach-audience-card" data-icon="✦"><span class="coach-icon-dot">01</span><h3>Founders</h3><p>For startup and business founders carrying decision-fatigue, team pressure, and the need to lead with more calm.</p><ul><li>Strategic clarity</li><li>Founder pressure support</li><li>Cleaner decisions</li></ul></article>
|
<article class="coach-system-card coach-audience-card">
|
||||||
<article class="coach-system-card coach-audience-card" data-icon="◎"><span class="coach-icon-dot">02</span><h3>Executives</h3><p>For senior leaders navigating visibility, communication, performance, and the emotional load of responsibility.</p><ul><li>Leadership presence</li><li>Difficult conversations</li><li>High-stakes seasons</li></ul></article>
|
<div class="coach-audience-head"><span class="coach-audience-icon" aria-hidden="true">✦</span><span class="coach-audience-index">01</span></div>
|
||||||
<article class="coach-system-card coach-audience-card" data-icon="↗"><span class="coach-icon-dot">03</span><h3>Professionals in transition</h3><p>For people moving through promotion, role change, career pivot, or a major professional reset.</p><ul><li>Career transition support</li><li>Confidence in change</li><li>Direction and momentum</li></ul></article>
|
<h3>Founders</h3>
|
||||||
<article class="coach-system-card coach-audience-card" data-icon="∞"><span class="coach-icon-dot">04</span><h3>High-performing professionals</h3><p>For ambitious clients who do not need more pressure — they need structure, perspective, and sustainable progress.</p><ul><li>Burnout prevention</li><li>Focus and follow-through</li><li>Healthier working rhythm</li></ul></article>
|
<p>For startup and business founders carrying decision-fatigue, team pressure, and the need to lead with more calm.</p>
|
||||||
|
<ul><li>Strategic clarity</li><li>Founder pressure support</li><li>Cleaner decisions</li></ul>
|
||||||
|
</article>
|
||||||
|
<article class="coach-system-card coach-audience-card">
|
||||||
|
<div class="coach-audience-head"><span class="coach-audience-icon" aria-hidden="true">◎</span><span class="coach-audience-index">02</span></div>
|
||||||
|
<h3>Executives</h3>
|
||||||
|
<p>For senior leaders navigating visibility, communication, performance, and the emotional load of responsibility.</p>
|
||||||
|
<ul><li>Leadership presence</li><li>Difficult conversations</li><li>High-stakes seasons</li></ul>
|
||||||
|
</article>
|
||||||
|
<article class="coach-system-card coach-audience-card">
|
||||||
|
<div class="coach-audience-head"><span class="coach-audience-icon" aria-hidden="true">↗</span><span class="coach-audience-index">03</span></div>
|
||||||
|
<h3>Professionals in transition</h3>
|
||||||
|
<p>For people moving through promotion, role change, career pivot, or a major professional reset.</p>
|
||||||
|
<ul><li>Career transition support</li><li>Confidence in change</li><li>Direction and momentum</li></ul>
|
||||||
|
</article>
|
||||||
|
<article class="coach-system-card coach-audience-card">
|
||||||
|
<div class="coach-audience-head"><span class="coach-audience-icon" aria-hidden="true">∞</span><span class="coach-audience-index">04</span></div>
|
||||||
|
<h3>High-performing professionals</h3>
|
||||||
|
<p>For ambitious clients who do not need more pressure — they need structure, perspective, and sustainable progress.</p>
|
||||||
|
<ul><li>Burnout prevention</li><li>Focus and follow-through</li><li>Healthier working rhythm</li></ul>
|
||||||
|
</article>
|
||||||
</div>
|
</div>
|
||||||
<!-- /wp:html -->
|
<!-- /wp:html -->
|
||||||
</div></div>
|
</div></div>
|
||||||
@ -2763,7 +2931,7 @@ function coaching_mvp_faq_shortcode($atts = []) {
|
|||||||
echo '<div class="coach-faq-stack">';
|
echo '<div class="coach-faq-stack">';
|
||||||
foreach ($items as $item) {
|
foreach ($items as $item) {
|
||||||
echo '<details class="coach-faq-card coach-faq-item">';
|
echo '<details class="coach-faq-card coach-faq-item">';
|
||||||
echo '<summary>' . esc_html(get_the_title($item)) . '</summary>';
|
echo '<summary><span class="coach-faq-question">' . esc_html(get_the_title($item)) . '</span></summary>';
|
||||||
echo '<div class="coach-faq-answer">' . wp_kses_post(wpautop($item->post_content)) . '</div>';
|
echo '<div class="coach-faq-answer">' . wp_kses_post(wpautop($item->post_content)) . '</div>';
|
||||||
echo '</details>';
|
echo '</details>';
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user