From 6650eee8031e69d580f889dc6bd3c730de91bf5e Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 22 Jan 2026 11:48:29 +0000
Subject: [PATCH] Add coaching block to homepage

Co-authored-by: cip.placinta <cip.placinta@gmail.com>
---
 index.html | 13 +++++++++
 styles.css | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 93 insertions(+)

diff --git a/index.html b/index.html
index a3d9e6f..078b7a4 100644
--- a/index.html
+++ b/index.html
@@ -80,6 +80,19 @@
             <div class="intro-section">
                 Hi, I'm Chip.<br/>A product designer that also builds apps now.
             </div>
+            <div class="coaching-section">
+                <div class="coaching-text">
+                    <span class="coaching-eyebrow">Coaching</span>
+                    <h2 class="coaching-title">Product design coaching to help you get hired</h2>
+                    <p class="coaching-description">One-on-one sessions focused on portfolio reviews, interview prep, and career strategy. Start with a free 30-minute intro session.</p>
+                    <a href="coaching.html" class="coaching-button">Learn about coaching</a>
+                </div>
+                <ul class="coaching-list">
+                    <li>Portfolio and case study feedback</li>
+                    <li>Interview and presentation prep</li>
+                    <li>Resume, LinkedIn, and job search strategy</li>
+                </ul>
+            </div>
             <div class="promo-section">
                 <a href="playwordjam/index.html" class="promo-card">
                     <div class="promo-image">
diff --git a/styles.css b/styles.css
index 7778b95..4de672e 100644
--- a/styles.css
+++ b/styles.css
@@ -82,6 +82,78 @@ main {
     color: #8a8f98;
 }
 
+.coaching-section {
+    margin-top: 32px;
+    background-color: #141516;
+    border-radius: 16px;
+    padding: 32px;
+    display: flex;
+    gap: 24px;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.coaching-text {
+    flex: 1;
+    min-width: 260px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.coaching-eyebrow {
+    font-size: 12px;
+    line-height: 16px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    color: #8a8f98;
+}
+
+.coaching-title {
+    font-size: 24px;
+    line-height: 30px;
+    font-weight: 600;
+    color: #FFFFFF;
+    margin: 0;
+}
+
+.coaching-description {
+    font-size: 14px;
+    line-height: 20px;
+    color: #FFFFFF;
+    margin: 0;
+}
+
+.coaching-button {
+    display: inline-block;
+    background-color: #4F32D9;
+    color: #FFFFFF;
+    font-size: 14px;
+    font-weight: 600;
+    padding: 10px 20px;
+    border-radius: 8px;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+    align-self: flex-start;
+}
+
+.coaching-button:hover {
+    background-color: #3d26a8;
+}
+
+.coaching-list {
+    flex: 0 1 280px;
+    margin: 0;
+    padding-left: 20px;
+    color: #FFFFFF;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    font-size: 14px;
+    line-height: 20px;
+}
+
 .content-container {
     max-width: 1024px;
     margin: 0 auto;
@@ -665,5 +737,13 @@ main {
     .promo-image {
         width: 180px;
     }
+
+    .coaching-section {
+        padding: 24px;
+    }
+
+    .coaching-list {
+        width: 100%;
+    }
 }