form to subscribe on homepage

src/views/HomeView.vue

@@ -144,6 +144,26 @@
   <CloseGroups :userLocation="userLocation" @doGeoLoc="performGeoLocation()" />
   <OnlineEvents />
   <LastEvents v-if="instanceName" :instanceName="instanceName" />
+  <section id="newsletter" class="relative pt-10 px-2 container mx-auto px-2">
+    <h2
+      class="text-xl font-bold tracking-tight text-gray-900 dark:text-gray-100 mt-0"
+    >
+      {{ t("Subscribe to our newsletter") }}
+    </h2>
+    <p>
+      {{
+        t("Receive every week in your mailbox an overview of upcoming events")
+      }}
+    </p>
+    <form
+      class="container my-3 flex flex-wrap flex-col gap-2 sm:flex-row items-stretch gap-2"
+    >
+      <o-input type="email" :placeholder="t('Your email')" />
+      <o-button native-type="submit" icon-left="email">
+        {{ t("Subscribe") }}
+      </o-button>
+    </form>
+  </section>
 </template>
 
 <script lang="ts" setup>