yisroelbaum/Rabbi_Gerzi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add discover path section

Browse source
This commit is contained in:
Yisroel Baum 2026-05-16 21:51:26 +03:00
parent 8c74eb707e
commit 7ac05c90ea
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
1 changed files with 69 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

69
frontend/rabbi_gerzi/src/views/HomePage.vue
View file

@ -52,6 +52,35 @@ const navItems = [
</div> </div>
</div> </div>
</section> </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> </div>
</template> </template>
@ -210,6 +239,46 @@ const navItems = [
display: block; 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) { @media (max-width: 768px) {
.site-header { .site-header {
padding: 0.75rem 1rem; padding: 0.75rem 1rem;