From 3e7b7ab84b9d9b6baf3fa93a8a2a305cbefe59d7 Mon Sep 17 00:00:00 2001
From: Yisroel Baum <yisroel.d.baum@gmail.com>
Date: Fri, 3 Jul 2026 15:23:30 +0300
Subject: [PATCH] remove subscription sections

---
 frontend/rabbi_gerzi/src/views/AboutPage.vue | 141 +------------------
 frontend/rabbi_gerzi/src/views/HomePage.vue  | 134 ------------------
 2 files changed, 1 insertion(+), 274 deletions(-)

diff --git a/frontend/rabbi_gerzi/src/views/AboutPage.vue b/frontend/rabbi_gerzi/src/views/AboutPage.vue
index 10b4474..e1b35c0 100644
--- a/frontend/rabbi_gerzi/src/views/AboutPage.vue
+++ b/frontend/rabbi_gerzi/src/views/AboutPage.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue'
 import SiteHeader from '@/components/SiteHeader.vue'
 import SiteFooter from '@/components/SiteFooter.vue'
 
@@ -209,15 +208,6 @@ const haskamahImages: HaskamahImage[] = [
     src: '/assets/about/haskamot/haskamah-6.jpg',
   },
 ]
-
-const newsletterFullName = ref('')
-const newsletterEmail = ref('')
-
-function submitNewsletter(submitEvent: Event): void {
-  submitEvent.preventDefault()
-  newsletterFullName.value = ''
-  newsletterEmail.value = ''
-}
 </script>
 
 <template>
@@ -408,41 +398,6 @@ function submitNewsletter(submitEvent: Event): void {
           </div>
         </div>
       </section>
-
-      <section class="get-involved" data-cy="get-involved">
-        <div class="get-involved__card">
-          <div class="get-involved__copy">
-            <h2 class="get-involved__heading">Get Involved</h2>
-            <p class="get-involved__subtext">
-              Subscribe for updates as we release new content, chaburot and
-              events.
-            </p>
-          </div>
-          <form class="get-involved__form" @submit="submitNewsletter">
-            <label class="get-involved__field">
-              <span class="get-involved__label">Full Name</span>
-              <input
-                v-model="newsletterFullName"
-                name="fullName"
-                type="text"
-                class="get-involved__input"
-                autocomplete="name"
-              />
-            </label>
-            <label class="get-involved__field">
-              <span class="get-involved__label">Email Address</span>
-              <input
-                v-model="newsletterEmail"
-                name="email"
-                type="email"
-                class="get-involved__input"
-                autocomplete="email"
-              />
-            </label>
-            <button type="submit" class="get-involved__submit">Submit</button>
-          </form>
-        </div>
-      </section>
     </main>
 
     <SiteFooter />
@@ -716,94 +671,9 @@ function submitNewsletter(submitEvent: Event): void {
   box-shadow: 0 10px 30px rgb(33 50 64 / 10%);
 }
 
-.get-involved {
-  background: var(--color-cream);
-  padding: 0 2rem 5rem;
-}
-
-.get-involved__card {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  align-items: center;
-  max-width: 1100px;
-  margin: 0 auto;
-  padding: 3rem;
-  gap: 3rem;
-  background: rgba(255, 255, 255, 0.48);
-  border: 1px solid rgb(230 225 210 / 70%);
-  border-radius: 8px;
-}
-
-.get-involved__heading {
-  margin: 0 0 1.25rem;
-  color: var(--color-text);
-  font-family: var(--font-serif);
-  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
-  font-weight: 400;
-}
-
-.get-involved__subtext {
-  max-width: 36ch;
-  margin: 0;
-  color: var(--color-text-muted);
-  font-family: var(--font-serif);
-  font-size: 1rem;
-  line-height: 1.55;
-}
-
-.get-involved__form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.get-involved__field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-}
-
-.get-involved__label {
-  color: var(--color-text-muted);
-  font-family: var(--font-sans);
-  font-size: 0.85rem;
-}
-
-.get-involved__input {
-  padding: 0.75rem 1rem;
-  color: var(--color-text);
-  background: var(--color-cream);
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: 8px;
-  font-family: var(--font-sans);
-  font-size: 1rem;
-}
-
-.get-involved__input:focus {
-  outline: 2px solid var(--color-slate);
-  outline-offset: 2px;
-}
-
-.get-involved__submit {
-  margin-top: 0.5rem;
-  padding: 0.85rem 1rem;
-  color: var(--color-white);
-  background: var(--color-text);
-  border: none;
-  border-radius: 8px;
-  font-family: var(--font-sans);
-  font-size: 1rem;
-  font-weight: 500;
-}
-
-.get-involved__submit:hover {
-  background: var(--color-slate);
-}
-
 @media (max-width: 860px) {
   .about-hero__inner,
-  .about-section__inner--split,
-  .get-involved__card {
+  .about-section__inner--split {
     grid-template-columns: 1fr;
   }
 
@@ -833,14 +703,5 @@ function submitNewsletter(submitEvent: Event): void {
     height: auto;
     aspect-ratio: 1;
   }
-
-  .get-involved {
-    padding: 0 1rem 4rem;
-  }
-
-  .get-involved__card {
-    padding: 2rem;
-    gap: 2rem;
-  }
 }
 </style>
diff --git a/frontend/rabbi_gerzi/src/views/HomePage.vue b/frontend/rabbi_gerzi/src/views/HomePage.vue
index 42c3d27..68de8a6 100644
--- a/frontend/rabbi_gerzi/src/views/HomePage.vue
+++ b/frontend/rabbi_gerzi/src/views/HomePage.vue
@@ -133,16 +133,6 @@ function previousTestimonial(): void {
   testimonialIndex.value = previousTestimonialIndex()
 }
 
-const newsletterFullName = ref('')
-const newsletterEmail = ref('')
-
-function submitNewsletter(submitEvent: Event): void {
-  submitEvent.preventDefault()
-  // No backend wiring yet - field values stay in component state.
-  newsletterFullName.value = ''
-  newsletterEmail.value = ''
-}
-
 interface Sponsor {
   name: string
   src: string
@@ -473,41 +463,6 @@ function projectCardStyle(project: Project): string {
       </div>
     </section>
 
-    <section class="get-involved" data-cy="get-involved">
-      <div class="get-involved__card">
-        <div class="get-involved__copy">
-          <h2 class="get-involved__heading">Get Involved</h2>
-          <p class="get-involved__subtext">
-            Subscribe for updates as we release new content, chaburot and
-            events.
-          </p>
-        </div>
-        <form class="get-involved__form" @submit="submitNewsletter">
-          <label class="get-involved__field">
-            <span class="get-involved__label">Full Name</span>
-            <input
-              v-model="newsletterFullName"
-              name="fullName"
-              type="text"
-              class="get-involved__input"
-              autocomplete="name"
-            />
-          </label>
-          <label class="get-involved__field">
-            <span class="get-involved__label">Email Address</span>
-            <input
-              v-model="newsletterEmail"
-              name="email"
-              type="email"
-              class="get-involved__input"
-              autocomplete="email"
-            />
-          </label>
-          <button type="submit" class="get-involved__submit">Submit</button>
-        </form>
-      </div>
-    </section>
-
     <SiteFooter />
   </div>
 </template>
@@ -1106,89 +1061,6 @@ function projectCardStyle(project: Project): string {
   max-width: 30ch;
 }
 
-.get-involved {
-  background: var(--color-cream);
-  padding: 0 2rem 5rem;
-}
-
-.get-involved__card {
-  max-width: 1100px;
-  margin: 0 auto;
-  background: rgba(255, 255, 255, 0.4);
-  border-radius: 14px;
-  padding: 3rem;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 3rem;
-  align-items: center;
-}
-
-.get-involved__heading {
-  font-family: var(--font-serif);
-  font-weight: 400;
-  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
-  color: var(--color-text);
-  margin: 0 0 1.25rem 0;
-}
-
-.get-involved__subtext {
-  font-family: var(--font-serif);
-  font-size: 1rem;
-  line-height: 1.55;
-  color: var(--color-text-muted);
-  margin: 0;
-  max-width: 36ch;
-}
-
-.get-involved__form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.get-involved__field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4rem;
-}
-
-.get-involved__label {
-  font-family: var(--font-sans);
-  font-size: 0.85rem;
-  color: var(--color-text-muted);
-}
-
-.get-involved__input {
-  background: var(--color-cream);
-  border: 1px solid rgba(0, 0, 0, 0.08);
-  border-radius: 8px;
-  padding: 0.75rem 1rem;
-  font-family: var(--font-sans);
-  font-size: 1rem;
-  color: var(--color-text);
-}
-
-.get-involved__input:focus {
-  outline: 2px solid var(--color-slate);
-  outline-offset: 2px;
-}
-
-.get-involved__submit {
-  background: var(--color-text);
-  color: var(--color-white);
-  border: none;
-  border-radius: 8px;
-  padding: 0.85rem 1rem;
-  font-family: var(--font-sans);
-  font-weight: 500;
-  font-size: 1rem;
-  margin-top: 0.5rem;
-}
-
-.get-involved__submit:hover {
-  background: var(--color-slate);
-}
-
 @media (max-width: 768px) {
   .testimonials {
     --testimonials-card-height: 320px;
@@ -1250,12 +1122,6 @@ function projectCardStyle(project: Project): string {
   .journey__cards {
     grid-template-columns: 1fr;
   }
-
-  .get-involved__card {
-    grid-template-columns: 1fr;
-    padding: 2rem;
-    gap: 2rem;
-  }
 }
 
 @media (max-width: 480px) {