block 8 almost ready. still need to polish

home_content.html

@@ -1355,8 +1355,8 @@ body { background: #1C3434; }
 
 <style>
   .kmc-eighth-section{
-    background:#ECEBE8;
+    background:#FFFFFF;
-    padding:68px 0 78px;
+    padding:88px 0 98px;
   }
   .kmc-eighth-section .kmc-eighth-wrap{
     width:min(1280px, calc(100% - 120px)) !important;
@@ -1366,11 +1366,10 @@ body { background: #1C3434; }
     align-items:center;
     gap:64px !important;
   }
-  .kmc-eighth-section .kmc-eighth-copy{max-width:700px;text-align:left;}
+  .kmc-eighth-section .kmc-eighth-copy{max-width:640px;text-align:left;}
   .kmc-eighth-section .kmc-eighth-title{
     margin:0;
     color:#1C3434;
-    max-width:560px;
     font-family:"Cardo",serif;
     font-size:clamp(52px,4.8vw,68px) !important;
     line-height:1.04 !important;
@@ -1381,19 +1380,18 @@ body { background: #1C3434; }
     margin:28px 0 0;
     max-width:740px;
     color:#1C3434;
-    opacity:.95;
     font-family:"Cardo",serif;
     font-size:clamp(24px,1.85vw,36px) !important;
-    line-height:1.2 !important;
+    line-height:1.3 !important;
-    font-weight:400;
+    font-weight:700;
   }
   .kmc-eighth-section .kmc-eighth-actions{
-    margin-top:38px;
+    margin-top:44px;
     display:flex;
     align-items:center;
     justify-content:flex-start;
     gap:26px;
-    flex-wrap:nowrap;
+    flex-wrap:wrap;
   }
   .kmc-eighth-section .kmc-eighth-btn{
     display:inline-flex;
@@ -1407,6 +1405,10 @@ body { background: #1C3434; }
     color:#fff;
     font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
     letter-spacing:-0.01em;
+    transition:opacity 0.2s ease;
+  }
+  .kmc-eighth-section .kmc-eighth-btn:hover {
+    opacity:0.9;
   }
   .kmc-eighth-section .kmc-assessment-arrow{
     width:44px;
@@ -1417,10 +1419,13 @@ body { background: #1C3434; }
     display:inline-flex;
     align-items:center;
     justify-content:center;
-    font-size:28px;
-    line-height:1;
     flex:0 0 44px;
   }
+  .kmc-eighth-section .kmc-assessment-arrow svg {
+    display:block;
+    width:20px;
+    height:20px;
+  }
   .kmc-eighth-section .kmc-eighth-link{
     display:inline-flex;
     align-items:center;
@@ -1428,7 +1433,16 @@ body { background: #1C3434; }
     text-decoration:none;
     color:#1C3434;
     white-space:nowrap;
-    font:500 clamp(14px,0.9vw,17px)/1.2 "Inter",sans-serif !important;
+    font:600 clamp(16px,0.9vw,19px)/1.2 "Inter",sans-serif !important;
+    transition:opacity 0.2s ease;
+  }
+  .kmc-eighth-section .kmc-eighth-link:hover {
+    opacity:0.7;
+  }
+  .kmc-eighth-section .kmc-eighth-link svg {
+    display:block;
+    width:20px;
+    height:20px;
   }
 
   .kmc-eighth-section .kmc-eighth-visual{
@@ -1442,10 +1456,10 @@ body { background: #1C3434; }
   .kmc-eighth-section .kmc-eighth-bg{
     width:100%;
     max-width:560px;
-    aspect-ratio:16 / 9;
+    aspect-ratio:16 / 10;
     border-radius:32px;
     overflow:hidden;
-    background-image:url('/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg');
+    background-image:url('/wp-content/uploads/2026/03/loft-image-20260326.png');
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center center;
@@ -1453,66 +1467,73 @@ body { background: #1C3434; }
   }
   .kmc-eighth-section .kmc-eighth-portrait{
     position:absolute;
-    left:-28px;
+    left:-40px;
-    bottom:-28px;
+    bottom:-40px;
-    width:196px;
+    width:240px;
     aspect-ratio:1 / 1;
     border-radius:32px;
     overflow:hidden;
-    border:10px solid #fff;
+    border:14px solid #FFFFFF;
     background-image:url('/wp-content/uploads/2026/03/coach-portrait-20260325.png');
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center center;
-    box-shadow:0 10px 20px rgba(13,40,40,.18);
+    box-shadow:none;
   }
 
   @media (max-width:1080px){
-    .kmc-eighth-section{padding:58px 0 72px;}
+    .kmc-eighth-section{padding:68px 0 82px;}
-    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:36px !important;}
+    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:48px !important;}
     .kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
     .kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
     .kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
-    .kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px;}
+    .kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px; margin-top:32px;}
-    .kmc-eighth-section .kmc-eighth-bg{max-width:100%;}
+    .kmc-eighth-section .kmc-eighth-bg{max-width:100%; aspect-ratio: 16 / 9;}
-    .kmc-eighth-section .kmc-eighth-portrait{left:-12px;bottom:-16px;width:168px;border-width:9px;}
+    .kmc-eighth-section .kmc-eighth-portrait{left:-12px;bottom:-16px;width:180px;border-width:10px;}
   }
 
   @media (max-width:680px){
-    .kmc-eighth-section{padding:48px 0 62px;}
+    .kmc-eighth-section{padding:54px 0 72px;}
-    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:30px !important;}
+    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:36px !important;}
     .kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
-    .kmc-eighth-section .kmc-eighth-actions{margin-top:28px;gap:14px;flex-wrap:wrap;}
+    .kmc-eighth-section .kmc-eighth-actions{margin-top:32px;gap:16px;flex-wrap:wrap;}
     .kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
-    .kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;font-size:22px;flex-basis:36px;}
+    .kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;flex-basis:36px;}
-    .kmc-eighth-section .kmc-eighth-link{font-size:17px !important;}
+    .kmc-eighth-section .kmc-eighth-link{font-size:16px !important;}
-    .kmc-eighth-section .kmc-eighth-portrait{width:132px;border-width:8px;left:-4px;bottom:-12px;}
+    .kmc-eighth-section .kmc-eighth-portrait{width:140px;border-width:8px;left:-4px;bottom:-12px;}
   }
 </style>
 
 <section class="kmc-eighth-section" aria-labelledby="kmc-eighth-title">
   <div class="kmc-eighth-wrap">
     <div class="kmc-eighth-copy">
-      <h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching</h2>
+      <h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching?</h2>
-      <p class="kmc-eighth-body">Start with a 30-minute call to assess alignment and goals to see if we're a fit</p>
+      <p class="kmc-eighth-body">Start with a 30-minute fit call to assess alignment, goals, and the best coaching path</p>
+      
       <div class="kmc-eighth-actions">
         <a class="kmc-eighth-btn" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Schedule an assessment">
           <span>Schedule an assessment</span>
-          <span class="kmc-assessment-arrow" aria-hidden="true">→</span>
+          <span class="kmc-assessment-arrow" aria-hidden="true">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+          </span>
         </a>
+        
         <a class="kmc-eighth-link" href="/pricing/" aria-label="View coaching options">
           <span>View coaching options</span>
-          <span class="kmc-sixth-link-arrow" aria-hidden="true">→</span>
+          <span class="kmc-sixth-link-arrow" aria-hidden="true">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+          </span>
         </a>
       </div>
     </div>
-
+    
     <div class="kmc-eighth-visual" aria-hidden="true">
       <div class="kmc-eighth-bg"></div>
       <div class="kmc-eighth-portrait"></div>
     </div>
   </div>
 </section>
+
 <!-- KMC EIGHTH SECTION END -->
 
 </div>

new_block8.html

@@ -0,0 +1,186 @@
+<!-- KMC EIGHTH SECTION START -->
+
+<style>
+  .kmc-eighth-section{
+    background:#FFFFFF;
+    padding:88px 0 98px;
+  }
+  .kmc-eighth-section .kmc-eighth-wrap{
+    width:min(1280px, calc(100% - 120px)) !important;
+    margin:0 auto;
+    display:grid;
+    grid-template-columns:minmax(0,1fr) minmax(0,600px);
+    align-items:center;
+    gap:64px !important;
+  }
+  .kmc-eighth-section .kmc-eighth-copy{max-width:640px;text-align:left;}
+  .kmc-eighth-section .kmc-eighth-title{
+    margin:0;
+    color:#1C3434;
+    font-family:"Cardo",serif;
+    font-size:clamp(52px,4.8vw,68px) !important;
+    line-height:1.04 !important;
+    font-weight:700;
+    letter-spacing:-0.01em;
+  }
+  .kmc-eighth-section .kmc-eighth-body{
+    margin:28px 0 0;
+    max-width:740px;
+    color:#1C3434;
+    font-family:"Cardo",serif;
+    font-size:clamp(24px,1.85vw,36px) !important;
+    line-height:1.3 !important;
+    font-weight:700;
+  }
+  .kmc-eighth-section .kmc-eighth-actions{
+    margin-top:44px;
+    display:flex;
+    align-items:center;
+    justify-content:flex-start;
+    gap:26px;
+    flex-wrap:wrap;
+  }
+  .kmc-eighth-section .kmc-eighth-btn{
+    display:inline-flex;
+    align-items:center;
+    gap:14px;
+    padding:9px 9px 9px 24px !important;
+    min-height:54px !important;
+    border-radius:999px;
+    text-decoration:none;
+    background:#1C3434;
+    color:#fff;
+    font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
+    letter-spacing:-0.01em;
+    transition:opacity 0.2s ease;
+  }
+  .kmc-eighth-section .kmc-eighth-btn:hover {
+    opacity:0.9;
+  }
+  .kmc-eighth-section .kmc-assessment-arrow{
+    width:44px;
+    height:44px;
+    border-radius:999px;
+    background:#90F1AE;
+    color:#1C3434;
+    display:inline-flex;
+    align-items:center;
+    justify-content:center;
+    flex:0 0 44px;
+  }
+  .kmc-eighth-section .kmc-assessment-arrow svg {
+    display:block;
+    width:20px;
+    height:20px;
+  }
+  .kmc-eighth-section .kmc-eighth-link{
+    display:inline-flex;
+    align-items:center;
+    gap:8px;
+    text-decoration:none;
+    color:#1C3434;
+    white-space:nowrap;
+    font:600 clamp(16px,0.9vw,19px)/1.2 "Inter",sans-serif !important;
+    transition:opacity 0.2s ease;
+  }
+  .kmc-eighth-section .kmc-eighth-link:hover {
+    opacity:0.7;
+  }
+  .kmc-eighth-section .kmc-eighth-link svg {
+    display:block;
+    width:20px;
+    height:20px;
+  }
+
+  .kmc-eighth-section .kmc-eighth-visual{
+    position:relative;
+    width:100%;
+    aspect-ratio: 600 / 460;
+  }
+  .kmc-eighth-section .kmc-eighth-bg{
+    position:absolute;
+    right:0;
+    top:0;
+    width:88%;
+    height:80%;
+    border-radius:32px;
+    overflow:hidden;
+    background-image:url('/wp-content/uploads/2026/03/loft-image-20260326.png');
+    background-repeat:no-repeat;
+    background-size:cover;
+    background-position:center center;
+  }
+  .kmc-eighth-section .kmc-eighth-portrait{
+    position:absolute;
+    left:0;
+    bottom:0;
+    width:42%;
+    aspect-ratio:1 / 1;
+    border-radius:32px;
+    overflow:hidden;
+    border:14px solid #FFFFFF;
+    background-image:url('/wp-content/uploads/2026/03/coach-portrait-20260325.png');
+    background-repeat:no-repeat;
+    background-size:cover;
+    background-position:center center;
+    box-shadow:none;
+    box-sizing: content-box;
+  }
+
+  @media (max-width:1080px){
+    .kmc-eighth-section{padding:68px 0 82px;}
+    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:48px !important;}
+    .kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
+    .kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
+    .kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
+    
+    .kmc-eighth-section .kmc-eighth-visual{max-width:600px; margin:32px auto 0; aspect-ratio: 600 / 420;}
+    .kmc-eighth-section .kmc-eighth-bg{width: 90%; height: 85%;}
+    .kmc-eighth-section .kmc-eighth-portrait{width: 45%; border-width: 10px;}
+  }
+
+  @media (max-width:680px){
+    .kmc-eighth-section{padding:54px 0 72px;}
+    .kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:36px !important;}
+    .kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
+    .kmc-eighth-section .kmc-eighth-actions{margin-top:32px;gap:16px;flex-wrap:wrap;}
+    .kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
+    .kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;flex-basis:36px;}
+    .kmc-eighth-section .kmc-eighth-link{font-size:16px !important;}
+    
+    .kmc-eighth-section .kmc-eighth-portrait{border-width:8px; border-radius: 24px;}
+    .kmc-eighth-section .kmc-eighth-bg{border-radius: 24px;}
+  }
+</style>
+
+<section class="kmc-eighth-section" aria-labelledby="kmc-eighth-title">
+  <div class="kmc-eighth-wrap">
+    <div class="kmc-eighth-copy">
+      <h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching?</h2>
+      <p class="kmc-eighth-body">Start with a 30-minute fit call to assess alignment, goals, and the best coaching path</p>
+      
+      <div class="kmc-eighth-actions">
+        <a class="kmc-eighth-btn" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Schedule an assessment">
+          <span>Schedule an assessment</span>
+          <span class="kmc-assessment-arrow" aria-hidden="true">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+          </span>
+        </a>
+        
+        <a class="kmc-eighth-link" href="/pricing/" aria-label="View coaching options">
+          <span>View coaching options</span>
+          <span class="kmc-eighth-link-arrow" aria-hidden="true">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
+          </span>
+        </a>
+      </div>
+    </div>
+    
+    <div class="kmc-eighth-visual" aria-hidden="true">
+      <div class="kmc-eighth-bg"></div>
+      <div class="kmc-eighth-portrait"></div>
+    </div>
+  </div>
+</section>
+
+<!-- KMC EIGHTH SECTION END -->

update_block8.py

@@ -0,0 +1,14 @@
+import re
+
+with open("tmp_home.html", "r", encoding="utf-8") as f:
+    content = f.read()
+
+block8_pattern = re.compile(r'<!-- KMC EIGHTH SECTION START -->.*?<!-- KMC EIGHTH SECTION END -->', re.DOTALL)
+
+with open("new_block8.html", "r", encoding="utf-8") as f:
+    block8_new = f.read()
+
+new_content = block8_pattern.sub(block8_new, content)
+
+with open("tmp_home_updated.html", "w", encoding="utf-8") as f:
+    f.write(new_content)