Add section for free mentorship

index.html

@@ -122,6 +122,33 @@ <h2 class="slider-title">Fractional Leadership: Tech, Product & Design</h2>
       <div class="bottom-flex"></div>
     </article>
 
+    <article class="slide-mentor">
+      <div class="top-flex"></div>
+      <div class="slide-content">
+        <h2 class="slider-title">Free Mentorship for Engineering Leaders</h2>
+        <div class="mentor-info-box">
+          <section class="session-info">
+            <p>In transitioning from an IC to an Engineering manager, I encountered my own set of challenges and confusions. To ease this journey for others, I offer complimentary 45-minute mentorship sessions twice a week, specifically aimed at new or aspiring engineering leaders.</p>
+            <p>During these sessions, we'll tackle the specific issues you're facing, leveraging my experiences and insights to foster your growth in leadership and management skills.</p>
+          </section>
+          <section class="session-link">
+            <p>
+              You can go to my Topmate profile for booking slots. The number of slots are fixed but the timing is flexible. We can decide the time after you book.
+            </p>
+            <p>
+              <a class="button-link" href="https://topmate.io/prajwalit/">
+                <img src="images/Topmate.png" class="button-link-icon"/>
+                Let's Connect
+              </a>
+            </p>
+          </section>
+        </div>
+      </div>
+      <div class="bottom-flex"></div>
+    </article>
+
+
+
     <footer>
       <div class="copyrights">
         &copy; 2024 Prajwalit.com <br/> All rights reserved.

styles/home.css

@@ -13,23 +13,23 @@ body {
 }
 
 /* Slide common */
-.slide-intro, .slide-unravel, .slide-coach, .slide-leader {
+.slide-intro, .slide-unravel, .slide-coach, .slide-leader, .slide-mentor, .slide-testimonials {
   position: relative;
   scroll-snap-align: start;
 }
 
-.slide-unravel, .slide-coach, .slide-leader {
+.slide-unravel, .slide-coach, .slide-leader, .slide-mentor, .slide-testimonials {
   display: flex;
   flex-direction: column;
 }
 
-.slide-intro, .slide-coach {
+.slide-intro, .slide-coach, .slide-mentor {
   background: #F5EEDC;
   width: 100%;
   height: 100dvh;
 }
 
-.slide-unravel, .slide-leader {
+.slide-unravel, .slide-leader, .slide-testimonials {
   background: #C0D8C0;
   width: 100%;
   height: 100dvh;
@@ -166,7 +166,21 @@ body {
 
 /* Coach Slide End */
 
+/* Mentor Slide */
+.mentor-info-box {
+  display: flex;
+  gap: 1em;
+}
+
+.session-link {
+  margin-top: 1em;
+  padding: 0 1em;
+  background: #EEE;
+}
 
+/* Mentor Slide End */
+
+/* Footer */
 footer {
   display: flex;
   align-items: center;
@@ -196,9 +210,10 @@ footer {
   height: 1.5em;
 }
 
+/* Footer End */
 
 @media only screen and (max-device-width: 480px) {
-  .slide-unravel .slide-content, .slide-coach .slide-content, .slide-leader .slide-content {
+  .slide-content {
     margin: 0 1em;
   }
 
@@ -220,6 +235,14 @@ footer {
     height: 200px;
   }
 
+  .mentor-info-box {
+    flex-direction: column;
+  }
+
+  .session-link {
+    margin-top: auto;
+  }
+
   footer {
     flex-direction: column-reverse;
   }