add discover path section

frontend/rabbi_gerzi/src/views/HomePage.vue

@@ -52,6 +52,35 @@ const navItems = [
         </div>
       </div>
     </section>
+
+    <section class="discover-path" data-cy="discover-path">
+      <div class="discover-path__inner">
+        <svg
+          class="discover-path__icon"
+          viewBox="0 0 120 80"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <path d="M10 65 L40 25 L55 45 L70 15 L90 45 L110 65" />
+          <path d="M30 65 C45 55, 60 60, 75 50 S100 55, 110 65" />
+        </svg>
+        <h2 class="discover-path__heading">Discover a Path to a Holistically Engaged Life</h2>
+        <p class="discover-path__paragraph">
+          Rabbi Yehoshua Gerzi has dedicated his life to empowering individuals to achieve a state
+          of &ldquo;Healthy, Integrated and Balanced Torah Living.&rdquo; His teachings weave
+          together timeless Torah wisdom, mystical insights and practical guidance, making ancient
+          wisdom accessible and transformative for modern lives.
+        </p>
+        <p class="discover-path__paragraph">
+          Rabbi Gerzi is based in Ramat Beit Shemesh, where he serves as Rav of Kehillas Beis David
+          and Director of the Pilzno Institute of Higher Learning.
+        </p>
+      </div>
+    </section>
   </div>
 </template>
 
@@ -210,6 +239,46 @@ const navItems = [
   display: block;
 }
 
+.discover-path {
+  background: var(--color-slate);
+  color: var(--color-white);
+  padding: 5rem 2rem;
+}
+
+.discover-path__inner {
+  max-width: 720px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.discover-path__icon {
+  width: 110px;
+  height: auto;
+  color: rgba(255, 255, 255, 0.7);
+  margin: 0 auto 2rem;
+  display: block;
+}
+
+.discover-path__heading {
+  font-family: var(--font-serif);
+  font-weight: 400;
+  font-size: clamp(1.5rem, 2.4vw, 2rem);
+  margin: 0 0 1.5rem 0;
+}
+
+.discover-path__paragraph {
+  font-family: var(--font-serif);
+  font-weight: 300;
+  font-size: 1.05rem;
+  line-height: 1.7;
+  color: rgba(255, 255, 255, 0.85);
+  margin: 0 0 1.25rem 0;
+}
+
+.discover-path__paragraph:last-child {
+  margin-bottom: 0;
+}
+
 @media (max-width: 768px) {
   .site-header {
     padding: 0.75rem 1rem;