Merge branch 'remove-subscription-contact'

frontend/rabbi_gerzi/cypress/e2e/about.cy.ts

@@ -7,8 +7,8 @@ describe('about page', () => {
     cy.get('header.site-header').within(() => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
-      cy.contains('Contact').should('be.visible')
       cy.contains('Donate').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
     })
 
     cy.get('[data-cy="about-hero"]').within(() => {
@@ -108,21 +108,18 @@ describe('about page', () => {
     cy.get('[data-cy="haskamah-image"]').first().should('be.visible')
   })
 
-  it('renders the get involved form and footer', () => {
+  it('does not render the get involved subscription section', () => {
-    cy.get('[data-cy="get-involved"]').within(() => {
+    cy.get('[data-cy="get-involved"]').should('not.exist')
-      cy.contains('h2', 'Get Involved').should('be.visible')
     cy.contains('Subscribe for updates as we release new content')
-        .should('be.visible')
+      .should('not.exist')
-      cy.get('input[name="fullName"]').should('be.visible')
-      cy.get('input[name="email"]').should('be.visible')
-      cy.contains('button', 'Submit').should('be.visible')
   })
 
+  it('renders the footer with links and copyright', () => {
     cy.get('[data-cy="footer"]').within(() => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
       cy.contains('Donate').should('be.visible')
-      cy.contains('Contact').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
       cy.contains(/Rabbi Gerzi 2025/).should('be.visible')
     })
   })

frontend/rabbi_gerzi/cypress/e2e/contact.cy.ts

@@ -1,119 +1,11 @@
-describe('contact page', () => {
+describe('removed contact page', () => {
-  beforeEach(() => {
+  it('redirects direct contact visits to the homepage', () => {
     cy.visit('/contact')
-  })
 
-  it('renders the header and contact intro', () => {
+    cy.location('pathname').should('eq', '/')
+    cy.get('[data-cy="contact-hero"]').should('not.exist')
     cy.get('header.site-header').within(() => {
-      cy.contains('Torah Media').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
-      cy.contains('About').should('be.visible')
-      cy.contains('Contact').should('be.visible')
-      cy.contains('Donate').should('be.visible')
-    })
-
-    cy.get('[data-cy="contact-hero"]').within(() => {
-      cy.contains('h1', 'Contact').should('be.visible')
-      cy.contains('Rabbi Gerzi receives numerous messages each week')
-        .should('be.visible')
-      cy.contains('get back to you').should('be.visible')
-    })
-  })
-
-  it('renders the copied message form fields', () => {
-    cy.get('[data-cy="contact-form"]').within(() => {
-      cy.contains('h2', 'Send Rabbi Gerzi a Message').should('be.visible')
-      cy.get('input[name="firstName"]').should('be.visible')
-      cy.get('input[name="lastName"]').should('be.visible')
-      cy.get('input[name="city"]').should('be.visible')
-      cy.get('input[name="country"]').should('be.visible')
-      cy.get('input[name="email"]')
-        .should('be.visible')
-        .and('have.attr', 'type', 'email')
-      cy.get('textarea[name="message"]').should('be.visible')
-      cy.contains('button', 'Submit').should('be.visible')
-    })
-  })
-
-  it('clears the static contact form when submitted', () => {
-    cy.get('[data-cy="contact-form"]').within(() => {
-      cy.get('input[name="firstName"]').type('Yehuda')
-      cy.get('input[name="lastName"]').type('Cohen')
-      cy.get('input[name="city"]').type('Ramat Beit Shemesh')
-      cy.get('input[name="country"]').type('Israel')
-      cy.get('input[name="email"]').type('yehuda@example.com')
-      cy.get('textarea[name="message"]').type('Please send details.')
-      cy.contains('button', 'Submit').click()
-
-      cy.get('input[name="firstName"]').should('have.value', '')
-      cy.get('input[name="lastName"]').should('have.value', '')
-      cy.get('input[name="city"]').should('have.value', '')
-      cy.get('input[name="country"]').should('have.value', '')
-      cy.get('input[name="email"]').should('have.value', '')
-      cy.get('textarea[name="message"]').should('have.value', '')
-    })
-  })
-
-  it('renders social media links', () => {
-    cy.get('[data-cy="contact-social"]').within(() => {
-      cy.contains('h2', 'Follow Rabbi Gerzi on Social Media')
-        .should('be.visible')
-      cy.contains('a', 'YouTube')
-        .should('be.visible')
-        .and('have.attr', 'href', 'https://www.youtube.com/@rabbigerzi')
-        .and('have.attr', 'target', '_blank')
-      cy.contains('a', 'Spotify')
-        .should('be.visible')
-        .and(
-          'have.attr',
-          'href',
-          'https://open.spotify.com/show/49H1X9A7KZWAnnIbcoQXQR?si=6253691f23be44ad',
-        )
-        .and('have.attr', 'target', '_blank')
-    })
-  })
-
-  it('keeps the page readable on mobile', () => {
-    cy.viewport(390, 900)
-
-    cy.get('[data-cy="contact-hero"]').should('be.visible')
-    cy.get('[data-cy="contact-form"]').should('be.visible')
-    cy.get('[data-cy="contact-social"]').should('be.visible')
-  })
-
-  it('centers the subscribe card vertically in its section', () => {
-    cy.get('[data-cy="get-involved"]').then((sectionElements) => {
-      const sectionElement = sectionElements[0]
-      const cardElement = sectionElement.querySelector('.get-involved__card')
-
-      if (cardElement === null) {
-        throw new Error('Get involved card is missing')
-      }
-
-      const sectionBounds = sectionElement.getBoundingClientRect()
-      const cardBounds = cardElement.getBoundingClientRect()
-      const topBuffer = cardBounds.top - sectionBounds.top
-      const bottomBuffer = sectionBounds.bottom - cardBounds.bottom
-
-      expect(topBuffer).to.be.closeTo(bottomBuffer, 1)
-    })
-  })
-
-  it('renders the get involved form and footer', () => {
-    cy.get('[data-cy="get-involved"]').within(() => {
-      cy.contains('h2', 'Get Involved').should('be.visible')
-      cy.contains('Subscribe for updates as we release new content')
-        .should('be.visible')
-      cy.get('input[name="fullName"]').should('be.visible')
-      cy.get('input[name="newsletterEmail"]').should('be.visible')
-      cy.contains('button', 'Submit').should('be.visible')
-    })
-
-    cy.get('[data-cy="footer"]').within(() => {
-      cy.contains('Torah Media').should('be.visible')
-      cy.contains('About').should('be.visible')
-      cy.contains('Donate').should('be.visible')
-      cy.contains('Contact').should('be.visible')
-      cy.contains(/Rabbi Gerzi 2025/).should('be.visible')
     })
   })
 })

frontend/rabbi_gerzi/cypress/e2e/home.cy.ts

@@ -7,8 +7,8 @@ describe('homepage hero', () => {
     cy.get('header.site-header').within(() => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
-      cy.contains('Contact').should('be.visible')
       cy.contains('Donate').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
     })
   })
 
@@ -29,8 +29,8 @@ describe('homepage hero', () => {
     cy.get('header.site-header').within(() => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
-      cy.contains('Contact').should('be.visible')
       cy.contains('Donate').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
     })
     cy.contains('h1', 'Torah Media').should('be.visible')
   })
@@ -561,16 +561,10 @@ describe('homepage get involved and footer', () => {
     cy.visit('/')
   })
 
-  it('renders the newsletter signup form', () => {
+  it('does not render the newsletter signup section', () => {
-    cy.get('[data-cy="get-involved"]').within(() => {
+    cy.get('[data-cy="get-involved"]').should('not.exist')
-      cy.contains('h2', 'Get Involved').should('be.visible')
+    cy.contains('Subscribe for updates as we release new content')
-      cy.contains(
+      .should('not.exist')
-        'Subscribe for updates as we release new content',
-      ).should('be.visible')
-      cy.get('input[name="fullName"]').should('be.visible')
-      cy.get('input[name="email"]').should('be.visible')
-      cy.contains('button', 'Submit').should('be.visible')
-    })
   })
 
   it('renders the footer with links and copyright', () => {
@@ -578,7 +572,7 @@ describe('homepage get involved and footer', () => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
       cy.contains('Donate').should('be.visible')
-      cy.contains('Contact').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
       cy.contains(/Rabbi Gerzi 2025/).should('be.visible')
     })
   })

frontend/rabbi_gerzi/cypress/e2e/media.cy.ts

@@ -19,8 +19,8 @@ describe('media page sets', () => {
     cy.get('header.site-header').within(() => {
       cy.contains('Torah Media').should('be.visible')
       cy.contains('About').should('be.visible')
-      cy.contains('Contact').should('be.visible')
       cy.contains('Donate').should('be.visible')
+      cy.contains('a', 'Contact').should('not.exist')
     })
     cy.contains('h1', 'Torah Media').should('be.visible')
     cy.get('[data-cy="media-set-grid"]').should('be.visible')

frontend/rabbi_gerzi/src/components/SiteFooter.vue

@@ -46,7 +46,6 @@ const footerLinkColumns: FooterLink[][] = [
       label: 'Donate',
       linkAttributes: donateLinkAttributes,
     },
-    { kind: 'route', label: 'Contact', to: '/contact' },
   ],
 ]
 </script>

frontend/rabbi_gerzi/src/components/SiteHeader.vue

@@ -37,7 +37,6 @@ async function handleLogout(): Promise<void> {
 const navItems: InternalHeaderNavItem[] = [
   { label: 'Torah Media', href: '/media', icon: '▶' },
   { label: 'About', href: '/about', icon: 'ⓘ' },
-  { label: 'Contact', href: '/contact', icon: '➤' },
 ]
 
 const donateNavItem: HeaderNavItem = {

frontend/rabbi_gerzi/src/router/index.ts

@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import HomePage from '@/views/HomePage.vue'
 import AboutPage from '@/views/AboutPage.vue'
-import ContactPage from '@/views/ContactPage.vue'
 import LoginPage from '@/views/LoginPage.vue'
 import MediaPage from '@/views/MediaPage.vue'
 import ElementPage from '@/views/ElementPage.vue'
@@ -28,8 +27,7 @@ const router = createRouter({
     },
     {
       path: '/contact',
-      name: 'contact',
+      redirect: { name: 'home' },
-      component: ContactPage,
     },
     {
       path: '/media',

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,
+  .about-section__inner--split {
-  .get-involved__card {
     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>

frontend/rabbi_gerzi/src/views/ContactPage.vue

@@ -1,440 +0,0 @@
-<script setup lang="ts">
-import { ref } from 'vue'
-import SiteHeader from '@/components/SiteHeader.vue'
-import SiteFooter from '@/components/SiteFooter.vue'
-import { socialLinks } from '@/content/socialLinks'
-
-const contactFirstName = ref('')
-const contactLastName = ref('')
-const contactCity = ref('')
-const contactCountry = ref('')
-const contactEmail = ref('')
-const contactMessage = ref('')
-const newsletterFullName = ref('')
-const newsletterEmail = ref('')
-
-function submitContact(submitEvent: Event): void {
-  submitEvent.preventDefault()
-  contactFirstName.value = ''
-  contactLastName.value = ''
-  contactCity.value = ''
-  contactCountry.value = ''
-  contactEmail.value = ''
-  contactMessage.value = ''
-}
-
-function submitNewsletter(submitEvent: Event): void {
-  submitEvent.preventDefault()
-  newsletterFullName.value = ''
-  newsletterEmail.value = ''
-}
-</script>
-
-<template>
-  <div class="contact-page">
-    <SiteHeader />
-
-    <main>
-      <section class="contact-hero" data-cy="contact-hero">
-        <div class="contact-hero__inner">
-          <p class="contact-hero__eyebrow">Contact</p>
-          <h1 class="contact-hero__heading">Contact</h1>
-          <p class="contact-hero__body">
-            Rabbi Gerzi receives numerous messages each week. It may take some
-            time to get back to you, but we will do our best to respond in a
-            timely manner.
-          </p>
-        </div>
-      </section>
-
-      <section class="contact-main">
-        <div class="contact-main__inner">
-          <form
-            class="contact-form"
-            data-cy="contact-form"
-            @submit="submitContact"
-          >
-            <h2 class="contact-form__heading">Send Rabbi Gerzi a Message</h2>
-            <div class="contact-form__grid">
-              <label class="contact-form__field">
-                <span class="contact-form__label">First Name</span>
-                <input
-                  v-model="contactFirstName"
-                  name="firstName"
-                  type="text"
-                  class="contact-form__input"
-                  autocomplete="given-name"
-                  required
-                />
-              </label>
-              <label class="contact-form__field">
-                <span class="contact-form__label">Last Name</span>
-                <input
-                  v-model="contactLastName"
-                  name="lastName"
-                  type="text"
-                  class="contact-form__input"
-                  autocomplete="family-name"
-                  required
-                />
-              </label>
-              <label class="contact-form__field">
-                <span class="contact-form__label">City</span>
-                <input
-                  v-model="contactCity"
-                  name="city"
-                  type="text"
-                  class="contact-form__input"
-                  autocomplete="address-level2"
-                  required
-                />
-              </label>
-              <label class="contact-form__field">
-                <span class="contact-form__label">Country</span>
-                <input
-                  v-model="contactCountry"
-                  name="country"
-                  type="text"
-                  class="contact-form__input"
-                  autocomplete="country-name"
-                  required
-                />
-              </label>
-              <label class="contact-form__field contact-form__field--wide">
-                <span class="contact-form__label">Email</span>
-                <input
-                  v-model="contactEmail"
-                  name="email"
-                  type="email"
-                  class="contact-form__input"
-                  autocomplete="email"
-                  required
-                />
-              </label>
-              <label class="contact-form__field contact-form__field--wide">
-                <span class="contact-form__label">Message</span>
-                <textarea
-                  v-model="contactMessage"
-                  name="message"
-                  class="contact-form__textarea"
-                  rows="6"
-                  required
-                ></textarea>
-              </label>
-            </div>
-            <button type="submit" class="contact-form__submit">Submit</button>
-          </form>
-
-          <aside class="contact-social" data-cy="contact-social">
-            <h2 class="contact-social__heading">
-              Follow Rabbi Gerzi on Social Media
-            </h2>
-            <div class="contact-social__links">
-              <a
-                v-for="socialLink in socialLinks"
-                :key="socialLink.href"
-                :href="socialLink.href"
-                class="contact-social__link"
-                target="_blank"
-                rel="noopener"
-              >
-                {{ socialLink.label }}
-              </a>
-            </div>
-          </aside>
-        </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="newsletterEmail"
-                type="email"
-                class="get-involved__input"
-                autocomplete="email"
-              />
-            </label>
-            <button type="submit" class="get-involved__submit">Submit</button>
-          </form>
-        </div>
-      </section>
-    </main>
-
-    <SiteFooter />
-  </div>
-</template>
-
-<style scoped>
-.contact-page {
-  min-height: 100vh;
-  background: var(--color-white);
-}
-
-.contact-hero {
-  background: var(--color-cream);
-  padding: 4rem 2rem;
-}
-
-.contact-hero__inner {
-  max-width: 760px;
-  margin: 0 auto;
-  text-align: center;
-}
-
-.contact-hero__eyebrow {
-  margin: 0 0 0.75rem;
-  color: var(--color-olive);
-  font-family: var(--font-sans);
-  font-size: 0.78rem;
-  font-weight: 700;
-  letter-spacing: 0;
-  text-transform: uppercase;
-}
-
-.contact-hero__heading,
-.contact-form__heading,
-.contact-social__heading,
-.get-involved__heading {
-  margin: 0;
-  color: var(--color-slate);
-  font-family: var(--font-serif);
-  font-weight: 400;
-  line-height: 1.15;
-}
-
-.contact-hero__heading {
-  font-size: clamp(2.3rem, 4vw, 3.35rem);
-}
-
-.contact-hero__body {
-  max-width: 42rem;
-  margin: 1.35rem auto 0;
-  color: var(--color-text-muted);
-  font-family: var(--font-serif);
-  font-size: clamp(1.05rem, 2vw, 1.25rem);
-  line-height: 1.65;
-}
-
-.contact-main {
-  background: var(--color-white);
-  padding: 5rem 2rem;
-}
-
-.contact-main__inner {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
-  max-width: 1100px;
-  margin: 0 auto;
-  gap: 2rem;
-  align-items: start;
-}
-
-.contact-form,
-.contact-social {
-  background: var(--color-white);
-  border: 1px solid var(--color-border);
-  border-radius: 8px;
-}
-
-.contact-form {
-  padding: clamp(1.5rem, 4vw, 2.5rem);
-}
-
-.contact-form__heading {
-  font-size: clamp(1.5rem, 2.4vw, 2rem);
-}
-
-.contact-form__grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  margin-top: 2rem;
-  gap: 1rem;
-}
-
-.contact-form__field {
-  display: flex;
-  flex-direction: column;
-  gap: 0.45rem;
-}
-
-.contact-form__field--wide {
-  grid-column: 1 / -1;
-}
-
-.contact-form__label,
-.get-involved__label {
-  color: var(--color-text-muted);
-  font-family: var(--font-sans);
-  font-size: 0.85rem;
-}
-
-.contact-form__input,
-.contact-form__textarea,
-.get-involved__input {
-  width: 100%;
-  padding: 0.78rem 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;
-}
-
-.contact-form__textarea {
-  resize: vertical;
-  min-height: 150px;
-}
-
-.contact-form__input:focus,
-.contact-form__textarea:focus,
-.get-involved__input:focus {
-  outline: 2px solid var(--color-slate);
-  outline-offset: 2px;
-}
-
-.contact-form__submit,
-.get-involved__submit {
-  margin-top: 1.25rem;
-  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;
-}
-
-.contact-form__submit:hover,
-.get-involved__submit:hover {
-  background: var(--color-slate);
-}
-
-.contact-social {
-  padding: 2rem;
-  background: var(--color-cream);
-}
-
-.contact-social__heading {
-  font-size: clamp(1.3rem, 2vw, 1.7rem);
-}
-
-.contact-social__links {
-  display: grid;
-  margin-top: 1.5rem;
-  gap: 0.85rem;
-}
-
-.contact-social__link {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.95rem 1rem;
-  color: var(--color-text);
-  background: var(--color-white);
-  border: 1px solid var(--color-border);
-  border-radius: 8px;
-  font-family: var(--font-sans);
-  font-weight: 600;
-}
-
-.contact-social__link:hover {
-  border-color: var(--color-slate);
-}
-
-.get-involved {
-  background: var(--color-cream);
-  padding: 5rem 2rem;
-}
-
-.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-bottom: 1.25rem;
-  color: var(--color-text);
-  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
-}
-
-.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__submit {
-  margin-top: 0.5rem;
-}
-
-@media (max-width: 860px) {
-  .contact-hero {
-    padding: 3rem 1rem;
-  }
-
-  .contact-main {
-    padding: 4rem 1rem;
-  }
-
-  .contact-main__inner,
-  .contact-form__grid,
-  .get-involved__card {
-    grid-template-columns: 1fr;
-  }
-
-  .get-involved {
-    padding: 4rem 1rem;
-  }
-
-  .get-involved__card {
-    padding: 2rem;
-    gap: 2rem;
-  }
-}
-</style>

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) {